@extends('layouts.front')
@section('page_title')
@parent
@if($product->metatitle) {{$product->metatitle}} @else {{$product->title}} @endif
@endsection
@section('head-js')
<link rel="stylesheet" type="text/css" href="/css/drift-basic.min.css">
@stop
@section('meta')
    <!-- SEO -->
    <meta name="description" content="@if($product->metadescr) {{$product->metadescr}} @else {{$product->descr}} @endif">
    <link rel="canonical" href="{{ config('app.url').'/shop/'.$product->slug }}" />

    <!-- OG -->
    <meta property="og:type" content="product">
    <meta property="og:title" content="@if($product->metatitle) {{$product->metatitle}} @else {{$product->title}} @endif">
    <meta property="og:description" content="@if($product->metadescr) {{$product->metadescr}} @else {{$product->descr}} @endif">  
    <meta property="og:url" content="{{ config('app.url').'/shop/'.$product->slug }}">
    <meta property="og:site_name" content="{{$defaultset->metatitle}}">
    <meta property="og:locale" content="fa_IR" />
    <meta property="article:modified_time" content="{{ $product->updated_at->tz('Asia/Tehran')->toAtomString() }}" />
    @if(count($gallarray) > 0)
        @foreach($gallarray as $gall)    
        <meta property="og:image" content="{{ asset($gall['src']) }}" />
        <meta property="og:image:width" content="1000" />
        <meta property="og:image:height" content="1000" />
        @endforeach
    @endif

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="{{$defaultset->twitter}}" />
    <meta name="twitter:title" content="@if($product->metatitle) {{$product->metatitle}} @else {{$product->title}} @endif" />
    <meta name="twitter:description" content="@if($product->metadescr) {{$product->metadescr}} @else {{$product->descr}} @endif" />
    <meta name="twitter:label1" content="قیمت" />
    <meta name="twitter:data1" content="{{ number_format(@$price, 0) }} تومان" />
    <meta name="twitter:label2" content="Availability" />
    <meta name="twitter:data2" content="@if($avacheck==1) In stock @else Out of stock @endif" />

    <!-- Product Meta -->
    @if($product->brands)
    <meta property="product:brand" content="{{ $product->brands->title }}" />
    @endif
    <meta property="product:price:amount" content="{{ @$price*10 }}" />
    <meta property="product:price:currency" content="IRT" />
    <meta property="product:availability" content="@if($avacheck==1) instock @else out of stock @endif" />
    <meta property="product:retailer_item_id" content="{{ $product->subtitle }}" />
    <meta property="product:condition" content="new" />    

    <!-- JSON-LD Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Product",
      "name": "{{ $product->title }}",
      "image": [
        @if(count($gallarray) > 0)
            @foreach($gallarray as $gall)
            "{{ asset($gall['src']) }}"@if(!$loop->last),@endif
            @endforeach
        @else
            "{{ asset($product->thumbnails) }}"
        @endif
      ],
      "description": "@if($product->metadescr) {{$product->metadescr}} @else {{$product->descr}} @endif",
      @if($product->brands)
      "brand": "{{ $product->brands->title }}",
      @endif
      "sku": "{{ $product->subtitle }}",
      "url": "{{ config('app.url').'/shop/'.$product->slug }}",
      "offers": {
        "@type": "Offer",
        "priceCurrency": "IRR",
        "price": "{{ @$price*10 }}",
        "availability": "@if($avacheck==1) https://schema.org/InStock @else https://schema.org/OutOfStock @endif",
        "url": "{{ config('app.url').'/shop/'.$product->slug }}"
      },
      @if($product->rate)
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "{{ $product->rate }}",
        "bestRating": "5",
        "worstRating": "0",
        "ratingCount": "{{ $product->rateCount ?? $product->rates()->count() }}"
      }
      @endif
    }
    </script>
@stop
@section('main')
<main class="single-product default">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <nav>
                    <ul class="breadcrumb">
                        <li>
                            <a href="{{url('/')}}"><span>خانه</span></a>
                        </li>
                        <li>
                            <a href="{{url('/'.env('Shop_Slug'))}}"><span>فروشگاه</span></a>
                        </li>
                        <li>
                            <span>{{$product->title}}</span>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
     @if(count($similars) > 0 && !$product->avacheck)
        <div class="row mb20 product-container similar-product-container">

          <div class="col-12 default">
                <div class="productBox-Contnet">
                    <div class="header">
                         <h4>متاسفانه کالا مورد نظر شما موجود نمی باشد. محصولات مشابه آن</h4>
                    </div>
                    <div class="inner">
                
                          <div class="similar-carousel owl-carousel owl-theme  text-center">
                            @foreach($similars as $sim)
                                                                
                            <div class="product-box">
                                                        <div class="product-box-img @if(!$sim->avacheck) out-of-stock @endif" >
                                                            <a href="{{url('/shop/'.$sim->slug)}}">
                                                                <img @if($sim->thumbnails) src="{{asset($sim->thumbnails)}}" @endif  alt="{{$product->title}}" onerror="this.src='/no-image-available.jpg';"  loading="lazy">
                                                                  <div class="overlay"></div>
                                                                  <div class="product-rate-hover">
                                                                      <div class="rating-div">
                                                                        <span class="fa fa-star @if(intval($sim->rate) >= 1) checked @endif"></span>
                                                                        <span class="fa fa-star @if(intval($sim->rate) >= 2) checked @endif"></span>
                                                                        <span class="fa fa-star @if(intval($sim->rate) >= 3) checked @endif"></span>
                                                                        <span class="fa fa-star @if(intval($sim->rate) >= 4) checked @endif"></span>
                                                                        <span class="fa fa-star @if(intval($sim->rate) >= 5) checked @endif"></span>                                                          
                                                                      </div>
                                                                  </div>                                                
                                                            </a>
                                                            @if($sim->avacheck)
                                                              @if($sim->salesprice)
                                                                <div class="salestag"><span>{{round((1-($sim->salesprice / $sim->price))*100)}} %  </span></div>
                                                              @endif
                                                            @else
                                                              <div class="out-of-stock-label">ناموجود</div>
                                                            @endif
                                                            <div class="vertical-product-hover">
                                                                <div class="addtowishlist @if(@$sign == 1) active @endif" id="addtowishlist{{$sim->id}}" onclick="AddtoWishtListFunction({{$sim->id}})" title="افزودن به علاقه مندی ها"><i class="icon-heart"></i></div>
                                                                <div class="addtoSalesAlert" id="addtoSalesAlert{{$sim->id}}" onclick="addtoSalesAlertFunction({{$sim->id}})" title="باخیر شدن از تخفیف"><i class="icon-bell"></i></div>
                                                            </div>
                                                            
                                                        </div>
                                <div class="product-box-content">
                                    <div class="product-box-content-row">
                                        <div class="product-box-title">
                                            <a href="{{url('/'.env('Shop_Slug').'/'.$sim->slug)}}">
                                                {{$sim->title}}
                                            </a>
                                        </div>
                                    </div>
                                      <div class="price-box">
                                        @if($sim->price)
                
                                          @if($sim->salesprice)
                                          <div class="price">
                                                  <del><span>{{number_format($sim->price, 0)}}</span></del>
                                                  <ins><span>{{number_format($sim->salesprice, 0)}}<span>تومان</span></span></ins>
                                          </div>
                                          @else
                                          <div class="price">
                                              <span>{{number_format($sim->price, 0)}}<span> تومان</span></span>
                                          </div>
                                          @endif
                                        @endif
                                      </div>
                                </div>
                            </div>
                            @endforeach
                          </div>                        
                        
                    </div>
                </div>
          </div>
            

        </div>
      @endif        
        <div class="row">
          <div class="col-12 width100">
            @include('frontends.errors')
          </div>
            <div class="col-12">
                <article class="product">
                    <div class="row">
                        <div class="col-lg-5 col-md-5 col-sm-12">
                            <div class="product-gallery default">
                              <div class="product-single-img">
                                <img class="zoom-box" id="expandedImg" src="{{asset($product->imagesrc)}}" data-zoom="{{asset($product->imagesrc)}}" onerror="this.src='/no-image-available.jpg';"  loading="lazy"/>
                                    @if($product->salesprice)
                                      <div class="salestag"><span>فروش ویژه</span></div>
                                    @endif
                                                                       
                                    <div class="vertical-product-hover">
                                          <div class="addtowishlist @if(@$favsign == 1) active @endif" id="addtowishlist{{$product->id}}" onclick="AddtoWishtListFunction({{$product->id}})" title="افزودن به علاقه مندی ها"><i class="icon-heart"></i></div>
                                         <div class="addtoSalesAlert" id="addtoSalesAlert{{$product->id}}" onclick="addtoSalesAlertFunction({{$product->id}})" title="باخیر شدن از تخفیف"><i class="icon-bell"></i></div>
                                    </div>
                              </div>
                                <div id="gallery_01f">
                                    <ul class="gallery-items">
                                      @foreach($gallarray as $gall)
                                        <li>
                                            <a class="img-response">
                                              <img src="{{asset($gall['src'])}}" width="100" alt="{{$product->title}}" title="{{$product->title}}" data-zoom="{{asset($gall['src'])}}" onclick="openImg({{$gall['id']}})" id="gallery-{{$gall['id']}}" onerror="this.src='/no-image-available.jpg';"  loading="lazy"/>
                                            </a>
                                        </li>

                                      @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12">
                            <div class="product-title default">
                                <h1>
                                    {{$product->title}}
                                    <span>{{$product->subtitle}}</span></h1>
                                 
                            </div>
                            @if($product->avacheck)
                            <div class="price-product defualt">
                              @if($product->price)
                                @if($product->salesprice)
                                                                <div class="price-value">
                                    <div class="primary-price"> {{number_format($product->salesprice, 0)}} تومان</div>
                                    <div class="offed-price">
                                      <del>{{number_format($product->price, 0)}} تومان</del>
                                      <div class="price-discount">
                                          <span>
                                             {{round((1-($product->salesprice / $product->price))*100)}}
                                          </span>
                                          <span>%</span>
                                      </div>
                                    </div>
                                </div>
                                @else
                                                                <div class="price-value">
                                    <div class="primary-price"> {{number_format($product->price, 0)}} تومان</div>
                                </div>
                                @endif
                              @endif
                            </div>
                            @endif
                            <div class="product-short-description">
                              <div class="product-params default">
                                {!! $product->descr !!}
                              </div>
                            </div>
                            <div class="product-directory default mb10">
                                <ul>
                                  @if($product->productcats)
                                    <li>
                                        <span>دسته‌بندی</span> :
                                        @foreach($product->productcats as $cat)
                                        <a href="{{url('/'.env('Shop_Slug').'/category/'.$cat->slug)}}" class="btn-link-border">
                                            {{$cat->title}}
                                        </a>
                                        <span class="category-seperator">/</span>
                                        @endforeach
                                    </li>
                                  @endif
                                </ul>
                            </div>
                            @if($product->expire)
                                                        <div class="expire-label-singleproduct">
                                @if(\App\Models\Product::BELOWSIX == $product->expire)
                                <span class="expire-red"> تاریخ انقضا: {{$product->expire}} {{@$pppp}}</span>
                                @elseif(\App\Models\Product::BETWEENSIXANDTHREE == $product->expire)
                                <span class="expire-yellow"> تاریخ انقضا: {{$product->expire}} {{@$pppp}}</span>
                                @elseif(\App\Models\Product::UPSIX == $product->expire || \App\Models\Product::BELOWONEYEAR == $product->expire || \App\Models\Product::UPONEYEAR == $product->expire)
                                <span> تاریخ انقضا: {{$product->expire}}  {{@$pppp}}</span>
                                @endif
                            </div>
                            @endif
                            @if(@$chekcprice && $defaultset->minfreeshipping)
                            @if(@$chekcprice>= $defaultset->minfreeshipping)
                            <div class="freeshipping">
                                <span>
                                    <i class="flaticon-delivery"></i> ارسال رایگان
                                </span>
                            </div>
                            @endif
                            @endif
                            @if($product->credit)
                            <div class="product-label-club mt-4">
                              <span><i class="icon-diamond"></i>  با خرید این محصول {{$product->credit}} امتیاز در باشگاه مشتریان آقای دارو کسب کنید </span>
                             </div>
                            @endif
                            <div class="share-product mt-4">
                                    
                                <h6>به اشتراک گذاری</h6>
                                <ul class="btn-group-share mt30">
                                    <li>
                                      <a href="https://twitter.com/share?url={{url('/'.env('Shop_Slug').'/'.$product->slug)}}&text={{$product->title}}" data-toggle="tooltip"
                                      title="اشتراک گذاری در توییتر" class="btn-share btn-share-twitter" target="_blank"><i class="fa fa-twitter"></i></a>
                                    </li>
                                    <li>
                                      <a href="http://www.facebook.com/sharer.php?u={{url('/'.env('Shop_Slug').'/'.$product->slug)}}"
                                      title="اشتراک گذاری در فیس بوک" data-toggle="tooltip" class="btn-share btn-share-facebook" target="_blank"><i class="fa fa-facebook"></i></a>
                                    </li>
                                    <li>
                                      <a class="btn-share share-btn-whatsapp" href="https://api.whatsapp.com/send?text={{url('/'.env('Shop_Slug').'/'.$product->slug)}}" data-toggle="tooltip" title="اشتراک گذاری در واتس آپ">
                                          <i class="fa fa-whatsapp" aria-hidden="true"></i>
                                      </a>
                                    </li>
                                    <li>
                                      <a class="btn-share share-btn-telegram"
                                         href="https://telegram.me/share/url?url={{url('/'.env('Shop_Slug').'/'.$product->slug)}}&text={{$product->title}}" data-toggle="tooltip"
                                         title="اشتراک گذاری در تلگرام">
                                        <i class="fa fa-paper-plane" aria-hidden="true"></i>
                                      </a>
                                    </li>
                                    <li>
                                      <a href="https://linkedin.com/shareArticle?url={{url('/'.env('Shop_Slug').'/'.$product->slug)}}&title={{$product->title}}" data-toggle="tooltip"
                                      title="اشتراک گذاری در لینکدین" class="btn-share btn-share-twitter" target="_blank"><i class="fa fa-linkedin"></i></a>
                                    </li>                               
                                </ul>                                
                                
                            </div>

                        </div>
                        <div class="col-md-3 col-lg-3">
                                  <div class="product-rate">
                                    <h4 class="product-rate-title">میانگین امتیاز کاربران @if($product->rateCount) <br> <span>(از {{$product->rateCount}} دیدگاه) </span>@endif</h4>
                                   
                                    <input type="hidden" id="productIDrate" value="{{$product->id}}">
                                    <fieldset class="rating">
                                        <input type="radio" class="productratestar" onclick="getratevalue(5)" id="star5" name="rating" value="5" @if($product->rate == '5') checked @endif/><label class = "full" for="star5" title="خیلی عالی"></label>
                                        <input type="radio" class="productratestar" onclick="getratevalue(4)" id="star4" name="rating" value="4" @if($product->rate == '4') checked @endif/><label class = "full" for="star4" title="خوب"></label>
                                        <input type="radio" class="productratestar" onclick="getratevalue(3)" id="star3" name="rating" value="3" @if($product->rate == '3') checked @endif/><label class = "full" for="star3" title="بدک نبود"></label>
                                        <input type="radio" class="productratestar" onclick="getratevalue(2)" id="star2" name="rating" value="2" @if($product->rate == '2') checked @endif/><label class = "full" for="star2" title="بد"></label>
                                        <input type="radio" class="productratestar" onclick="getratevalue(1)" id="star1" name="rating" value="1" @if($product->rate == '1') checked @endif/><label class = "full" for="star1" title="خیلی بد"></label>
                                    </fieldset>
                                       
                                  </div>  
                            @if(!$product->shutsales)
                            <div class="product-addtocart-Box">
                              <div>
                                <div class="available-product mb20">
                                    @if($product->avacheck && $product->ava)
                                        <div class="in-stock-span"> <i class="icon-check"></i> موجود در انبار</div>
                                    @else
                                        <div class="outof-stock-span"><i class="icon-close"></i> اتمام موجودی</div>
                                    @endif
                                </div>
                                  @if($product->avacheck && $product->ava)
                                    @if($product->price)
                                    {!! Form::open(['url'=>'/ajax/add-to-cart' , 'class'=>'add-to-cart','id'=>'add-to-cart']) !!}
                                    <div class="product-add default" @if($product->ava == 0) style="display:none;" @endif>
                                         <input type="hidden" id="productID" name="id" value="{{$product->id}}">

                                         <div class="form-group add-number-form">
                                           <span class="title">تعداد</span>
                                           <div class="numberproduct">
                                               <span class="plus function-numberproduct"><i class="fa fa-plus"></i></span>
                                             <input type="number" value="1" min="1" @if($product->saleslimit <= $product->ava && $product->saleslimit) max="{{$product->saleslimit}}" @else max="{{$product->ava}}" @endif class="addtocart-number-input form-control"  name="number" placeholder="تعداد"/>
                                             <span class="minus function-numberproduct"><i class="fa fa-minus"></i></span>
                                           </div>
                                         </div>

                                        <div class="parent-btn">

                                            <button type="submit" href="#" class="btn btn-addrocart btn-dralipor">
                                                افزودن به سبد خرید
                                                <i class="flaticon-shopping-cart-3"></i>
                                            </button>
                                        </div>

                                        @php
                                            $price = $product->salesprice ? $product->salesprice : $product->price;
                                            $installment = $price / 4;
                                        @endphp
                                        
                                        <div class="installment-box">
                                        
                                            <div class="installment-info">
                                                <div class="installment-icon">
                                                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
                                                        <path d="M3 7h18M5 7v12h14V7M8 11h3M8 15h5" stroke="#2e7d32" stroke-width="2" stroke-linecap="round"/>
                                                    </svg>
                                                </div>
                                        
                                                <div class="installment-text">
                                                    <span class="installment-price">
                                                        ۴ قسط {{ number_format($installment) }} تومانی
                                                    </span><br>
                                                    بدون سود و کارمزد
                                                </div>
                                            </div>
                                        
                                            <div class="installment-logos">
                                                @if($defaultset->snapp )
                                                <a href="https://aghayedaro.com/installment-payment-with-snapp-pay" class="logo-badge">
                                                    <img src="{{asset('/uploads/general/snapp-pay.svg')}}">
                                                </a>
                                                @endif
                                                @if($defaultset->torobpay_active)
                                                <a href="https://aghayedaro.com/installment-payment-with-torobpay" class="logo-badge">
                                                    <img src="{{asset('/uploads/general/pay-avatar_01.webp')}}" alt="TorobPay">
                                                </a>
                                                @endif
                                                 @if($defaultset->digipay)
                                                <a href="https://aghayedaro.com/installment-payment-with-digipay" class="logo-badge">
                                                    <img src="{{asset('/uploads/general/digipay.png')}}" alt="DigiPay">
                                                </a>
                                                @endif
                                            </div>
                                        
                                        </div>

                                    </div>
                                    {!! Form::close() !!}
                                    @endif
                                  @else
                                      <div class="form-group mt32">
                                        <button class="btn btn-remider" data-target="#remind-me" data-toggle="modal"><i class="icon-bell"></i> موجود شد اطلاع بده</button>
                                      </div>
                                  @endif
                            <div class="product-directory default mb10">
                                <ul>
                                  @if($product->brands)
                                    <li>
                                        <span>برند</span> :
                                        <a href="{{url('/'.env('Shop_Slug').'/brand/'.$product->brands->slug)}}" class="product-brand-title @if(!$product->brands->src)  btn-link-border @endif">
                                            @if($product->brands->src) 
                                                <img src="{{asset('/uploads/brand-images/'.$product->brands->src)}}" alt="{{$product->brands->title}}" width="100" onerror="this.src='/no-image-available.jpg';"  loading="lazy">
                                            @else
                                            {{$product->brands->title}}
                                            @endif
                                        </a>
                                    </li>
                                  @endif
                                </ul>
                            </div>                                   
                                  <div class="product-sku default">
                                      <p class="product-guarantee-text">کد محصول:<span class="btn-link-border"> {{$product->code}}</span></p>
                                      @if($product->barcode)<p class="product-guarantee-text">بارکد محصول: <span class="btn-link-border"> {{$product->barcode}}</span></p>@endif
                                        <p class="product-viewcount"><i class="icon-eye"></i> تعداد بازدید: <span> {{$product->ViewCount}}</span></p>
                                  </div>
                                 
                              </div>
                            </div> 
                            @endif
                            <!--@if($banner)-->
                            <!--<div>-->
                            <!--    <a href="{{$banner->link}}">-->
                            <!--        <figure>-->
                            <!--            <img src="{{asset('uploads/banners/'.$banner->src)}}" class="img-fluid" alt="{{$banner->title}}" onerror="this.src='/no-image-available.jpg';"  loading="lazy">-->
                            <!--        </figure>-->
                            <!--    </a>-->
                            <!--</div>-->
                            <!--@endif-->
                        </div>
                    </div>
                </article>
            </div>
        </div>
        <div class="row">
                <div class="col-12 default">
                    <div class="productBox-Contnet">
                        <div class="header">
                            <h4>اطلاعات محصول</h4>
                        </div>                        
                        <div class="inner">
                            <div class="row">
                              <div class="col-xs-12 col-md-3 col-lg-3">
                                <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                    @if($product->sps)<a class="nav-link active" id="v-pills-mirfeature-tab" data-toggle="pill" href="#v-pills-8" role="tab" aria-controls="v-pills-1" aria-selected="true">مشخصات محصول</a>@endif
                                  @if($product->features)<a class="nav-link" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-1" role="tab" aria-controls="v-pills-1" aria-selected="true">ویژگی محصول</a>@endif
                                  @if($product->howtouse)<a class="nav-link" id="v-pills-tab1" data-toggle="pill" href="#v-pills-2" role="tab" aria-controls="v-pills-2" aria-selected="false">روش مصرف</a>@endif
                                  @if($product->indications)<a class="nav-link" id="v-pills-tab2" data-toggle="pill" href="#v-pills-3" role="tab" aria-controls="v-pills-3" aria-selected="false">موارد مصرف</a>@endif
                                  @if($product->alert)<a class="nav-link" id="v-pills-tab3" data-toggle="pill" href="#v-pills-4" role="tab" aria-controls="v-pills-4" aria-selected="false">هشدار مصرف</a>@endif
                                  @if($product->conditions)<a class="nav-link" id="v-pills-tab4" data-toggle="pill" href="#v-pills-5" role="tab" aria-controls="v-pills-5" aria-selected="false">شرایط نگهداری</a>@endif
                                  @if($product->body)<a class="nav-link" id="v-pills-tab5" data-toggle="pill" href="#v-pills-6" role="tab" aria-controls="v-pills-6" aria-selected="false">توضیحات</a>@endif
                                  @if($product->combinations)<a class="nav-link" id="v-pills-tab6" data-toggle="pill" href="#v-pills-7" role="tab" aria-controls="v-pills-7" aria-selected="false">ترکیبات</a>@endif                               
                                </div>
                              </div>
                              <div class="col-xs-12 col-md-9 col-lg-9">
                                <div class="tab-content" id="v-pills-tabContent">
                                    @if($product->sps)
                                  <div class="tab-pane fade show active" id="v-pills-8" role="tabpanel" aria-labelledby="v-pills-mirfeature-tab">
                                    <div class="sps-content">

                                            {!! $product->sps !!}

                                    </div>                                     
                                  </div>
                                  @endif                                    
                                    @if($product->features)
                                  <div class="tab-pane fade" id="v-pills-1" role="tabpanel" aria-labelledby="v-pills-home-tab">
                                      {!! $product->features !!}
                                  </div>
                                  @endif
                                  @if($product->howtouse)
                                  <div class="tab-pane fade" id="v-pills-2" role="tabpanel" aria-labelledby="v-pills-tab1">
                                      {!! $product->howtouse !!}
                                  </div>
                                  @endif
                                  @if($product->indications)
                                  <div class="tab-pane fade" id="v-pills-3" role="tabpanel" aria-labelledby="v-pills-tab2">
                                     {!! $product->indications !!}
                                  </div>
                                  @endif
                                  @if($product->alert)
                                  <div class="tab-pane fade" id="v-pills-4" role="tabpanel" aria-labelledby="v-pills-tab3">
                                      {!! $product->alert !!}
                                  </div>
                                  @endif
                                  @if($product->conditions)
                                  <div class="tab-pane fade" id="v-pills-5" role="tabpanel" aria-labelledby="v-pills-tab4">
                                       {!! $product->conditions !!}
                                  </div>
                                  @endif
                                  @if($product->body)
                                  <div class="tab-pane fade" id="v-pills-6" role="tabpanel" aria-labelledby="v-pills-tab5">
                                      {!! $product->body !!}
                                  </div>
                                  @endif
                                  @if($product->combinations)
                                  <div class="tab-pane fade" id="v-pills-7" role="tabpanel" aria-labelledby="v-pills-tab6">
                                      <div class="combination-table">
                                          {!! $product->combinations !!}
                                      </div>
                                      
                                  </div>       
                                  @endif
                                </div>
                              </div>
                            </div>                            
                        </div>
                    </div>
                    @if(count($product->producttags)>0)
                    <div class="productBox-Contnet">
                        <div class="header">
                            <h4>برچسب ها</h4>
                        </div>
                        <div class="inner">
                            
                            <div class="product-tags mt30">
                              @foreach($product->producttags as $tag)
                                <a href="{{url('/'.env('Shop_Slug').'/tag/'.$tag->slug)}}">{{$tag->title}}</a> <span class="seperate-sign">/</span>
                              @endforeach
                            </div>
                            
                        </div>
                    </div> 
                    @endif
                </div>
        </div>
     @if(count($similars) > 0 && $product->avacheck)
        <div class="row mb20 product-container similar-product-container">

          <div class="col-12 default">
                <div class="productBox-Contnet">
                    <div class="header">
                        <h4>محصولات مشابه</h4>
                    </div>
                    <div class="inner">
                
                          <div class="similar-carousel owl-carousel owl-theme  text-center">
                            @foreach($similars as $sim)
                                                                
                            <div class="product-box">
                                                        <div class="product-box-img @if(!$sim->avacheck) out-of-stock @endif" >
                                                            <a href="{{url('/shop/'.$sim->slug)}}">
                                                                <img @if($sim->thumbnails) src="{{asset($sim->thumbnails)}}" @endif  alt="{{$product->title}}" onerror="this.src='/no-image-available.jpg';"  loading="lazy">
                                                                  <div class="overlay"></div>
                                                                  <div class="product-rate-hover">
                                                                      <div class="rating-div">
                                                                        <span class="fa fa-star @if(intval($sim->rate) >= 1) checked @endif"></span>
                                                                        <span class="fa fa-star @if(intval($sim->rate) >= 2) checked @endif"></span>
                                                                        <span class="fa fa-star @if(intval($sim->rate) >= 3) checked @endif"></span>
                                                                        <span class="fa fa-star @if(intval($sim->rate) >= 4) checked @endif"></span>
                                                                        <span class="fa fa-star @if(intval($sim->rate) >= 5) checked @endif"></span>                                                          
                                                                      </div>
                                                                  </div>                                                
                                                            </a>
                                                            @if($sim->avacheck)
                                                              @if($sim->salesprice)
                                                                <div class="salestag"><span>{{round((1-($sim->salesprice / $sim->price))*100)}} %  </span></div>
                                                              @endif
                                                            @else
                                                               <div class="out-of-stock-label">ناموجود</div>
                                                            @endif
                                                            <div class="vertical-product-hover">
                                                                <div class="addtowishlist @if(@$sign == 1) active @endif" id="addtowishlist{{$sim->id}}" onclick="AddtoWishtListFunction({{$sim->id}})" title="افزودن به علاقه مندی ها"><i class="icon-heart"></i></div>
                                                                <div class="addtoSalesAlert" id="addtoSalesAlert{{$sim->id}}" onclick="addtoSalesAlertFunction({{$sim->id}})" title="باخیر شدن از تخفیف"><i class="icon-bell"></i></div>
                                                            </div>
                                                            @if(@$chekcprice && $defaultset->minfreeshipping)
                                                            @if(@$chekcprice>= $defaultset->minfreeshipping)
                                                            <div class="freeshipping-productloop">
                                                                <span>
                                                                    <i class="flaticon-delivery"></i> ارسال رایگان
                                                                </span>
                                                            </div>
                                                            @endif
                                                            @endif                                                              
                                                        </div>
                                <div class="product-box-content">
                                    <div class="product-box-content-row">
                                        <div class="product-box-title">
                                            <a href="{{url('/'.env('Shop_Slug').'/'.$sim->slug)}}">
                                                {{$sim->title}}
                                            </a>
                                        </div>
                                    </div>
                                      <div class="price-box">
                                        @if($sim->price)
                
                                          @if($sim->salesprice)
                                          <div class="price">
                                                  <del><span>{{number_format($sim->price, 0)}}</span></del>
                                                  <ins><span>{{number_format($sim->salesprice, 0)}}<span>تومان</span></span></ins>
                                          </div>
                                          @else
                                          <div class="price">
                                              <span>{{number_format($sim->price, 0)}}<span> تومان</span></span>
                                          </div>
                                          @endif
                                        @endif
                                      </div>
                                </div>
                            </div>
                            @endforeach
                          </div>                        
                        
                    </div>
                </div>
          </div>
            

        </div>
      @endif
      <div class="row mt20">
          <div class="col-12 default">
                <div class="productBox-Contnet">
                    <div class="header">
                        <h4>دیدگاه کاربران</h4>
                    </div>
                    <div class="inner">
                       @if(count(@$comments) > 0)
                      <article class="row mb40">
                          <h3 class="param-title">
                              دیدگاه کاربران
                              <span>{{count(@$comments)}} دیدگاه</span>
                          </h3>
        
                          <div class="comments-area default">
                              <ol class="comment-list">
                                @foreach($comments as $com)
                                                                  <li>
                                      <div class="comment-body">
                                          <div class="comment-author">
                                              <img alt="{{$name}}" @if(@$user->avatar) src="{{url($user->avatar)}}" @else src="{{url('/avatar.png')}}" @endif class="avatar" onerror="this.src='/no-image-available.jpg';"  loading="lazy"><cite class="fn">{{$name}}</cite>
                                              <span class="says">({{\Morilog\Jalali\Jalalian::forge($com->created_at)->format('d F Y در H:i')}})</span>
                                          </div>
        
                                          <p>
                                              {{$com->content}}
                                          </p>
        
                                      </div>
                                      <ul>
                                        <li>
                                          <div class="comment-body">
                                              <div class="comment-author">
                                                  <img alt="{{$defaultset->webtitle}}" src="{{url('/newavatar.jpg')}}" class="avatar"><cite class="fn">{{$defaultset->webtitle}}</cite>
                                                  <span class="says">({{\Morilog\Jalali\Jalalian::forge($com->updated_at)->format('d F Y در H:i')}})</span> </div>
        
                                              <p>
                                                  {{$com->reply}}
                                              </p>
        
                                          </div>
                                        </li>
                                      </ul>
                                  </li>
                                @endforeach
                              </ol>
                          </div>
        
                      </article>
                      @endif
                      <hr>
                      <article class="row">
                        <div class="col-md-7">
                          
                          
                                  
                            {!! Form::open(['url'=>'/submit-comment','method'=>'post','class'=>'comment-product-form comment','id'=>'submitCommentForm']) !!}
                                  <h6 class="param-title">
                                      ثبت دیدگاه
                                      <span>دیدگاه خود را درباره این محصول بیان نمائید و همچنین می توانید سوالات خود را در دیدگاه هر محصول از دکتر داروساز بپرسید</span>
                                  </h6>
                                <div class="row">
                                    @if($user = \Auth::user())
                                      <div class="form-group col-6">
                                        <input class="form-control" name="name" @if($user->fname) value="{{$user->fname}} {{$user->lname}}" @endif placeholder="نام و نام خانوادگی"  required>
                                      </div>
                                      <div class="form-group col-6">
                                        <input class="form-control" name="mobile" @if($user->mobile) value="{{$user->mobile}}" @endif placeholder="شماره همراه" required>
                                      </div>
                                    @else
                                      <div class="form-group col-6">
                                        <input class="form-control" name="name" value="{{old('name')}}" placeholder="نام و نام خانوادگی"  required>
                                      </div>
                                      <div class="form-group col-6">
                                        <input class="form-control" name="mobile"  value="{{old('mobile')}}" placeholder="شماره همراه" required>
                                      </div>
                                    @endif
                                  <div class="form-group col-12">
                                    <textarea class="form-control" name="content" placeholder="متن دیدگاه" rows="5" required>{{old('content')}}</textarea>
                                  </div>
                                  <input type="hidden" name="product_id" value="{{$product->id}}">
                                  <div class="form-group col-12">
                                    <div class="g-recaptcha" data-sitekey="{{config('services.recaptcha.sitekey')}}"></div>
                                     <button class="btn btn-info mt-2">افزودن دیدگاه</button>
                                  </div>
                                 
                                </div>
                              {!! Form::close() !!}                              
                          

                        </div>
                      </article>
                    </div>
                </div>              
          </div>
      </div>      
    </div>
</main>

@stop
@section('js')
<!-- Modal remider -->
<div id="remind-me" class="modal fade left" role="dialog">
  <div class="modal-dialog ">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header modal-header-dralipor">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h5 class="auth-modal-title">مرا مطلع کن</h5>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-12 col-md-offset-2">
            {!! Form::open(['url'=>'/set-reminder-product' , 'method'=>'post']) !!}
            <div class="form-group mt16">
              <label>شماره همراه</label>
              <input type="text" name="mobile" class="form-control" placeholder="شماره همراه 11 رقمی را وارد کنید">
              <input type="hidden" name="product" value="{{$product->id}}">
            </div>
            <p>زمانی که کالا در فروشگاه موجود شود به شما پیامک اطلاع رسانی ارسال خواهد شد</p>
            <button type="submit" class="btn btn-draliporp btn-block btn-submit-modallogin">ثبت شماره</button>
            {!! Form::close() !!}
          </div>
        </div>
      </div>
    </div>

  </div>
</div>


<script type="text/javascript" src="/assets/js/jquery.elevateZoom-3.0.8.min.js"></script>
<script>
$(document).ready(function() {
  if (screen && screen.width > 768) {
    $('.zoom-box').elevateZoom({
      cursor: "crosshair",
      zoomType: "window",
      zoomWindowFadeIn: 400,
      zoomWindowFadeOut: 400,
      zoomWindowWidth:400,
      zoomWindowHeight:400,
      zoomWindowPosition: 10,
    });
  }



});
function openImg(id) {
  zoom = $('#gallery-'+id).data('zoom');
  src = $('#gallery-'+id).attr('src');
  // Get the expanded image
  var expandImg = document.getElementById("expandedImg");
  // Use the same src in the expanded image as the image being clicked on from the grid
  expandImg.src = src;
  $('#expandedImg').attr('data-zoom',zoom);
  // Show the container element (hidden with CSS)
  expandImg.parentElement.style.display = "block";

  if (screen && screen.width > 768) {
    $('.zoom-box').elevateZoom({
      cursor: "crosshair",
      zoomType: "window",
      zoomWindowFadeIn: 400,
      zoomWindowFadeOut: 400,
      zoomWindowWidth:400,
      zoomWindowHeight:400,
      zoomWindowPosition: 10,
    });
  }
}


$(document).on('change', '.option_id', function(){
  opt = $('.option_id:radio:checked').val();
  productid = $('#productID').val();
  featureid = $('#feID').val();
  $.ajax({
    url : '/ajax/get-option-details',
    method : 'GET',
    data : {opt:opt , productid:productid , featureid:featureid},
    dataType : 'json',
    success : function(data) {

        if(data.opt.price){
          if(data.opt.salesprice){
            percent = parseInt((1-(data.opt.salesprice / data.opt.price))*100);

            $('#priceBox').html('<div class="price-value"><div class="offed-price"><del>'+data.opt.price+' تومان</del> <div class="price-discount"><span>'+percent+'</span><span>%</span></div></div><div> '+data.opt.salesprice+' تومان</div></div>');

            $('#salestag').html('<span>فروش ویژه</span>');
          }else{
            $('#priceBox').html('<div class="price-value"><div> '+data.opt.price+' تومان</div></div>');
            $('#salestag').html('');
          }
        }else{
          $('#priceBox').html('');
          $('#salestag').html('');
        }
        getpersiannumber();

        if(data.opt.avacheck){

            if(data.opt.ava){
                $('#avacheckBox').html('<span class="in-stock-span"> <i class="icon-check"></i> موجود در انبار</span>');
                $('#formnumber').attr('max',data.opt.ava);
                $('#optionform').val(opt);
                $('.product-add').fadeIn(0);
                $('#priceBox').fadeIn(0);
                $('#outofstockMSG').fadeOut();
                $('#Cart-Form-Box').fadeIn();


            }else{
                $('#avacheckBox').html('<span class="outof-stock-span"><i class="icon-close"></i> اتمام موجودی</span>');
                $('#priceBox').fadeOut(0);
                $('#formnumber').attr('max','1');
                $('#optionform').val('');
                $('#optionsSelected').val(opt);
                $('#outofstockMSG').fadeIn();
                $('.product-add').fadeOut(0);

            }
        }else{
             $('#avacheckBox').html('<span class="outof-stock-span"><i class="icon-close"></i> اتمام موجودی</span>');
             $('#priceBox').fadeOut(0);
             $('#formnumber').attr('max','1');
             $('#optionform').val('');
             $('.product-add').fadeOut(0);
             $('#optionsSelected').val(opt);
             $('#outofstockMSG').fadeIn();


        }

    },
    error : function(data) {

      SnackBar('error','خطایی رخ داده است مجددا تلاش نمائید');

    }
  });

});
function getratevalue(rate){
  prid = $('#productIDrate').val();
  $.ajax({
    url : '/ajax/shop/rating-product',
    method : 'POST',
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    data : {rate : rate , id:prid,"_token": "{{ csrf_token() }}",},
    dataType : 'json',
    success : function(data) {
        
         SnackBar('success',data.msg);

    },
    error : function(data) {
        
        SnackBar('error','خطایی رخ داده است');
        
    }
  });
}

$('#add-to-cart').submit(function(e){
    e.preventDefault();
    var postData = $(this).serializeArray();
    var formURL = $(this).attr("action");
    $('.loader').show();
  $.ajax({
    url : formURL,
    method : 'POST',
    data : postData,
    dataType : 'json',
    success : function(data) {
      $('.cartmodal-footer').fadeIn(0);
      $('.addtocart-number-input').val(1);
      $('#cart-overview').html(data.cart);
      $('.cartbadge').html(data.count);
      $('#total-headersave').val(data.total);

      SnackBar('success',data.msg);

      $('#cartModal').modal('show');
      getpersiannumber();

    },
    error : function(data) {
      SnackBar('error','خطایی رخ داده است مجددا تلاش نمائید');
    }
  });
  e.preventDefault();
});
</script>
@stop