@extends("front.layout.master")
@section('title', "$product->product_name | ")
@section('meta_tags')
  <link rel="canonical" href="{{ url()->full() }}" />
  <meta name="robots" content="all">
  <meta property="og:title" content="{{ $product->product_name }}" />
  <meta name="keywords" content="{{ $product->tags ?? ''}}">
  <meta property="og:description"
    content="{{substr(strip_tags($product->product_detail), 0, 100)}}{{strlen(strip_tags( $product->product_detail))>100 ? '...' : ""}}" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="{{ url()->full() }}" />
  <meta property="og:image" content="{{ url('images/simple_products/'.$product->thumbnail) }}" />
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:description"
    content="{{substr(strip_tags($product->product_detail), 0, 100)}}{{strlen(strip_tags( $product->product_detail))>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') }}">
  <!-- Lightbox CSS -->
  <link rel="stylesheet" href="{{ url('css/lightbox.min.css') }}">
@endsection
@section("body")
<nav class="navbar navbar-dark 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="{{ url()->full() }}">
        <img src="{{ url('images/simple_products/'.$product->thumbnail) }}" width="30" height="30"
          class="d-inline-block"/>
        {{$product->product_name}}
      </a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    
    <div id="navbarSupportedContent">
      @if($product->pre_order == 1 && $product->product_avbl_date > date('Y-m-d h:i:s'))

        @if($product->preorder_type == 'partial')
          @php 
            $price   = $product->offer_price != 0 ? $product->offer_price : $product->price;
            $d_price = ($price * $product->partial_payment_per / 100);
          @endphp
        @endif

      @endif

      
      <form action="{{ $product->type == 'ex_product' ? $product->external_product_link : route('add.cart.simple',['pro_id' => $product->id, 'price' => $product->price, 'offerprice' => (isset($d_price)) ? $d_price : (($product->offer_price != 0 || $product->offer_price != '') ? $product->offer_price : 0)]) }}" method="{{$product->type == 'ex_product' ? 'GET' : 'POST'}}">

        @csrf

        <ul class="nav navbar-nav navbar-right">
        
            <li class="nav-item">
              <div class="quant-input">
                <input name="qty" type="number" value="{{ $product->min_order_qty }}" max="{{ $product->max_order_qty ?? "" }}" class="qty-section">
              </div>
            </li>

            <li class="nav-item active">
              <div id="cartForm">
                <div id="cartForm">

                  @if($product->pre_order == 1 && $product->product_avbl_date > date('Y-m-d h:i:s'))
                    <button type="submit" class="btn btn-cart"><i class="fa fa-shopping-cart" aria-hidden="true"></i> {{ $product->type != 'ex_product' ? __("PRE-ORDER NOW") : 'Buy Now' }} <span class="sr-only">(current)</span></button>
                  @elseif($product->stock != 0)
                    <button type="submit" class="btn btn-cart"><i class="fa fa-shopping-cart" aria-hidden="true"></i> {{$product->type != 'ex_product' ? __("staticwords.AddtoCart") : 'Buy Now' }} <span class="sr-only">(current)</span></button>
                  @else 
                    <button type="button" class="btn btn btn-cart-oos"><i class="fa fa-shopping-cart" aria-hidden="true"></i> {{ $product->type != 'ex_product' ? __("staticwords.Outofstock") : 'Buy Now' }} <span class="sr-only">(current)</span></button>
                  @endif
  
                </div>
              </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',$product->id) }}">
                  <i class="fa fa-signal"></i>
                </a>
              </span>
            </div>
          </li>

        </ul>

      </form>


    </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="{{ $product->category->getUrl() }}">{{ $product->category->title }}</a></li>
        <li><a href="{{ $product->subcategory->getUrl() }}">{{ $product->subcategory->title }}</a></li>
        @if(!empty($product->childcat->title))
        <li class='active'>
          <a href="{{ $product->childcat->getURL() }}">
            {{ $product->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',$product->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(count($hotdeals) && 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 && $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 id="single-product-gallery-item">


                    @isset($product->productGallery)
                    <center>
                      <a class="lightboxmain" href="{{ url('images/simple_products/gallery/'.$product->productGallery[0]['image']) }}" data-lightbox="image-1" data-title="{{ $product->product_name }}">
                        
                        <img alt="miniproductimage"
                        src="{{ url('images/simple_products/gallery/'.$product->productGallery[0]['image']) }}" class="thumb_pro_img img img-fluid zoom-img drift-demo-trigger"
                        data-zoom="{{ url('images/simple_products/gallery/'.$product->productGallery[0]['image']) }}"/>

                      </a>
                    </center>
                    @endisset


                  </div>

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

                  <div class="mt-5 galleryContainer">
                    <div id="productgalleryItems"
                      class="owl-carousel product-galley-custom-em custom-carousel owl-theme">
                      @isset($product->productGallery)
                      @foreach($product->productGallery as $gallery)
                      <div class='provarbox'>

                          
                          <img onclick="changeImage2('{{ url('images/simple_products/gallery/'.$gallery->image) }}')"
                          alt='productimage' class="box-image"
                          src="{{ url('images/simple_products/gallery/'.$gallery->image) }}">
                         

                      </div>
                      @endforeach
                      @endisset
                    </div>
                  </div>

                  @if($product->stock == 0)
                    <div class="notifymeblock">
                      <form action="#" method="post">
                        @csrf
                        <button type="button" data-target="#notifyMe" data-toggle="modal"
                          class="text-white m-1 p-2 btn btn-md btn-block btn-primary">{{ __("NOTIFY ME") }}</button>
                      </form>
                    </div>
                  @endif
                </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') }} : 
                            @if($product->pre_order == 1 && $product->product_avbl_date > date('Y-m-d h:i:s'))
                              <span class="text-primary">
                                {{ __("Available for pre-order") }}
                              </span>
                            @else
                              <span class="{{ $product->stock == 0 ? "text-danger" : "text-green"}}">
                                {{ $product->stock == 0 ? __("Out of Stock") : __("In Stock") }}
                              </span>
                            @endif
                          </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">{{$product->product_name}} </h1>
                      <span class="productVars name-type"></span>
                      <div class="seller-info">{{ __('staticwords.by') }} <a
                          href="{{ route('store.view',['uuid' => $product->store->uuid ?? 0, 'title' => $product->store->name]) }}"
                          class="lnk">
                          {{ $product->store->name }} @if($product->store->verified_store) <i title="Verified"
                            class="text-green fa fa-check-circle"></i> @endif
                        </a>
                      </div>
                      <p></p>