@extends('frontend.layouts.app')
@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


                <div
                        class=" col-lg-12 order-1 order-lg-0 @if(count($featured_categories) == 0) home-slider-full @endif">
                    @if($home_slider_type==1)
                        <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>

                    @else
                        <div class="home-banner-area-2  d-none d-md-block">
                            <div class="row no-gutters  position-relative">
                                <div class="col-md-6">
                                    <a href="{{ @$multipleslide_a->link }}"> <img class="mb-2"
                                                                                  src="{{Storage::disk('s3')->url(@$multipleslide_a->photo)}}"
                                                                                  alt=""> </a>
                                </div>
                                <div class="col-md-3">
                                    <a href="{{ @$multipleslide_b->link }}"> <img class="mb-2"
                                                                                  src="{{Storage::disk('s3')->url(@$multipleslide_b->photo)}}"
                                                                                  alt=""> </a>
                                </div>
                                <div class="col-md-3 pr-2">
                                    <a href="{{ @$multipleslide_c->link }}" class="d-block mb-2"><img class="mb-2"
                                                                                                      src="{{Storage::disk('s3')->url(@$multipleslide_c->photo)}}"
                                                                                                      alt=""></a>
                                    <a href="{{ @$multipleslide_d->link }}"><img class="mb-2"
                                                                                 src="{{Storage::disk('s3')->url(@$multipleslide_d->photo)}}"
                                                                                 alt=""></a>
                                </div>
                            </div>


                        </div>
                    @endif
                    <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 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>

                    @if (count($featured_categories) > 0)
                        <div class="trending-category    pt-md-4 pb-md-4  bg-white    pl-1 pl-md-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>
    {{--
    <div class="offers-sale bg-white">
        @livewire('day-deal')
        @livewire('day-deal-banners')
    </div>

    @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 bg-white">

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

    <div id="flex" class="bg-white">

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

        </div> -->

        @if ($business->where('type', 'best_selling')->first()->value == 1)
            <div class="bg-white" id="all_best_sellers">
                @php
                    $cat_name_active = $business->where('type', 'best_selling')->first();
                @endphp

                <section class="mb-0 pt-0 mb-md-4 pt-md-4 top-selling">
                    <div class="container">
                        <div class="px-0 px-md-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 ">
                                <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(\App\Product::query()->select('id','slug','name','rating','thumbnail_img','unit_price','discount','discount_type')->where('published', 1)->where('top_selling', '=', 1)->orderBy('created_at', 'desc')->limit(10)->get() as $key => $product)

                                        @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( $product->discount > 0 )
                                                                    <del
                                                                            class="old-product-price strong-400">{{ home_base_price_new($product->unit_price) }}</del>
                                                                @endif
                                                                <span
                                                                        class="product-price strong-600">{{ home_discounted_base_price_new($product) }}</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>
                    </div>
                </section>
            </div>
        @endif

        <!-- new arraival section -->
        @if ($business->where('type', 'new_arrival')->first()->value == 1)
            <div id="section_new_arrival">

            </div>
        @endif

        @if ($business->where('type', 'two_banner')->first()->value == 1)
            <div class="mb-1 mb-md-5 mt-4 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-2 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 ($business->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-0 ">
                                        <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-0">
                                        <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-0">
                                        <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
            </div>
        @endif
        <!-- Qr code section -->
        @if ($business->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 ($business->where('type', 'multiple_category_template')->first()->value == 1)
            <div class="" id="multiple_template">
                @if(count($banner_template)!=0)
                    @foreach($banner_template as $keynew => $rows)
                                                    @if($chknumber==2 || $chknumber==4 || $chknumber==6)
                            <section class="men-wear beauty-prod">
                                @else
                                    <section class="men-wear">
                                        @endif


                                        @if($rows->template_type==0)

                                            <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-0">
                                                        <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')->orderBy('id', 'asc')->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>

                                        @elseif($rows->template_type==1)

                                            <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-0">
                                                        <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')->orderBy('id', 'asc')->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>

                                        @else

                                            <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-0">
                                                        <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">
                                                            @php
                                                                $all_products = \App\Homebanner::where('published', 1)->where('category', $rows->category)->select('photo','url')->orderBy('id', 'asc')->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>

                                        @endif
                                    </section>
                            @endforeach
                        @endif
            </div>
        @endif
        <!-- end -->

        @if ($business->where('type', 'vendor_system_activation')->first()->value == 1)
            <div id="section_best_sellers">

            </div>
        @endif
    </div>
    <!--end flex-->
    @livewire('frontend.dynamic-templates')
    @livewire('frontend.khadi-news')
    @livewire('frontend.popular-searches')
    <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();", 2000000);

                    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 () {
                $('.home-slide > .slick-carousel').slick('slickSetOption', 'speed', 10000, true);
                // switched theme script
                var color = $('#site_color').val();
                $('body').attr('class', '');
                $('body').addClass(color);

                {{--
                           $.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_arrival') }}', {_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();
                });

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

                @if ($business->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