@extends("front/layout.master")
@section('title', "$pro->name")
@section('meta_tags')
<link rel="canonical" href="{{ url()->full() }}" />
<meta name="robots" content="all">
<meta property="og:title" content="{{ $pro->name }}" />
<meta name="keywords" content="{{ isset($pro) ? $pro->tags : $seoset->metadata_key }}">
<meta property="og:description" content="{{substr(strip_tags($pro->des), 0, 100)}}{{strlen(strip_tags( $pro->des))>100 ? '...' : ""}}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ url()->full() }}" />
<meta property="og:image" content="{{ url('variantimages/thumbnails/'.$pro->subvariants[0]->variantimages->main_image) }}" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description"
  content="{{substr(strip_tags($pro->des), 0, 100)}}{{strlen(strip_tags( $pro->des))>100 ? '...' : ""}}" />
<meta name="twitter:site" content="{{ url()->full() }}" />
@endsection
@section('stylesheet')
<!-- Drift Zoom CSS -->
<link rel="stylesheet" href="{{ url('css/vendor/drift-basic.min.css') }}">
@endsection
@section("body")
<nav class="navbar navbar-light display-none navbarBlue stickCartNav fixed-top">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">

      <a class="navbar-brand" href="#">
        <div class="margin-top-minus-5" id="pro_section">
          <div id="pro-img"></div>
          <div id="pro-title"></div>
        </div>
      </a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div id="navbarSupportedContent">
      <ul class="nav navbar-nav navbar-right">
        <li class="nav-item">
          <div class="quant-input">
            <input type="number" value="1" class="qty-section">
          </div>
        </li>

        <li class="nav-item active">
          <div id="cartForm">
          </div>
        </li>
        <li class="nav-item">
          <div class="favorite-button header-nav-smallscreen">



            <span class="favorite-button-box">

            </span>


          </div>
        </li>
        <li class="nav-item">
          <div class="favorite-button header-nav-smallscreen">
            <span class="favorite-button-one">
              <a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="{{ __('Add to Compare') }}"
                href="{{ route('compare.product',$pro->id) }}">
                <i class="fa fa-signal"></i>
              </a>
            </span>




          </div>
        </li>





      </ul>


    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<div class="breadcrumb">
  <div class="container-fluid">
    <div class="breadcrumb-inner">
      <ul class="list-inline list-unstyled">
        <li><a href="{{ url('/') }}">{{ __('Home') }}</a></li>
        <li><a href="{{ $pro->category->getUrl() }}">{{ $pro->category->title }}</a></li>
        <li><a href="#">{{ $pro->subcategory->title }}</a></li>
        @if(!empty($pro->childcat->title))
        <li class='active'>
          <a href="{{ $pro->childcat->getURL() }}">
            {{ $pro->childcat->title }}
          </a>
        </li>
        @endif
      </ul>
    </div><!-- /.breadcrumb-inner -->
  </div><!-- /.container -->
</div><!-- /.breadcrumb -->

<div class="body-content outer-top-xs outer-top-xs-one detail-page-block">
  <div class='container-fluid'>
    <div class='row no-gutters single-product'>
      <div class='mb-5 col-12 col-sm-12 col-md-12 col-lg-12 col-xl-2 sidebar left-sidebar'>
        <div class="side-content">
          <div class="sidebar-module-container">

            @php
            $isad =
              App\DetailAds::where('position','=','prodetail')->where('linked_id',$pro->id)->where('status','=','1')->first();
            @endphp
            @if(isset($isad))
            <div class="home-banner outer-top-n outer-bottom-xs">
              @if($isad->adsensecode != '')
              @php
              html_entity_decode($isad->adsensecode);
              @endphp
              @else
              @if($isad->show_btn == '1')
              <h3 class="buy-heading" style="color:{{ $isad->hcolor }}">{{ $isad->top_heading }}</h3>
              <h5 class="buy-sub-heading" style="color:{{ $isad->scolor }}">{{ $isad->sheading }}</h5>
              <center><a href="
                   @if($isad->linkby == 'category')
                      @php
                        App\Helpers\CategoryUrl::getURL($isad->cat_id);
                      @endphp
                   @elseif($isad->linkby == 'detail')
                      @php

                          if(isset($isad->pro_id->subvariants)){
                            App\Helpers\ProductUrl::getUrl($isad->pro_id->subvariants->first()->id);
                          }
                          
                      @endphp
                   @elseif($isad->linkby == 'url')
                    {{ $isad->url }}
                   @endif" style="color:{{ $isad->btn_txt_color }};background: {{ $isad->btn_bg_color }}"
                  class="btn buy-button">{{ $isad->btn_text }}</a></center>
              <img src="{{ url('images/detailads/'.$isad->adimage) }}" alt="advertise" class="img-fluid">
              @elseif($isad->show_btn == 0 && $isad->top_heading != '')
              <a href="
                  @if($isad->linkby == 'category')
                      @php
                        App\Helpers\CategoryUrl::getURL($isad->cat_id);
                      @endphp
                  @elseif($isad->linkby == 'detail')
                        @php

                          if(isset($isad->pro_id->subvariants)){
                            App\Helpers\ProductUrl::getUrl($isad->pro_id->subvariants->first()->id);
                          }
                        
                        @endphp
                  @elseif($isad->linkby == 'url')
                    {{ $isad->url }}
                  @endif
                  ">
                <h3 class="buy-heading" style="color:{{ $isad->hcolor }}">{{ $isad->top_heading }}</h3>
                <h5 class="buy-sub-heading" style="color:{{ $isad->scolor }}">{{ $isad->sheading }}</h5>
                <img class="img-fluid" src="{{ url('images/detailads/'.$isad->adimage) }}" alt="advertise">
              </a>
              @else
              <a href="
                  @if($isad->linkby == 'category')
                    @php
                       App\Helpers\CategoryUrl::getURL($isad->cat_id);
                    @endphp
                  @elseif($isad->linkby == 'detail')
                      @php

                        if(isset($isad->pro_id->subvariants)){
                          App\Helpers\ProductUrl::getUrl($isad->pro_id->subvariants->first()->id);
                        }
                        
                      @endphp
                  @elseif($isad->linkby == 'url')
                    {{ $isad->url }}
                  @endif
                  ">
                <img class="img-fluid" src="{{ url('images/detailads/'.$isad->adimage) }}" alt="advertise">
              </a>
              @endif
              @endif
            </div>
            @endif
            <!-- ============================================== Testimonials: END ============================================== -->
            @if(isset($enable_hotdeal) && $enable_hotdeal->shop == "1")
              <div class="mb-2 d-md-none d-sm-none d-lg-block sidebar-widget sidebar-widget-one hot-deals hot-deals-one outer-bottom-xs">
                <h3 class="section-title">{{ __('staticwords.Hotdeals') }}</h3>
                <div class="owl-carousel sidebar-carousel custom-carousel owl-theme outer-top-ss">

                  @foreach($hotdeals as $deal)
                  
                    <div class="item hot-deals-item">
                        <div class="products">
                          <div class="hot-deal-wrapper">
                            <div class="image">
                              <a href="{{ $deal['producturl'] }}" title="{{ $deal['productname'][session()->get('changed_language')] ?? $deal['productname'][config('translatable.fallback_locale')] }}">
                                
                                
                                <img class="owl-lazy"
                                  data-src="{{ $deal['thumbnail'] }}"
                                  alt="{{ $deal['productname'][session()->get('changed_language')] ?? $deal['productname'][config('translatable.fallback_locale')] }}">

                                <img class="owl-lazy hover-image"
                                  src="{{ $deal['hover_thumbnail'] }}"
                                  alt="{{ $deal['productname'][session()->get('changed_language')] ?? $deal['productname'][config('translatable.fallback_locale')] }}" />

                              </a>
                            </div>

                            @if($deal['offerprice'] != '0' || $deal['offerprice'] != '0,00')
                            
                            <div class="sale-offer-tag"><span>0%<br>
                                {{ __('off') }}</span>
                            </div>

                            @endif

                            <div class="countdown">
                              <div class="timing-wrapper" data-startat="{{ $deal['start_date'] }}"
                                data-countdown="{{ $deal['end_date'] }}">
                              </div>
                            </div>
                          </div>
                          <!-- /.hot-deal-wrapper -->

                          <div class="product-info text-left m-t-20">
                            <h3 class="name"><b><a href="{{ $deal['producturl'] }}"
                                  title="{{ $deal['productname'][session()->get('changed_language')] ?? $deal['productname'][config('translatable.fallback_locale')] }}">
                                  {{ $deal['productname'][session()->get('changed_language')] ?? $deal['productname'][config('translatable.fallback_locale')] }}</a></b></h3>
                           
                            @if($deal['rating'] != '0')
                            <div class="">
                              <div class="star-ratings-sprite"><span style="width:%"
                                  class="star-ratings-sprite-rating"></span></div>
                            </div>

                            @else
                            <div class="text-center">
                              {{ __('No Rating') }}
                            </div>
                            @endif

                            <div class="product-price"> <span class="price">

                                @if($price_login == 0 || Auth::check())

                                 
                               
                                  @if($deal['offerprice'] != '0' || $deal['offerprice'] != '0,00')
                                  <span class="price"><i
                                      class="{{session()->get('currency')['value']}}"></i>{{ $deal['mainprice'] }}</span>
                                  @else

                                  <span class="price"><i
                                      class="{{session()->get('currency')['value']}}"></i>{{ $deal['offerprice'] }}</span>

                                  <span class="price-before-discount">
                                      <i class="{{session()->get('currency')['value']}}"></i>{{ $deal['mainprice'] }}
                                  </span>


                                  @endif

                                @endif
                            </div>

                            <!-- /.product-price -->

                          </div>
                          <!-- /.product-info -->
                         
                          <div class="cart clearfix animate-effect">
                            <div class="action">
                              <ul class="list-unstyled">

                                @php

                                  $in_session = 0;

                                  if(!empty(Session::has('cart'))){
                                    foreach (Session::get('cart') as $scart) {
                                      if($deal['product_type'] == 'variant' && $deal['variantid'] == $scart['variantid']){
                                        $in_session = 1;
                                      }
                                    }
                                  }

                                @endphp

                                @if($deal['start_date'] != '' || $deal['end_date'] <= date("Y-m-d h:i:s"))

                                  @if($deal['in_cart'] == 0 && $in_session == 0 && $deal['stock'] > 0)

                                    @if($price_login != 1)
                                      <form method="POST" action="{{ $deal['product_type'] == 'variant' ? route('add.cart', ['id' => $deal['productid'], 'variantid' => $deal['variantid'], 'varprice' => $deal['unformat_mainprice'], 'varofferprice' => $deal['unformat_offerprice'], 'qty' => $deal['min_order_qty']]) : route('add.cart.simple',['pro_id' => $deal['productid'], 'price' => $deal['unformat_mainprice'], 'offerprice' => $deal['unformat_offerprice'], 'qty' => $deal['min_order_qty']]) }}">
                                        @csrf
                                        <li class="add-cart-button btn-group">

                                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> 
                                              <i class="fa fa-shopping-cart"></i> 
                                          </button>

                                          <button class="btn btn-primary cart-btn" type="submit">
                                            {{__("Add to cart")}}
                                          </button>
                                        </li>
                                      </form>
                                    @endif

                                  @else

                                    @if($deal['stock'] > 0)
                                      <li class="add-cart-button btn-group">

                                        <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i
                                            class="fa fa-check"></i> </button>
                                        <button onclick="window.location='{{ url('/cart') }}'"
                                          class="btn btn-primary cart-btn" type="button">Deal in Cart</button>

                                      </li>
                                    @endif

                                    @if($deal['stock'] == 0)

                                      <h5 class="required" align="center">
                                        {{ __('staticwords.Outofstock') }}
                                      </h5>

                                    @endif

                                  @endif

                                  @else
                                    <h5>
                                      {{ __('staticwords.ComingSoon') }}
                                    </h5>
                                  @endif

                              </ul>
                            </div>
                            <!-- /.action -->
                          </div>



                        </div>
                    </div>
                  @endforeach


                </div>
                <!-- /.sidebar-widget -->
              </div>
            @endif

          </div>

        </div>
      </div><!-- /.sidebar -->
      <div class='col-xs-12 col-sm-12 col-md-12 col-lg-12  col-xl-10 rht-col main-content'>

        <div class="detail-block">
          <!-- ====================== data sticky: start ============= -->
          <div class="row">

            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-4 gallery-holder left-sidebar">
              <div class="product-item-holder size-big single-product-gallery small-gallery">

                <div class="data-sticky ">

                  <div class="single-product-gallery-item">


                    {{-- single image through js here --}}


                  </div>

                  <!-- /.single-product-gallery-item -->

                  <div class="galleryContainer">
                    <!-- Append Slider from JS-->
                    <!--End-->
                  </div>


                  <div class="notifymeblock">

                  </div>
                </div>


                <!-- ======================= data sticky: END ========================== -->

              </div><!-- /.single-product-gallery -->



            </div><!-- /.gallery-holder -->

            <div class='col-sm-12 col-md-12 col-lg-12 col-xl-8 product-info-block main-content'>

              <div id="details-container"></div>

              <div class="product-info product-x">
                <div class="stock-container info-container">
                  <div class="row">
                    <div class="col-lg-8">
                      <div class="pull-left">
                        <div class="stock-box">
                          <span class="label">{{ __('staticwords.Availability') }} :</span>
                        </div>
                      </div>
                      <div class="pull-left">
                        <div class="stock-box">
                          <span class="text-success stockval value">

                          </span>
                        </div>
                      </div>
                      <br><br>
                      <h1 class="name">{{$pro->name}} </h1>
                      <span class="productVars name-type"></span>
                      <div class="seller-info">{{ __('staticwords.by') }} <a
                          href="{{ route('store.view',['uuid' => $pro->store->uuid ?? 0, 'title' => $pro->store->name]) }}"
                          class="lnk">
                          {{ $pro->store->name }} @if($pro->store->verified_store) <i title="Verified"
                            class="text-green fa fa-check-circle"></i> @endif
                        </a>
                      </div>
                      <p></p>