@extends('frontend.layouts.appss')
@section('content')
<style type="text/css">
   .discount {background: #50250d; width: 35px; height: 35px;   font-size: 11px; font-weight: 600; border-radius: 100%; position: absolute; right: 5px; top: 5px; color: #fff; line-height: 11px; padding:7px 5px; text-align: center;}

    .slick-dots { display: none !important; }
    #flex {
            display: flex;
            flex-direction: column;
        }
  
        .newone {
            order: 1;
        }
  
        .newtwo {
            order: 2;
        }
        .newthree {
            order: 3;
        }
        .newfour {
            order: 4;
        }
        .newfive {
            order: 5;
        }
        .newsix {
            order: 6;
        }
        .newseven {
            order: 7;
        }
  
       
</style>

    <section class="home-banner-area" >
        <div class="">
            <div class="row no-gutters position-relative">

                @php
                    $num_todays_deal = count(filter_products(\App\Product::where('published', 1)->where('todays_deal', 1 ))->get());
                    $featured_categories = \App\Category::where(['featured'=>1, 'status'=>1])->get();
                @endphp

                @if($home_slider_type==1)
                <div class=" col-lg-12 order-1 order-lg-0 @if(count($featured_categories) == 0) home-slider-full @endif">
                    <div class="default-banner" style="">
                        <div class="home-slide d-none d-md-block">
                            <div class="home-slide">
                                <div class="slick-carousel" data-slick-arrows="true" data-slick-dots="true" data-slick-autoplay="true">
                                   @foreach ($homeslider_a as $key => $slider)
                                        <div class="home-slide-item"    >
                                            <a href="{{ $slider->link }}" target="_blank">
                                            <img class="d-block w-100   lazyload" src="{{Storage::disk('s3')->url('frontend/images/placeholder-rect.jpg')}}" data-src="{{Storage::disk('s3')->url($slider->photo)}}" alt="{{ env('APP_NAME')}} promo">
                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="home-slide d-block d-md-none">
                            <div class="home-slide">
                                <div class="slick-carousel" data-slick-arrows="true" data-slick-dots="true" data-slick-autoplay="true">

                                    @foreach ($mobileslider as $key => $slider)
                                            <div class="home-slide-item" style="height:250px;">
                                                <a href="{{ $slider->link }}" target="_blank">
                                                <img class="d-block w-100 h-100 lazyload" src="{{Storage::disk('s3')->url($slider->photo)}}" data-src="{{Storage::disk('s3')->url($slider->photo)}}" alt="{{ env('APP_NAME')}} promo">
                                                </a>
                                            </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                     </div>

                     @else
                    <div class="home-banner-area-2"  style="display: ;" >
                        <div class="row  position-relative">                            
                             <div class="col-md-6">
                                <a href=""> <img class="mb-2" src="{{Storage::disk('s3')->url(@$multipleslide_a->photo)}}" alt="">  </a>
                             </div>                             
                             <div class="col-md-3">
                                <a href=""> <img style="height: 690px" class="mb-2" src="{{Storage::disk('s3')->url(@$multipleslide_b->photo)}}" alt="">  </a>
                             </div>                             
                             <div class="col-md-3">
                                 <a href="" class="d-block mb-2"><img  style="height: 336px"  class="mb-2" src="{{Storage::disk('s3')->url(@$multipleslide_c->photo)}}" alt=""></a>

                                 <a href=""><img class="mb-2"  style="height: 336px"  src="{{Storage::disk('s3')->url(@$multipleslide_d->photo)}}" alt=""></a>
                             </div>
                        </div>

                        <div class="home-slide d-block d-md-none">
                            <div class="home-slide">
                                <div class="slick-carousel" data-slick-arrows="true" data-slick-dots="true" data-slick-autoplay="true">

                                    @foreach ($mobileslider as $key => $slider)
                                            <div class="home-slide-item" style="height:250px;">
                                                <a href="{{ $slider->link }}" target="_blank">
                                                <img class="d-block w-100 h-100 lazyload" src="{{Storage::disk('s3')->url($slider->photo)}}" data-src="{{Storage::disk('s3')->url($slider->photo)}}" alt="{{ env('APP_NAME')}} promo">
                                                </a>
                                            </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                     @if (count($featured_categories) > 0)
                        <div class="trending-category pt-4  bg-white pb-4  pl-3  ">
                            <ul id="lightSlider">
                                @foreach ($featured_categories as $key => $category)
                                    <li @if ($key == 0) class="active" @endif>
                                        <div class="trend-category-single">
                                            <a href="{{ route('products.category', $category->slug) }}" class="d-block">
                                               
                                                <div class="img">
                                                    <img src="{{Storage::disk('s3')->url('frontend/images/placeholder.jpg')}}" data-src="{{Storage::disk('s3')->url($category->banner)}}" alt="{{ __($category->name) }}" class="lazyload img-fit">
                                                </div>
                                                 <div class="name">{{ __($category->name) }}</div>
                                            </a>
                                        </div>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </section>


    <!-- offers & sales section -->
        <input type="hidden" value="{{$chk_time_status}}" id="chk_time">
    <input type="hidden" value="{{$et_date}}" id="et_date">
    <input type="hidden" value="{{$st_id}}" id="st_id">
    <div id="section_all_deal_categories" class="alldeal_info">

    </div>
<input type="hidden" value="{{\App\BusinessSetting::where('type', 'best_selling')->first()->ordering}}" class="best_selling_val">
<input type="hidden" value="{{\App\BusinessSetting::where('type', 'new_arrival')->first()->ordering}}" class="new_arrival_val">
<input type="hidden" value="{{\App\BusinessSetting::where('type', 'two_banner')->first()->ordering}}" class="two_banner_val">
<input type="hidden" value="{{\App\BusinessSetting::where('type', 'qr_section')->first()->ordering}}" class="qr_section_val">
<input type="hidden" value="{{\App\BusinessSetting::where('type', 'vendor_system_activation')->first()->ordering}}" class="vendor_system_activation_val">
<input type="hidden" value="{{\App\BusinessSetting::where('type', 'single_category_template')->first()->ordering}}" class="single_template_val">
<input type="hidden" value="{{\App\BusinessSetting::where('type', 'multiple_category_template')->first()->ordering}}" class="multiple_template_val">

<div id="flex" class="bg-white">
     <!-- top selling section -->
   @if (\App\BusinessSetting::where('type', 'best_selling')->first()->value == 1)
   <div class="bg-white" id="all_best_sellers">
        @php
        $cat_name_active = \App\BusinessSetting::where('type', 'best_selling')->select('type_name')->first();
        @endphp
        <section class="mb-4 top-selling">
             <div class="container">
                <div class="px-2 py-4 p-md-4 pt-0 ">
                    <div class="section-title-1   clearfix">
                        <a href="http://3.7.124.143/search?category=Women-FyTnP" class="active float-right mt-1">View More</a>
                        <h3 class="heading-3 strong-700 mb-2  ">
                            <span>{{@$cat_name_active->type_name}}</span>
                        </h3>
                    </div>
                    <div class="caorusel-box arrow-round gutters-5 d-none d-md-block">
                        <div class="slick-carousel" data-slick-items="6" data-slick-xl-items="5" data-slick-lg-items="4"  data-slick-md-items="3" data-slick-sm-items="2" data-slick-xs-items="2">
                        @foreach(bestSellerSection() as $value)
                           @php $product = \App\Product::where('published', 1)->where('id', $value["id"])->first(); @endphp
                            @if(!empty($product))
                            <div class="caorusel-card">
                                <div class="product-box-2  alt-box  card card-product shop-cards shop-tech">
                                    <div class="card-body p-0">
                                        <div class="card-image">
                                            <a href="{{ route('product', $product->slug) }}" class="d-block">
                                                @if(!empty($product->discount))
                                                    <span class="discount">{{$product->discount}}% off</span>
                                                 @endif
                                                <img class="img-fit lazyload mx-auto" src="{{Storage::disk('s3')->url('frontend/images/placeholder.jpg')}}" data-src="{{Storage::disk('s3')->url($product->thumbnail_img)}}" alt="{{ __($product->name) }}">
                                            </a>
                                              <div class="product-btns clearfix">
                                                <button class="btn add-wishlist" title="Add to Wishlist"
                                                        onclick="addToWishList({{ $product->id }})" tabindex="0">
                                                    <i class="la la-heart-o"></i>
                                                </button>
                                                <button class="btn add-compare" title="Add to Compare"
                                                        onclick="addToCompare({{ $product->id }})" tabindex="0">
                                                       <i class="la la-refresh"></i>
                                                </button>
                                                <button class="btn quick-view" title="Quick view"
                                                        onclick="showAddToCartModal({{ $product->id }})" tabindex="0">
                                                    <i class="la la-eye"></i>
                                                </button>
                                            </div>
                                        </div>
                                       

                                        <div class="p-md-3 p-2">
                                             <h2 class="product-title mb-0 p-0 text-center">
                                                <a href="{{ route('product', $product->slug) }}" class="text-truncate">{{ __($product->name) }}</a>
                                            </h2>
                                             <div class="price-box text-center">
                                                @if(home_base_price($product->id) != home_discounted_base_price($product->id))
                                                    <del class="old-product-price strong-400">{{ home_base_price($product->id) }}</del>
                                                @endif
                                                <span class="product-price strong-600">{{ home_discounted_base_price($product->id) }}</span>
                                            </div>  
                                            <div class="star-rating star-rating-sm mt-1 text-center d-block">
                                                {{ renderStarRating($product->rating) }}
                                            </div>
                                          

                                            @if (\App\Addon::where('unique_identifier', 'club_point')->first() != null && \App\Addon::where('unique_identifier', 'club_point')->first()->activated)
                                                <div class="club-point mt-2 bg-soft-base-1 border-light-base-1 border">
                                                    {{ translate('Club Point') }}:
                                                    <span class="strong-700 float-right">{{ $product->earn_point }}</span>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif
                            @endforeach
                        </div>
                    </div>


                    <div class="d-block d-md-none">
                        <div class="row"  >

                            @foreach(\App\Product::where('published', 1)->orderBy('created_at', 'desc')->limit(6)->get() as $key => $product)

                            <div class="col-sm-6 col-6 mb-2">
                                <div class="product-card-2 card card-product shop-cards shop-tech">
                                    <div class="card-body p-0">

                                        <div class="card-image">
                                            <a href="{{ route('product', $product->slug) }}" class="d-block">
                                                @if(!empty($product->discount))
                                                    <span class="discount">{{$product->discount}}% off</span>
                                                 @endif
                                                <img class="img-fit lazyload mx-auto" src="{{Storage::disk('s3')->url('frontend/images/placeholder.jpg')}}" data-src="{{Storage::disk('s3')->url($product->thumbnail_img)}}" alt="{{ __($product->name) }}">
                                            </a>
                                        </div>

                                        <div class="p-md-3 p-2">
                                            <div class="price-box">
                                                @if(home_base_price($product->id) != home_discounted_base_price($product->id))
                                                    <del class="old-product-price strong-400">{{ home_base_price($product->id) }}</del>
                                                @endif
                                                <span class="product-price strong-600">{{ home_discounted_base_price($product->id) }}</span>
                                            </div>
                                            <div class="star-rating star-rating-sm mt-1">
                                                {{ renderStarRating($product->rating) }}
                                            </div>
                                            <h2 class="product-title p-0">
                                                <a href="{{ route('product', $product->slug) }}" class="text-truncate">{{ __($product->name) }}</a>
                                            </h2>

                                            @if (\App\Addon::where('unique_identifier', 'club_point')->first() != null && \App\Addon::where('unique_identifier', 'club_point')->first()->activated)
                                                <div class="club-point mt-2 bg-soft-base-1 border-light-base-1 border">
                                                    {{ translate('Club Point') }}:
                                                    <span class="strong-700 float-right">{{ $product->earn_point }}</span>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>


                </div>
            </div>
    </section>
   </div>
   @endif

    <!-- new 2 -->
    <!-- new arraival section -->
    @if (\App\BusinessSetting::where('type', 'new_arrival')->first()->value == 1)
    <div id="section_new_arrival" class="">

    </div>
    @endif
    <!-- new 2 end -->



    @if (\App\BusinessSetting::where('type', 'two_banner')->first()->value == 1)
     <div class="mb-5 mt-5 banner-sec" id="two_banner_section">
            <div class="container">
                <div class="row gutters-10">
                    @foreach (\App\Banner::where('position', 1)->where('published', 1)->orderBy('ordering', 'desc')->get() as $key => $banner)
                        <div class="col-lg-{{ 12/count(\App\Banner::where('position', 1)->where('published', 1)->get()) }}">
                            <div class="media-banner mb-3 mb-lg-0">
                                <a href="{{ $banner->url}}" target="_blank" class="banner-container">
                                    <img src="{{Storage::disk('s3')->url('frontend/images/placeholder-rect.jpg')}}" data-src="{{Storage::disk('s3')->url($banner->photo)}}" alt="{{ env('APP_NAME') }} promo" class="img-fluid lazyload">
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    @endif


    <!-- one category -->
@if (\App\BusinessSetting::where('type', 'single_category_template')->first()->value == 1)
 <div id="single_template" class="">
    @if(count($bannerone)!=0)
    @if($category_women->template_type==0)
    <section class="women-wear">
        <div class="container">
           <div class=" p-md-4 pt-0 pb-0 ">
                <div class="section-title-1 clearfix  ">
                     <a href="{{route('products.category', $category_women->slug)}}" class="active float-right mt-1">View More</a>
                    <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                        <span >{{$category_women->name}}</span>
                    </h3>
                </div>
               <div class="caorusel-box arrow-round gutters-5   mt-1">
                    <div class="slick-carousel" data-slick-items="4" data-slick-xl-items="4" data-slick-lg-items="4" data-slick-md-items="3" data-slick-sm-items="2" data-slick-xs-items="2">
                      @foreach ($bannerone as $key => $rowwomen)                       
                           <div class="caorusel-card"  >
                                <div class="product-box-2 bg-white alt-box my-2" date="{{@$product->created_at}}">
                                    <div class="position-relative overflow-hidden">
                                            <a href="{{$rowwomen->url}}" class="d-block product-image  text-center" tabindex="-1">
                                                <img class="img-fit lazyload"
                                                 src="{{ my_asset($rowwomen->photo)}}"
                                                 data-src="{{ my_asset($rowwomen->photo)}}"
                                                 alt="">
                                            </a>                                            
                                         </div> 
                                </div>
                            </div>
                        @endforeach
                    </div>
                 </div>
            </div>
        </div>
    </section>
    @elseif($category_women->template_type==1)
    <section class="men-wear">
        <div class="container">             
                <div class=" p-md-4 pt-0 pb-0 ">
                <div class="section-title-1 clearfix  ">
                     <a href="{{route('products.category', $category_women->slug)}}" class="active float-right mt-1">View More</a>
                    <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                        <span >{{$category_women->name}}</span>
                    </h3>
                </div>
                <div class="caorusel-box arrow-round gutters-5   mt-1">
                    <div class="slick-carousel" data-slick-items="4" data-slick-xl-items="4" data-slick-lg-items="4" data-slick-md-items="3" data-slick-sm-items="2" data-slick-xs-items="2">
                    @foreach ($bannerone as $key => $rowwomen) 
                           <div class="caorusel-card"  >
                                <div class="product-box-2 bg-white alt-box my-2" date="{{$product->created_at}}">
                                    <div class="position-relative overflow-hidden">
                                        <a href="{{$rowwomen->url}}" class="d-block product-image  text-center" tabindex="-1">
                                            <img class="img-fit lazyload"
                                             src="{{ my_asset($rowwomen->photo)}}"
                                             data-src="{{ my_asset($rowwomen->photo)}}"
                                             alt="">
                                        </a>
                                     </div>
                                </div>
                            </div>
                    @endforeach        
                    </div>
                </div>
            </div>
     
    </section>
    @else
    <section class="beauty-prod">
        <div class="container">
           
               <div class=" p-md-4 pt-0 pb-0 ">
                <div class="section-title-1 clearfix  ">
                     <a href="{{route('products.category', $category_women->slug)}}" class="active float-right mt-1">View More</a>
                    <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                        <span >{{$category_women->name}}</span>
                    </h3>
                </div>
               <div class="caorusel-box arrow-round gutters-5   mt-1">
                    <div class="slick-carousel" data-slick-items="4" data-slick-xl-items="4" data-slick-lg-items="4" data-slick-md-items="3" data-slick-sm-items="2" data-slick-xs-items="2">
                     @foreach ($bannerone as $key => $rowwomen) 
                           <div class="caorusel-card"  >
                                <div class="product-box-2 bg-white alt-box my-2" date="{{$product->created_at}}">
                                    <div class="position-relative overflow-hidden">
                                        <a href="{{$rowwomen->url}}" class="d-block product-image  text-center" tabindex="-1">
                                            <img class="img-fit lazyload"
                                             src="{{ my_asset($rowwomen->photo)}}"
                                             data-src="{{ my_asset($rowwomen->photo)}}"
                                             alt="">
                                        </a>
                                     </div>
                                </div>
                            </div>
                    @endforeach        
                    </div>
                </div>
            </div>
     
    </section>

    @endif 
    @endif 
    </div>
@endif
    <!-- Qr code section -->
    @if (\App\BusinessSetting::where('type', 'qr_section')->first()->value == 1)
         @if(!empty($qrimage->photo))
        <div class="qr-code-sec text-center" id="qr_section_activity">
            <a href="{{$qrimage->url}}"><img class="img-fluid" src="{{Storage::disk('s3')->url($qrimage->photo)}}" alt="" /></a>
        </div>
        @endif
    @endif

    <!-- all template -->
@if (\App\BusinessSetting::where('type', 'multiple_category_template')->first()->value == 1)  
 <div class="" id="multiple_template">  
    @if(count($banner_template)!=0)
    @foreach($banner_template as $rows)
    @if($rows->template_type==0)
   
        <section class=" men-wear">
            <div class="container">
                  <div class=" p-md-4 pt-0 pb-0 ">
                     <div class="section-title-1 clearfix  ">
                         <a href="{{ route('products.category', $rows->slug) }}" class="active float-right mt-1">View More</a>
                        <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                            <span >{{$rows->name}}</span>
                        </h3>
                      
                    </div>
                   <div class="caorusel-box arrow-round gutters-5   mt-1">
                        <div class="slick-carousel" data-slick-items="4" data-slick-xl-items="4" data-slick-lg-items="4" data-slick-md-items="3" data-slick-sm-items="2" data-slick-xs-items="2">
                            @php
                                $all_products = \App\Homebanner::where('published', 1)->where('category', $rows->category)->select('photo','url')->get();
                            @endphp
                               @foreach($all_products as $key=>$allprod)
                               <div class="caorusel-card"  >
                                    <div class="product-box-2 bg-white alt-box my-2" date="{{@$product->created_at}}">
                                        <div class="position-relative overflow-hidden">
                                            <a href="{{$allprod->url}}" class="d-block product-image  text-center" tabindex="-1">
                                                <img class="img-fit lazyload"
                                                 src="{{Storage::disk('s3')->url($allprod->photo)}}"
                                                 data-src="{{Storage::disk('s3')->url($allprod->photo)}}"
                                                 alt="">
                                            </a>
                                         </div>
                                    </div>
                                </div> 
                               @endforeach 
                        </div>
                     </div>
                </div>
            </div>
        </section>
    @elseif($rows->template_type==1)
        <section class="beauty-prod">
            <div class="container">             
                    <div class="section-title-1 clearfix text-center">
                        <a href="{{ route('products.category', $rows->slug) }}" class="active float-right mt-1">View More</a>
                        <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                            <span >{{$rows->name}}</span></h3>
                        
                    </div>
                    <div class="caorusel-box arrow-round gutters-5   mt-4">
                    <div class="slick-carousel" data-slick-items="4" data-slick-xl-items="4" data-slick-lg-items="4" data-slick-md-items="3" data-slick-sm-items="2" data-slick-xs-items="2">
                               
                        </div>
                    </div>
                </div>
         
        </section>
    @else
    <section class="mb-4 beauty-prod">
           <div class="container">
           
                <div class="section-title-1 clearfix text-center">
                    <a href="{{ route('products.category', $rows->slug) }}" class="active float-right mt-1">View More</a>
                    <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                        <span >{{$rows->name}}</span>
                    </h3>
                    
                </div>
               <div class="caorusel-box arrow-round gutters-5   mt-4">
                <div class="slick-carousel" data-slick-items="3" data-slick-xl-items="3" data-slick-lg-items="3" data-slick-md-items="3" data-slick-sm-items="2" data-slick-xs-items="2">
                        
                    </div>
                </div>
            </div>
     
    </section>
  
    @endif
    @endforeach 
    @endif 
  </div>
@endif    
    <!-- end -->

    @if (\App\BusinessSetting::where('type', 'vendor_system_activation')->first()->value == 1)
    <div id="section_best_sellers" class="">
    </div>
    @endif
</div>
<!--end flex-->
    <input type="hidden" value="" id="site_color">
@endsection
     
 </div>


@section('script')
    <script>
            var et_date = $('#et_date').val();
            var st_id = $('#st_id').val();
            var now_date = new Date();
            var now_date = (Date.parse(now_date) / 1000);

            var check_timer = $("#chk_time").val();
          
            if(check_timer == 1){
                    if(now_date > et_date){
                        // alert('expire');
                                $.ajax({
                                   type:"POST",
                                   url:'{{ route('home.section.deal_timer') }}',
                                   data     : {_token: '{{ csrf_token() }}', id:st_id},
                                   success: function(data){
                                       
                                   }
                               });
                    }else{
                        // alert('ok');
                        setInterval("my_function();",20000);
                            function my_function(){
                                 $.ajax({
                                   type:"POST",
                                   url:'{{ route('home.section.deal_arrival') }}',
                                   data     : {_token: '{{ csrf_token() }}'},
                                   success: function(data){
                                       $('#section_all_deal_categories').html(data);
                                       slickInit();
                                   }
                               });
                            }
                    }    
                        
                 
            }else{
                $('.alldeal_info').hide();
            }

          //ordering
          var best_selling_val = $('.best_selling_val').val();
          var new_arrival_val = $('.new_arrival_val').val();
          var two_banner_val = $('.two_banner_val').val();
          var qr_section_val = $('.qr_section_val').val();
          var vendor_system_activation_val = $('.vendor_system_activation_val').val();
          var single_template_val = $('.single_template_val').val();
          var multiple_template_val = $('.multiple_template_val').val();

          if(best_selling_val==1){
            $("#all_best_sellers").addClass("newone");
          }else if(best_selling_val==2){
            $("#all_best_sellers").addClass("newtwo");
          }else if(best_selling_val==3){
            $("#all_best_sellers").addClass("newthree");
          }else if(best_selling_val==4){
            $("#all_best_sellers").addClass("newfour");
          }else if(best_selling_val==5){
            $("#all_best_sellers").addClass("newfive");
          }else if(best_selling_val==6){
            $("#all_best_sellers").addClass("newsix");
          }else if(best_selling_val==7){
            $("#all_best_sellers").addClass("newseven");
          }

          if(new_arrival_val==1){
            $("#section_new_arrival").addClass("newone");
          }else if(new_arrival_val==2){
            $("#section_new_arrival").addClass("newtwo");
          }else if(new_arrival_val==3){
            $("#section_new_arrival").addClass("newthree");
          }else if(new_arrival_val==4){
            $("#section_new_arrival").addClass("newfour");
          }else if(new_arrival_val==5){
            $("#section_new_arrival").addClass("newfive");
          }else if(new_arrival_val==6){
            $("#section_new_arrival").addClass("newsix");
          }else if(new_arrival_val==7){
            $("#section_new_arrival").addClass("newseven");
          }

          // 3
          if(two_banner_val==1){
            $("#two_banner_section").addClass("newone");
          }else if(two_banner_val==2){
            $("#two_banner_section").addClass("newtwo");
          }else if(two_banner_val==3){
            $("#two_banner_section").addClass("newthree");
          }else if(two_banner_val==4){
            $("#two_banner_section").addClass("newfour");
          }else if(two_banner_val==5){
            $("#two_banner_section").addClass("newfive");
          }else if(two_banner_val==6){
            $("#two_banner_section").addClass("newsix");
          }else if(two_banner_val==7){
            $("#two_banner_section").addClass("newseven");
          }

          if(qr_section_val==1){
            $("#qr_section_activity").addClass("newone");
          }else if(qr_section_val==2){
            $("#qr_section_activity").addClass("newtwo");
          }else if(qr_section_val==3){
            $("#qr_section_activity").addClass("newthree");
          }else if(qr_section_val==4){
            $("#qr_section_activity").addClass("newfour");
          }else if(qr_section_val==5){
            $("#qr_section_activity").addClass("newfive");
          }else if(qr_section_val==6){
            $("#qr_section_activity").addClass("newsix");
          }else if(qr_section_val==7){
            $("#qr_section_activity").addClass("newseven");
          }

          // 5
          if(vendor_system_activation_val==1){
            $("#section_best_sellers").addClass("newone");
          }else if(vendor_system_activation_val==2){
            $("#section_best_sellers").addClass("newtwo");
          }else if(vendor_system_activation_val==3){
            $("#section_best_sellers").addClass("newthree");
          }else if(vendor_system_activation_val==4){
            $("#section_best_sellers").addClass("newfour");
          }else if(vendor_system_activation_val==5){
            $("#section_best_sellers").addClass("newfive");
          }else if(vendor_system_activation_val==6){
            $("#section_best_sellers").addClass("newsix");
          }else if(vendor_system_activation_val==7){
            $("#section_best_sellers").addClass("newseven");
          }

          // 6
          if(single_template_val==1){
            $("#single_template").addClass("newone");
          }else if(single_template_val==2){
            $("#single_template").addClass("newtwo");
          }else if(single_template_val==3){
            $("#single_template").addClass("newthree");
          }else if(single_template_val==4){
            $("#single_template").addClass("newfour");
          }else if(single_template_val==5){
            $("#single_template").addClass("newfive");
          }else if(single_template_val==6){
            $("#single_template").addClass("newsix");
          }else if(single_template_val==7){
            $("#single_template").addClass("newseven");
          }

          // 7
          if(multiple_template_val==1){
            $("#multiple_template").addClass("newone");
          }else if(multiple_template_val==2){
            $("#multiple_template").addClass("newtwo");
          }else if(multiple_template_val==3){
            $("#multiple_template").addClass("newthree");
          }else if(multiple_template_val==4){
            $("#multiple_template").addClass("newfour");
          }else if(multiple_template_val==5){
            $("#multiple_template").addClass("newfive");
          }else if(multiple_template_val==6){
            $("#multiple_template").addClass("newsix");
          }else if(multiple_template_val==7){
            $("#multiple_template").addClass("newseven");
          }

          //end
        // offer timer
        function makeTimer() {
            var endTime = $('.timedealend').val();
            var startTime = $('.timedealstart').val();
            var time_current = $('.time_current').val();
            // for(var i = 1; i <= 6; i++)

            var now = new Date();
            now = (Date.parse(now) / 1000);
            var timeLeft = endTime - now;
            // console.log(endTime);

            var startnewtime = startTime - (720 * 60)
            var endnewtime = endTime - (720 * 60)

                    //7:50                    8
            if((now > startnewtime) && (now < startTime)){
                // alert('only timer');
                 var timeLeft = startTime - now;
                        var days = Math.floor(timeLeft / 86400);
                        var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
                        var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600)) / 60);
                        var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
                        if (hours < "10") {
                            hours = "0" + hours;
                        }
                        if (minutes < "10") {
                            minutes = "0" + minutes;
                        }
                        if (seconds < "10") {
                            seconds = "0" + seconds;
                        }
                        $("#days").html(days);
                        $("#hours").html(hours);
                        $("#minutes").html(minutes);
                        $("#seconds").html(seconds);
                        $('.alldeal_info').show();
                        $(".newtext").html("Deal starts in");
                        $(".checklink").attr("href", "#")
                        $('.checktime').show();
                return false;
            }
                      //8:50                9
            if((now > endnewtime) && (now < endTime)){
                // alert('last end timer');
                        var days = Math.floor(timeLeft / 86400);
                        var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
                        var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600)) / 60);
                        var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
                        if (hours < "10") {
                            hours = "0" + hours;
                        }
                        if (minutes < "10") {
                            minutes = "0" + minutes;
                        }
                        if (seconds < "10") {
                            seconds = "0" + seconds;
                        }
                        $("#days").html(days);
                        $("#hours").html(hours);
                        $("#minutes").html(minutes);
                        $("#seconds").html(seconds);
                        $('.alldeal_info').show();
                        $(".newtext").html("Deal ends in");

                return false;

                      //8:50 > 8 && 8:50 < 9
            }else if((now > startTime) && (now < endTime)){
                // alert('ok');
                        var days = Math.floor(timeLeft / 86400);
                        var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
                        var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600)) / 60);
                        var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
                        if (hours < "10") {
                            hours = "0" + hours;
                        }
                        if (minutes < "10") {
                            minutes = "0" + minutes;
                        }
                        if (seconds < "10") {
                            seconds = "0" + seconds;
                        }
                        $("#days").html(days);
                        $("#hours").html(hours);
                        $("#minutes").html(minutes);
                        $("#seconds").html(seconds);
                        $('.alldeal_info').show();
                        $('.checktime').hide();
                return false;

            }else{
                // alert('why');
                // return false;
            }

            if(now > endTime){
                $('.alldeal_info').hide();
                return false;
            }

        }

        setInterval(function () {
            makeTimer();
        }, 1000);
        
        $(document).ready(function(){
            // switched theme script
           var color = $('#site_color').val();
            $('body').attr('class','');
            $('body').addClass(color);

 
            // end
            $.post('{{ route('home.section.deal_arrival') }}', {_token: '{{ csrf_token() }}'}, function (data) {
                $('#section_all_deal_categories').html(data);
                slickInit();
            });

            // $.post('{{ route('home.section.best_sellersnew') }}', {_token: '{{ csrf_token() }}'}, function (data) {
            //     $('#all_best_sellers').html(data);
            //     slickInit();
            // });

            $.post('{{ route('home.section.featured') }}', {_token:'{{ csrf_token() }}'}, function(data){
                $('#section_featured').html(data);
                slickInit();
            });

            $.post('{{ route('home.section.best_selling') }}', {_token:'{{ csrf_token() }}'}, function(data){
                $('#section_best_selling').html(data);
                slickInit();
            });

            $.post('{{ route('home.section.home_categories') }}', {_token:'{{ csrf_token() }}'}, function(data){
                $('#section_home_categories').html(data);
                slickInit();
            });

            $.post('{{ route('home.section.today_deals') }}', {_token:'{{ csrf_token() }}'}, function(data){
                $('#section_today_deals').html(data);
                slickInit();
            });

            $.post('{{ route('home.section.new_arrivalss') }}', {_token:'{{ csrf_token() }}'}, function(data){
                $('#section_new_arrival').html(data);
                slickInit();
            });

            

            @if (\App\BusinessSetting::where('type', 'vendor_system_activation')->first()->value == 1)
            $.post('{{ route('home.section.best_sellers') }}', {_token:'{{ csrf_token() }}'}, function(data){
                $('#section_best_sellers').html(data);
                slickInit();
            });
            @endif
        });
    </script>
@endsection