@extends('layouts.frontlayout')
@section('content')

<!-- ==== Banner_section_start ==== -->

<section class="banner_section top-space">
    <div class="banner_area">
        <div class="owl-carousel " id="banner">
            @if(isset($slider) && $slider)
                @foreach($slider as $key => $s)
                    <div class="item">
                        <div class="item_inner_box">
                            <div class="img_area">
                                <div class="img_inn">
                                    <img src="{{ General::renderImage(FileSystem::getAllSizeImages($s['image']), 'original') }}" alt="..." />
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
</section>
<!-- ==== Banner_section_end ==== -->

<!-- ==== Features_section_start ==== -->
<section class="features_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="features_detail_area">
                    <div class="row">
                        @if(isset($textFeatures) && $textFeatures)
                            @foreach($textFeatures as $t => $f)
                                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12">
                                    <div class="inner_detail_area wow fadeInUp" data-wow-delay="0.2s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                                        <div class="left_area">
                                            <div class="image_area">
                                                <img src="{{ General::renderImage(FileSystem::getAllSizeImages($f['image']), 'medium') }}" alt="..." />
                                            </div>
                                        </div>
                                        <div class="right_area">
                                            <div class="text_area">
                                                <h4>
                                                   {{isset($f['title']) && Str::limit($f['title'],30) ? Str::limit($f['title'],30) : ''}}
                                                </h4>
                                                <p>{!!isset($f['description']) && Str::limit($f['description'],100) ? Str::limit($f['description'],100) : ''!!}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Features_section_end ==== -->

<!-- ==== Category_section_start ==== -->
<section class="category_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="heading_area">
                    <div class="heading_name wow fadeInLeft" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                        <h2>{{isset($home->categories_title) && $home->categories_title ? $home->categories_title : ''}}</h2>
                    </div>
                </div>
                <div class="owl-carousel " id="category">
                    @if(isset($categories) && $categories)
                       @foreach($categories as $a => $c)
                            <div class="item">
                                <div class="item_inner_box">
                                    <a href="{{route('products.listing',['slug' => $c['slug']])}}">
                                        <div class="inner_detail_area match_height_col">
                                            <div class="left_area">
                                                <div class="image_area">
                                                    <img src="{{ General::renderImage(FileSystem::getAllSizeImages($c['image']), 'medium') }}" alt="..." />
                                                </div>
                                            </div>
                                            <div class="right_area">
                                                <div class="text_area">
                                                    <h4>
                                                       {{isset($c['title']) && Str::limit($c['title'],50) ? Str::limit($c['title'],50) : ''}} 
                                                    </h4>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Category_section_end ==== -->

<!-- ==== Featured_product_section_start ==== -->
<section class="featured_product_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="heading_area">
                    <div class="heading_name wow fadeInDown" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                        <h2>{{isset($home->products_title) && $home->products_title ? $home->products_title : ''}}</h2>
                    </div>
                </div>
                <div class="owl-carousel " id="featuredproduct">
                    @if(isset($products) && $products)
                       @foreach($products as $b => $p)
                            <div class="item">
                                <div class="item_inner_box">
                                    <div class="inner_detail_area">
                                        <div class="product_detail match_height_col">
                                            <a href="{{route('products.detail',['slug' => $p['slug']])}}">
                                            <div class="image_area">
                                                @php
                                                    $images = isset($p['image']) && $p['image'] ? json_decode($p['image']) : [];
                                                @endphp
                                                <img src="{{ General::renderImage(FileSystem::getAllSizeImages(isset($images[0]) && $images[0] ? $images[0] : ''), 'medium') }}" alt="..." />
                                                <div class="like_icon">
                                                    <a href="javascript:;" data-product_id="{{ $p['id'] }}" class="product_wishlist product_{{ $p['id'] }} {{ isset($p['favourite']) && $p['favourite'] ? 'active' : '' }}" data-id="{{ General::encrypt($p['id']) }}" data-url="{{ route('products.likes') }}">
                                                        @if(isset($p['favourite']) && $p['favourite'])
                                                        <i class="fas fa-heart"></i>
                                                        @else
                                                        <i class="fal fa-heart"></i>
                                                        @endif
                                                    </a>
                                                </div>
                                            </div>
                                            </a>
                                            <div class="text_area">
                                                <a href="{{route('products.detail',['slug' => $p['slug']])}}">
                                                    <div class="poduct_name">
                                                        <h6>{{isset($p['title']) && Str::limit($p['title'],50) ? Str::limit($p['title'],50) : ''}}</h6>
                                                    </div>
                                                    <div class="poduct_price">
                                                                                                                @if($saleMinPrice)
                                                        <h6><s>₹{{$minPrice}}</s> ₹{{$saleMinPrice}}</h6>
                                                        @else
                                                        <h6> ₹{{$minPrice}}</h6>
                                                        @endif
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif        
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Featured_product_section_end ==== -->

<!-- ==== Ad_section_start ==== -->
@if(isset($home['is_banner_button']) && $home['is_banner_button'] == 1)
    <section class="ad_section">
        <div class="container">
            <div class="row">
                <div class="col-xxl-10 col-xl-10 col-lg-10 col-md-12 col-sm-12 col-12 mx-auto">
                    <div class="ad_detail_area">
                        <div class="row">
                            {{-- @if(isset($home['add_banners_1']) && $home['add_banners_1']) --}}
                                <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">
                                    <div class="ad_detail wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                                        <div class="image_area">
                                            @if(isset($home['add_banners_link_1']) && $home['add_banners_link_1'])
                                                <a href="{{$home['add_banners_link_1']}}">
                                                  <img src="{{ General::renderImage(FileSystem::getAllSizeImages($home['add_banners_1']), 'medium') }}" alt=".." />
                                                </a>
                                            @else
                                               <img src="{{ General::renderImage(FileSystem::getAllSizeImages($home['add_banners_1']), 'medium') }}" alt=".." />
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            {{-- @endif
                            @if(isset($home['add_banners_2']) && $home['add_banners_2']) --}}
                                <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12">
                                    <div class="ad_detail wow fadeInDown" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                                        <div class="image_area">
                                            @if(isset($home['add_banners_link_2']) && $home['add_banners_link_2'])
                                            <a href="{{$home['add_banners_link_2']}}"><img src="{{ General::renderImage(FileSystem::getAllSizeImages($home['add_banners_2']), 'medium') }}" alt=".." /></a>
                                            @else
                                               <img src="{{ General::renderImage(FileSystem::getAllSizeImages($home['add_banners_2']), 'medium') }}" alt=".." />
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            {{-- @endif  --}}   
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endif
<!-- ==== Ad_section_end ==== -->

<!-- ==== hot_deals_section_start ==== -->
<section class="hot_deal_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-10 col-xl-10 col-lg-10 col-md-12 col-sm-12 col-12 mx-auto">
                <div class="heading_area">
                    <div class="heading_name wow fadeInLeft" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                        <h2>{{isset($home->hot_deals_title) && $home->hot_deals_title ? $home->hot_deals_title : ''}}</h2>
                    </div>
                </div>
                <div class="hot_deal_detail">
                    <div class="row">
                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="ad_detail wow fadeInLeft" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                                <div class="image_area">
                                    <img src="{{ General::renderImage(FileSystem::getAllSizeImages($home['hot_deals_image']), 'medium') }}" alt=".." />
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 col-sm-6 col-12">
                            <div class="hot_deal_right_area">
                                <div class="row">
                                    @if(isset($hotDeals) && $hotDeals)
                                        @foreach($hotDeals as $c => $hd)
                                            <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                                <div class="product_detail match_height_col wow fadeInDown" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                                                    <a href="{{route('products.detail',['slug' => $hd['slug']])}}">
                                                    <div class="image_area">
                                                        @php
                                                            $images = isset($hd['image']) && $hd['image'] ? json_decode($hd['image']) : [];
                                                        @endphp
                                                        <img src="{{ General::renderImage(FileSystem::getAllSizeImages(isset($images[0]) && $images[0] ? $images[0] : ''), 'medium') }}" alt="..." />
                                                       
                                                    </a>
                                                     <div class="like_icon">
                                                            <a href="javascript:;" data-product_id="{{ $hd['id'] }}" class="product_wishlist product_{{ $hd['id'] }} {{ isset($hd['favourite']) && $hd['favourite'] ? 'active' : '' }}" data-id="{{ General::encrypt($hd['id']) }}" data-url="{{ route('products.likes') }}">
                                                                @if(isset($hd['favourite']) && $hd['favourite'])
                                                                <i class="fas fa-heart"></i>
                                                                @else
                                                                <i class="fal fa-heart"></i>
                                                                @endif
                                                            </a>
                                                        </div>
                                                    </div>
                                                   
                                                    <div class="text_area">
                                                        <a href="{{route('products.detail',['slug' => $hd['slug']])}}">
                                                            <div class="poduct_name">
                                                                <h6>{{isset($hd['title']) && Str::limit($hd['title'],50) ? Str::limit($hd['title'],50) : ''}}</h6>
                                                            </div>
                                                                                                                        <div class="poduct_price">
                                                                @if($saleMinPrice)
                                                                <h6><s>₹{{$minPrice}}</s> ₹{{$saleMinPrice}}</h6>
                                                                @else
                                                                <h6> ₹{{$minPrice}}</h6>
                                                                @endif  
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach    
                                    @endif        
                                </div>
                                @if(isset($home->is_hot_deals_button) && $home->is_hot_deals_button == 1)
                                    <div class="btn_area wow fadeInLeft" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                                        <a href="{{isset($home->full_img_link) && $home->full_img_link ? $home->full_img_link : '#'}}" class="btn btn-primary w-100">{{isset($home->hot_deals_button_text) && $home->hot_deals_button_text ? $home->hot_deals_button_text : ''}}</a>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== hot_deals_section_end ==== -->

<!-- ==== Ad_section_start ==== -->
<section class="full_img_section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-6 col-sm-6 col-12">
                <div class="full_img_detail wow fadeInDown" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                    <div class="image_area">
                        <img src="{{ General::renderImage(FileSystem::getAllSizeImages($home['full_img']), 'original') }}" alt="..." />
                    </div>
                </div>
            </div>
            <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-6 col-sm-6 col-12">
                <div class="text_info wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                    <div class="product_name">
                        <h4>{{isset($home['full_img_title']) && $home['full_img_title'] ? $home['full_img_title'] : ''}}</h4>
                    </div>
                    <div class="product_price">
                        <h4>{{isset($home['full_img_sub_title']) && $home['full_img_sub_title'] ? $home['full_img_sub_title'] : ''}}</h4>
                    </div>
                    <div class="product_info">
                        <p>{!! isset($home['full_img_description']) && $home['full_img_description'] ? $home['full_img_description'] : '' !!}</p>
                    </div>
                    @if(isset($home['is_full_img_button']) && $home['is_full_img_button'] == 1)
                        <div class="btn_area">
                            <a href="{{isset($home['full_img_link']) && $home['full_img_link'] ? $home['full_img_link'] : '#'}}" class="btn btn-primary">{{isset($home['full_img_button_text']) && $home['full_img_button_text'] ? $home['full_img_button_text'] : ''}}</a>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Ad_section_end ==== -->

<!-- ==== Best_seller_section_start ==== -->
<section class="best_seller_section">
    <div class="seller_area">
        <div class="heading_area">
            <div class="heading_name wow fadeInLeft" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                <h2>{{isset($home['best_seller_title']) && $home['best_seller_title'] ? $home['best_seller_title'] : ''}}</h2>
            </div>
        </div>
        <div class="owl-carousel" id="bestseller">
            @if(isset($bestSeller)  && $bestSeller)
                @foreach($bestSeller as $d => $bs)
                    <div class="item">
                        <div class="item_inner_box">
                            <div class="inner_detail_area">
                                <div class="product_detail match_height_col">
                                    <a href="{{route('products.detail',['slug' => $bs['slug']])}}">
                                    <div class="image_area">
                                        @php
                                            $images = isset($bs['image']) && $bs['image'] ? json_decode($bs['image']) : [];
                                        @endphp
                                        <img src="{{ General::renderImage(FileSystem::getAllSizeImages(isset($images[0]) && $images[0] ? $images[0] : ''), 'medium') }}" alt="..." />
                                        <div class="like_icon">
                                            <a href="javascript:;" data-product_id="{{ $bs['id'] }}" class="product_wishlist product_{{ $bs['id'] }} {{ isset($bs['favourite']) && $bs['favourite'] ? 'active' : '' }}" data-id="{{ General::encrypt($bs['id']) }}" data-url="{{ route('products.likes') }}">
                                                @if(isset($bs['favourite']) && $bs['favourite'])
                                                <i class="fas fa-heart"></i>
                                                @else
                                                <i class="fal fa-heart"></i>
                                                @endif
                                            </a>
                                        </div>
                                    </div>
                                    </a>
                                    
                                    <div class="text_area">
                                        <a href="{{route('products.detail',['slug' => $bs['slug']])}}">
                                            <div class="poduct_name">
                                                <h6>{{isset($bs['title']) && Str::limit($bs['title'],50) ? Str::limit($bs['title'],50) : ''}}</h6>
                                            </div>
                                            <div class="poduct_price">
                                                                                                @if($saleMinPrice)
                                                <h6><s>₹{{$minPrice}}</s> ₹{{$saleMinPrice}}</h6>
                                                @else
                                                <h6> ₹{{$minPrice}}</h6>
                                                @endif
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
</section>
<!-- ==== Best_seller_section_end ==== -->

<!-- ==== Testimonial_section_start ==== -->
<section class="testimonial_section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xxl-8 col-xl-10 col-lg-7 col-md-10 col-sm-12 col-12 mx-auto">
                <div class="heading_area">
                    <div class="heading_name wow fadeInDown" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s;">
                        <h2>{{isset($home['testimonials_title']) && $home['testimonials_title'] ? $home['testimonials_title'] : ''}}</h2>
                    </div>
                </div>
                <div class="owl-carousel" id="testimonial">
                    @if(isset($testimonials) && $testimonials)
                        @foreach($testimonials as $e => $ts)
                            <div class="item">
                                <div class="item_inner_box">
                                    <div class="inner_detail_area">
                                        <div class="left_area">
                                            <div class="image_area">
                                                <img src="{{ General::renderImage(FileSystem::getAllSizeImages($ts['image']), 'medium') }}" alt="..." />
                                            </div>
                                        </div>
                                        <div class="right_area">
                                            <div class="text_area">
                                                <div class="rating_area">

                                                    <i class="far fa-star"></i><i class="far fa-star"></i><i class="far fa-star"></i><i class="far fa-star"></i><i class="far fa-star"></i>                                                </div>
                                                <div class="des">
                                                    <p>{!!isset($ts['description']) && $ts['description'] ? $ts['description'] : ''!!}</p>
                                                </div>
                                                <div class="name">
                                                    <h4>
                                                        {{isset($ts['name']) && $ts['name'] ? $ts['name'] : ''}}
                                                    </h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach    
                    @endif    
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Testimonial_section_end ==== -->

@endsection