@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; }
</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());

                @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>
  @if($num_todays_deal > 0)
    <!-- <div id="section_today_deals">

    </div> -->
    @endif

    <!-- 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>


    <!-- new -->
     <!-- top selling section -->
@if (\App\BusinessSetting::where('type', 'best_selling')->first()->value == 1)
@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 ">
                <div class="section-title-1 text-center clearfix">
                    <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(bestSellerSectionnew() 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>
    @endif
    <!-- new end -->



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

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


 <div class="mb-5 mt-5 banner-sec">
        <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>


        <!-- best selling section -->
    <!-- <div id="section_best_selling">

    </div> -->
    <!-- women -->
    @if(count($bannerone)!=0)
    @if($category_women->template_type==0)
    <section class="mb-4 women-wear">
        <div class="container">
            <div class=" ">
                <div class="section-title-1 clearfix text-center">
                    <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                        <span >{{$category_women->name}}</span>
                    </h3>
                    <a href="{{ route('products.category', $category_women->slug) }}" class="active">View More</a>
                </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">
                      @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="mb-4 men-wear">
        <div class="container">
                <div class="section-title-1 clearfix text-center">
                    <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                        <span >{{$category_women->name}}</span></h3>
                    <a href="{{ route('products.category', $category_women->slug) }}" class="active">View More</a>
                </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">
                    @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="mb-4 beauty-prod">
        <div class="container">

                <div class="section-title-1 clearfix text-center">
                    <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                        <span >{{$category_women->name}}</span>
                    </h3>
                    <a href="{{ route('products.category', $category_women->slug) }}" class="active">View More</a>
                </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">
                     @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
    <!-- Qr code section -->

    <div class="qr-code-sec">
        <div class="container">
            <div class="row">
                <div class="col-md-6 mx-auto">
                    <div class="box">
                        <div class="row">
                            <div class="col-md-6 ">
                                <h3 class="text-white ">Earn</h3>
                                <p class="text-white  ">while you support Artisans & Weavers of India & Build Aatma Nirbhar Bharat !!</p>
                                <h6 class="text-white  ">BECOME A KHADIPRENUER</h6>
                                <a href="" class="btn btn-white">Join Us</a>
                             </div>
                             <div class="col-md-5 ml-auto text-center text-md-right">
                                 <img class="mb-2" src="{{ asset('frontend/images/new-home/QR code.jpg') }}" alt="">
                                 <a href="" class="text-white">https://bit.ly/KHADIPRENUERS</a>
                             </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- all template -->
    @if(count($banner_template)!=0)
    @foreach($banner_template as $rows)
    @if($rows->template_type==0)
    <section class="mb-4 women-wear">
        <div class="container">
            <div class=" ">
                <div class="section-title-1 clearfix text-center">
                    <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                        <span >{{$rows->name}}</span>
                    </h3>
                    <a href="{{ route('products.category', $rows->slug) }}" class="active">View More</a>
                </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">
                        @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="mb-4 men-wear">
        <div class="container">
                <div class="section-title-1 clearfix text-center">
                    <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                        <span >{{$rows->name}}</span></h3>
                    <a href="{{ route('products.category', $rows->slug) }}" class="active">View More</a>
                </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">
                    <h3 class="heading-3 mb-2  strong-700 mb-0  ">
                        <span >{{$rows->name}}</span>
                    </h3>
                    <a href="{{ route('products.category', $rows->slug) }}" class="active">View More</a>
                </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
    <!-- end -->

        <section class="home-banner-2">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-4">
                     <img class="mb-2" src="{{ asset('frontend/images/new-home/natural/NATURAL & AUTHENTICS.png') }}" alt="">
                </div>
                <div class="col-md-6 offset-md-1">
                        <h3>Natural & Authentic</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                        <a href="" class="btn btn-ouline">Shop Now</a>
                </div>
            </div>
        </div>
    </section>


    @php
        $flash_deal = \App\FlashDeal::where('status', 1)->where('featured', 1)->first();
    @endphp
    @if($flash_deal != null && strtotime(date('d-m-Y')) >= $flash_deal->start_date && strtotime(date('d-m-Y')) <= $flash_deal->end_date)
    <section class="mb-4">
        <div class="container">
            <div class="px-2 py-4 p-md-4 bg-white shadow-sm">
                <div class="section-title-1 clearfix ">
                    <h3 class="heading-5 strong-700 mb-0 float-left">
                        {{ translate('Flash Sale') }}
                    </h3>
                    <div class="flash-deal-box float-left">
                        <div class="countdown countdown--style-1 countdown--style-1-v1 " data-countdown-date="{{ date('m/d/Y', $flash_deal->end_date) }}" data-countdown-label="show"></div>
                    </div>
                    <ul class="inline-links float-right">
                        <li><a href="{{ route('flash-deal-details', $flash_deal->slug) }}" class="active">{{ translate('View More') }}</a></li>
                    </ul>
                </div>

<div class="caorusel-box arrow-round gutters-5">
<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">

@php $productFlash = \App\Product::leftJoin('flash_deal_products', 'flash_deal_products.product_id', '=', 'products.id')
->select(['products.slug','products.discount','products.thumbnail_img','products.name','products.id as product_id', 'products.published', DB::raw('IF(`flash_ordering` IS NOT NULL, `flash_ordering`, 1000000) `ordering`')])
->orderBy('ordering', 'asc')
->whereIn('products.id', $flash_deal->flash_deal_products->pluck('product_id')->toArray())->get(); @endphp


@foreach ($productFlash as $key => $flash_deal_product)

@if ($flash_deal_product != null && $flash_deal_product->published != 0)
<div class="caorusel-card">
<div class="product-card-2 card card-product shop-cards">
<div class="card-body p-0">
<div class="card-image">
<a href="{{ route('product', $flash_deal_product->slug) }}" class="d-block">
@if(!empty($flash_deal_product->discount))
<span class="discount">{{$flash_deal_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($flash_deal_product->thumbnail_img)}}" alt="{{ __($flash_deal_product->name) }}">
</a>
</div>

<div class="p-md-3 p-2">
<div class="price-box">

@if(home_base_price($flash_deal_product->product_id) != home_discounted_base_price($flash_deal_product->product_id))
<del class="old-product-price strong-400">{{ home_base_price($flash_deal_product->product_id) }}</del>
@endif
<span class="product-price strong-600">{{ home_discounted_base_price($flash_deal_product->product_id) }}</span>
</div>
<div class="star-rating star-rating-sm mt-1">
{{ renderStarRating($flash_deal_product->rating) }}
</div>
<h2 class="product-title p-0">
<a href="{{ route('product', $flash_deal_product->slug) }}" class=" text-truncate">{{ __($flash_deal_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">{{ $flash_deal_product->earn_point }}</span>
</div>
@endif
</div>
</div>
</div>
</div>
@endif
@endforeach

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

   <!--  <div id="section_featured">

    </div> -->
    <div id="section_home_categories">

    </div>

    @if(\App\BusinessSetting::where('type', 'classified_product')->first()->value == 1)
        @php
            $customer_products = \App\CustomerProduct::where('status', '1')->where('published', '1')->take(10)->get();
        @endphp
       @if (count($customer_products) > 0)
           <section class="mb-4">
               <div class="container">
                   <div class="px-2 py-4 p-md-4 bg-white shadow-sm">
                       <div class="section-title-1 clearfix">
                           <h3 class="heading-5 strong-700 mb-0 float-left">
                               <span class="mr-4">{{ translate('Classified Ads') }}</span>
                           </h3>
                           <ul class="inline-links float-right">
                               <li><a href="{{ route('customer.products') }}" class="active">{{ translate('View More') }}</a></li>
                           </ul>
                       </div>
                       <div class="caorusel-box arrow-round">
                           <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 ($customer_products as $key => $customer_product)
                                   <div class="product-card-2 card card-product my-2 mx-1 mx-sm-2 shop-cards shop-tech">
                                       <div class="card-body p-0">
                                           <div class="card-image">
                                               <a href="{{ route('customer.product', $customer_product->slug) }}" class="d-block">
                                                   <img class="img-fit lazyload mx-auto" src="{{Storage::disk('s3')->url('frontend/images/placeholder.jpg')}}" data-src="{{Storage::disk('s3')->url($customer_product->thumbnail_img)}}" alt="{{ __($customer_product->name) }}">
                                               </a>
                                           </div>

                                           <div class="p-sm-3 p-2">
                                               <div class="price-box">
                                                   <span class="product-price strong-600">{{ single_price($customer_product->unit_price) }}</span>
                                               </div>
                                               <h2 class="product-title p-0 text-truncate-1">
                                                   <a href="{{ route('customer.product', $customer_product->slug) }}">{{ __($customer_product->name) }}</a>
                                               </h2>
                                               <div>
                                                   @if($customer_product->conditon == 'new')
                                                       <span class="product-label label-hot">{{translate('new')}}</span>
                                                   @elseif($customer_product->conditon == 'used')
                                                       <span class="product-label label-hot">{{translate('Used')}}</span>
                                                   @endif
                                               </div>
                                           </div>
                                       </div>
                                   </div>
                               @endforeach
                           </div>
                       </div>
                   </div>
               </div>
           </section>
       @endif
   @endif



    @if (\App\BusinessSetting::where('type', 'vendor_system_activation')->first()->value == 1)
    <div id="section_best_sellers">

    </div>
    @endif

    @if(count(\App\Category::where('top', 1)->get()) != null && count(\App\Brand::where('top', 1)->get()) != null)
    <section class="mb-3">
        <div class="container">
            <div class="row gutters-10">
                <div class="col-lg-6">
                    <div class="section-title-1 clearfix">
                        <h3 class="heading-5 strong-700 mb-0 float-left">
                            <span class="mr-4">{{translate('Top 10 Catogories')}}</span>
                        </h3>
                        <ul class="float-right inline-links">
                            <li>
                                <a href="{{ route('categories.all') }}" class="active">{{translate('View All Catogories')}}</a>
                            </li>
                        </ul>
                    </div>
                    <div class="row gutters-5">
                        @foreach (\App\Category::where('top', 1)->get() as $category)
                            <div class="mb-3 col-6">
                                <a href="{{ route('products.category', $category->slug) }}" class="bg-white border d-block c-base-2 box-2 icon-anim pl-2">
                                    <div class="row align-items-center no-gutters">
                                        <div class="col-3 text-center">
                                             <!--my_asset($category->banner-->
                                            <img src="{{Storage::disk('s3')->url('frontend/images/placeholder.jpg')}}" data-src="{{Storage::disk('s3')->url($category->banner)}}" alt="{{ __($category->name) }}" class="img-fluid img lazyload">
                                        </div>
                                        <div class="info col-7">
                                            <div class="name text-truncate pl-3 py-4">{{ __($category->name) }}</div>
                                        </div>
                                        <div class="col-2 text-center">
                                            <i class="la la-angle-right c-base-1"></i>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="section-title-1 clearfix">
                        <h3 class="heading-5 strong-700 mb-0 float-left">
                            <span class="mr-4">{{translate('Top 10 Brands')}}</span>
                        </h3>
                        <ul class="float-right inline-links">
                            <li>
                                <a href="{{ route('brands.all') }}" class="active">{{translate('View All Brands')}}</a>
                            </li>
                        </ul>
                    </div>
                    <div class="row gutters-5">
                        @foreach (\App\Brand::where('top', 1)->get() as $brand)
                            <div class="mb-3 col-6">
                                <a href="{{ route('products.brand', $brand->slug) }}" class="bg-white border d-block c-base-2 box-2 icon-anim pl-2">
                                    <div class="row align-items-center no-gutters">
                                        <div class="col-3 text-center">
                                             <!--asset('frontend/images/placeholder.jpg') -->
                                            <img src="{{Storage::disk('s3')->url('frontend/images/placeholder.jpg')}}" data-src="{{Storage::disk('s3')->url($brand->logo) }}" alt="{{ __($brand->name) }}" class="img-fluid img lazyload">
                                        </div>
                                        <div class="info col-7">
                                            <div class="name text-truncate pl-3 py-4">{{ __($brand->name) }}</div>
                                        </div>
                                        <div class="col-2 text-center">
                                            <i class="la la-angle-right c-base-1"></i>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif

       <!-- switcher -->
   <!-- <div class="switcher">
        <div class="row">
            <div class="col-lg-12 colors mt-3 text-center"> -->
                <input type="hidden" value="" id="site_color">
                <!-- <a href="javascript:;" class="orange active"></a>
                <a href="javascript:;" class="purple"></a>
                <a href="javascript:;" class="yellow"></a>
                <a href="javascript:;" class="green"></a>
                <a href="javascript:;" class="blue"></a> -->
<!--             </div>
        </div>
   </div> -->
@endsection



@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();
            }



        // 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);

                   //  $('.colors a').click(function(){
                   //      $('.colors a').removeClass('active')
                   //      $(this).addClass('active');
                   //     var color  = $(this).attr('class');
                   //       $('body').attr('class','');
                   //     $('body').addClass(color);
                   // });


            // end
            $.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();
            });

             $.post('{{ route('home.section.deal_arrival') }}', {_token: '{{ csrf_token() }}'}, function (data) {
                $('#section_all_deal_categories').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