@extends('Frontend.Master')
@section('style')
    <link rel="stylesheet" href="{{ url('assets/css/styleBlog.css') }}">
    <link rel="stylesheet" href="{{ url('assets/css/bootstrap-stars.css') }}">

@stop
@section('title')
    {{ $data->seo_title.' '.GetPageTitle() }}
@stop
@section('seo_description')
    {{ $data->seo_desciption }}
@stop
@section('key_words')
   @stop
@section('content')
    <div class="w90 pad20 over-hide rtl contentSidebarArchive fontBlog">
        <div class="content">
            <article class="boxfinalArticle">
                <div class="content rtl">
                    <h1 class="title">{{ $data->title }}</h1>
                    <div class="pubDate over-hide"><span class="pull-left"> {{ $data->viewCount }}<i
                                    class="glyphicon glyphicon-eye-open iconLeft"></i></span> {{ verta((int)$data->updateAt)->format(' %d / %B / %Y') }}
                    </div>
                    <figure><img src="{{ url("images/600/450" . $data->imageUrl)}}" alt="{{ $data->title}}" title="{{ $data->excerpt }}">
                      <!--  <figcaption class="wp-caption-text">{{ $data->excerpt }}</figcaption>-->
                    </figure>
                    <div class="desc">{!! $data->body !!} </div>
                </div>

                <h4>{{ $data->title  }} را به اشتراک بگذارید </h4>
                <div class="networkMiddle">
                    <a href="https://www.facebook.com/sharer/sharer.php?u={{ url('/article' . $data->id ) }}"
                       target="_blank" class="network"><img src="{{ url('/assets/images/fasbook.png') }}"
                                                            alt="share_icon_fb"></a>
                    {{--<a href=""  class="network" target="_blank"><img src="{{ url('/assets/images/insta.png') }}" alt="share_icon_instagram"></a>--}}
                    <a href="https://telegram.me/share/url?url={{ url('/article' . $data->id ) }}&text={{ $data->excerpt  }}"
                       class="network" target="_blank"><img src="{{ url('/assets/images/telgram.png') }} "
                                                            alt="share_icon_telegram"></a>
                    <a href="https://twitter.com/home?status={{ url('/article' . $data->id ) }}" class="network"
                       target="_blank"><img src="{{ url('/assets/images/towiter.png') }} " alt="share_icon_twitter"></a>
                    {{--                    <a href="" target="_blank" class="network"><img src="{{ url('/assets/images/Android.png') }} " alt="share_icon_androiad"></a>--}}
                </div>
            </article>
            {{--    related  --}}
            @if(count($related))
                <section>
                    <div class="titlePanel"><span>مطالب مرتبط</span></div>
                    <div class="over-hide">
                        @foreach($related as $R)
                            <article class="linkedOther">
                                <a href="{{ url("/article/" . $R->id . '/' . $R->slug ) }}">
                                    <img src="{{ url("images/185/125" . $R->imageUrl)}}" alt="{{ $R->title  }}">
                                    <h4 class="title">{{ $R->title }}</h4>
                                </a>
                            </article>
                        @endforeach
                    </div>
                </section>
            @endif
            <div class="tagList">
                @foreach($data->tags()->pluck('slug' , 'name')->toarray() as $key => $value)
                    <a href="{{ url('/Tag/' . $value ) }}">{{ $key }}</a>
                @endforeach
            </div>
            {{----}}
            @if($data->commentStatus == "active")
            <section class="Technical2 overhid rtl" id="coment">
                <header class="titels">
                    <h2>ارسال نظر برای این محصول </h2>
                </header>
                @if(session('message'))
                    <div class="alert alert-success">
                        <strong>پیام!</strong> {{  session('message') }}
                    </div>
                @endif
                @if(auth()->check())
                    <div class="insert-coment">
                        <div class="titel">
                            <h2><i class="fa fa-caret-left" aria-hidden="true"></i>ثبت نظر</h2>
                        </div>
                        <form action="{{ route('comment') }}" onsubmit="return Validate4()" method="post">
                            {{ csrf_field() }}
                            @php $product = $data;  @endphp
                            <input type="hidden" name="parent_id" value="0">
                            <input type="hidden" name="commentable_id" value="{{ $product->id }}">
                            <input type="hidden" name="commentable_type" value="A">

                            <div class="form-group col-xs-3 pull-right rtl">
                                <label for="rate">امتیاز :</label>
                                <div class="stars stars-example-bootstrap inline-block">
                                    <select name="rating" class="myrating" autocomplete="off">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                    </select>
                                </div>
                            </div>
                            <textarea placeholder="نظر خود را بنویسید " class="input" id="coment2" name="cm"></textarea>
                            @if ($errors->has('cm'))
                                <span class="help-block">
                                        <strong>{{ $errors->first('cm') }}</strong>
                                    </span>
                            @endif
                            <span id="comentvall" class="error"></span>
                            <div class="rowform">
                                <label>کپچا را وارد کنید </label>
                                @captcha
                                <button class="btn-refresh" type="button" id="rc"><i class="fa fa-refresh"></i></button>
                                <input type="text" id="captcha" name="captcha" class="input2" required
                                       placeholder="کپچا را وارد کنید">
                                @if ($errors->has('captcha'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('captcha') }}</strong>
                                    </span>
                                @endif
                            </div>
                            <button class="btn-send btn">ثبت نظر</button>
                        </form>
                    </div>
                @else
                    <div class="titel">
                        <h2>&nbsp;</h2>
                    </div>
                    <p>
                        برای ثبت نظرات، نقد و بررسی شما لازم است ابتدا وارد حساب کاربری خود شوید.
                    </p>
                    <button class="btn-send btn" onclick="login()">ورود به حساب کاربری</button>
                @endif
                <header class="titels">
                    <h2>نظرات کاربران درباره مقاله</h2>
                </header>
                @if(count($comments) > 0 )
                    @foreach($comments as $c)
                        <div class="coment-user">
                            <span><i class="fa fa-user-circle-o" aria-hidden="true"></i>{{ $c->name }}</span>
                            <span>
                    @for($start = 1; $start <= 5; $start++)
                                    @if($start <= $c->rate)
                                        <i class="fa fa-star"></i>

                                    @else
                                        <i class="fa fa-star-o"></i>
                                    @endif
                                @endfor
                </span>
                            <span>{{ Verta((int)$c->time)->format('Y/n/j') }} <i
                                        class="fa fa-calendar-plus-o"></i></span>
                            {{--<span>خریدار این محصول</span>--}}
                            <p>{{ $c->comment }}</p>
                        </div>
                    @endforeach
                @else
                    <div class="coment-user2">
                        <i class="fa fa-comments-o"></i>
                        <p>نظری در باره این مقاله درج نشده است </p>
                    </div>
                @endif
            </section>
                @endif

        </div>
        <aside class="sidebar">
            @include('Frontend.Sections.LeftSideBar')
        </aside>
    </div>
@stop
@section("script_area")
    <script src="{{ url('assets/js/validateform.js') }}"></script>
    <script src="{{ url('assets/js/jquery.barrating.min.js') }}"></script>
    @if($errors->first() or session('message'))
        <script>
            $("html, body").animate({scrollTop: $('#coment').offset().top + 220 + 'px'}, 1000);
        </script>
    @endif
@stop