@extends('front.layouts.app')
@section('content')

<main>
    <div class="banner_slider">
        @if(!empty($sliders))
            @foreach($sliders as $slider)
            <div class="">
                <div class="bnner_top">
                    <img class="banner_img_new" src="{{ URL::asset('assets/admin/uploads/slider/'.$slider->image) }}">
                    <div class="container">
                        <div class="row justify-content-end">
                            <div class="col-12 col-lg-7">
                                <div class="bbnr_text" >
                                    <h1>{{!empty($slider->title) ? ucfirst($slider->title) : ''}}</h1>
                                    <p>{{!empty($slider->content) ? ucfirst($slider->content) : ''}} </p>
                                        
                                    <a href="javascript:;">SHOP NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        @endif
    </div>

    <section class="bnnr_bottom_sec">       
        <div class="container">
            <div class="row gy-4 justify-content-center">
                <div class="col-12 col-lg-3 col-md-3">
                    <div class="shipping_bocx">
                        <img src="{{ URL::asset('assets/admin/uploads/homePage/'.$homePage->icone_1) }}" class="img-fluid ship-bdiff" alt="">
                        <h6>{{ !empty($homePage->free_shipping) ? ucfirst($homePage->free_shipping) : '' }}</h6>
                    </div>
                </div>
                <div class="col-12 col-lg-3 col-md-3">
                    <div class="shipping_bocx">
                        <img src="{{ URL::asset('assets/admin/uploads/homePage/'.$homePage->icone_2) }}" class="img-fluid" alt="">
                        <h6>{{!empty($homePage->support ) ? ucfirst($homePage->support) : ''}}</h6>
                    </div>
                </div>
                <div class="col-12 col-lg-3 col-md-3">
                    <div class="shipping_bocx">
                        <img src="{{ URL::asset('assets/admin/uploads/homePage/'.$homePage->icone_3) }}" class="img-fluid" alt="">
                        <h6>{{!empty($homePage->hundered_return) ? ucfirst($homePage->hundered_return) : ''}}</h6>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <section class="trending-sec">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>{{!empty($homePage->trending_product) ? ucfirst($homePage->trending_product) : ''}}</h2>
                </div>
            </div>
        </div>

        <div class="container-fluid p-0">
            <div class="row gy-4">
            

        <div class="trending_product">
            @if(!empty($trendingProducts))
               @foreach ($trendingProducts as $trendingPro)                      
                <div class="">
                    <div class="pro_box_main">
                        <a href="#">
                            <div class="all_pro" style="position: relative;">
                                <img src="{{ URL::asset('assets/admin/uploads/product/'.$trendingPro->product_image) }}" class="img-fluid" alt="">
                                <h6>NEW</h6>
                            </div>
                            <h4>{{ !empty($trendingPro->product_name) ? $trendingPro->product_name : '' }}</h4>
                            <p>$ {{ !empty($trendingPro->product_price) ? $trendingPro->product_price : '' }} </p>
                        </a>
                    </div>
                </div>
                
                @endforeach  
            @endif  

                {{-- <div class="">
                    <div class="pro_box_main">
                        <a href="pro-detail.php">
                            <div class="all_pro" style="position: relative;">
                                <img src="{{ URL::asset('assets/front/images/prod22.jpg') }}" class="img-fluid" alt="">
                                <h6>NEW</h6>
                            </div>
                            <h4>Lucky You</h4>
                            <p>$47.00</p>
                        </a>
                    </div>
                </div>

                <div class="">
                    <div class="pro_box_main">
                        <a href="pro-detail.php">
                            <div class="all_pro" style="position: relative;">
                                <img src="{{ URL::asset('assets/front/images/prod33.jpg') }}" class="img-fluid" alt="">
                                <h6>NEW</h6>
                            </div>
                            <h4>Curve Chill</h4>
                            <p>$55.00</p>
                        </a>
                    </div>
                </div>

                <div class="">
                    <div class="pro_box_main">
                        <a href="pro-detail.php">
                            <div class="all_pro" style="position: relative;">
                                <img src="{{ URL::asset('assets/front/images/prod44.jpg') }}" class="img-fluid" alt="">
                                <h6>NEW</h6>
                            </div>
                            <h4>Mambo</h4>
                            <p>$46.00</p>
                        </a>
                    </div>
                </div> 

                <div class="">
                    <div class="pro_box_main">
                        <a href="pro-detail.php">
                            <div class="all_pro" style="position: relative;">
                                <img src="{{ URL::asset('assets/front/images/prod11.jpg') }}" class="img-fluid" alt="">
                                <h6>SALE</h6>
                            </div>
                            <h4>Curve Crush</h4>
                            <p>$45.00</p>
                        </a>
                    </div>
                </div>
                
                <div class="">
                    <div class="pro_box_main">
                        <a href="pro-detail.php">
                            <div class="all_pro" style="position: relative;">
                                <img src="{{ URL::asset('assets/front/images/prod22.jpg') }}" class="img-fluid" alt="">
                                <h6>NEW</h6>
                            </div>
                            <h4>Lucky You</h4>
                            <p>$47.00</p>
                        </a>
                    </div>
                </div>

                <div class="">
                    <div class="pro_box_main">
                        <a href="pro-detail.php">
                            <div class="all_pro" style="position: relative;">
                                <img src="{{ URL::asset('assets/front/images/prod33.jpg') }}" class="img-fluid" alt="">
                                <h6>NEW</h6>
                            </div>
                            <h4>Curve Chill</h4>
                            <p>$55.00</p>
                        </a>
                    </div>
                </div>

                <div class="">
                    <div class="pro_box_main">
                        <a href="pro-detail.php">
                            <div class="all_pro" style="position: relative;">
                                <img src="{{ URL::asset('assets/front/images/prod44.jpg') }}" class="img-fluid" alt="">
                                <h6>NEW</h6>
                            </div>
                            <h4>Mambo</h4>
                            <p>$46.00</p>
                        </a>
                    </div>
                </div>  --}}
      
        </div>

             
                <div class="col-12">
                    <div class="pro_btn">
                        <a href="javascript:;">VIEW ALL</a>
                    </div>
                </div>
            </div>
        </div>


    </section>

    {{-- <section class="best_seller_sec">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>{{!empty(homePage->best_seller) ? ucfirst(homePage->best_seller) : }}</h2>
                </div>
            </div>


            <div class="row" style="row-gap: 16px;">
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="best_pro_box">
                        <a href="pro-detail.php">
                            <div class="box_img">
                                <img src="{{ URL::asset('assets/front/images/best1.png') }}" class="img-fluid" alt="">
                            </div>
                            <h6>Obsession</h6>
                            <p>$27.00</p>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="best_pro_box">
                        <a href="pro-detail.php">
                            <div class="box_img">
                                <img src="{{ URL::asset('assets/front/images/best2.png') }}" class="img-fluid" alt="">
                            </div>
                            <h6>Eternity</h6>
                            <p>$65.00</p>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="best_pro_box">
                        <a href="pro-detail.php">
                            <div class="box_img">
                                <img src="{{ URL::asset('assets/front/images/best1.png') }}" class="img-fluid" alt="">
                            </div>
                            <h6>Obsession</h6>
                            <p>$27.00</p>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="best_pro_box">
                        <a href="pro-detail.php">
                            <div class="box_img">
                                <img src="{{ URL::asset('assets/front/images/best2.png') }}" class="img-fluid" alt="">
                            </div>
                            <h6>Eternity</h6>
                            <p>$65.00</p>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="best_pro_box">
                        <a href="pro-detail.php">
                            <div class="box_img">
                                <img src="{{ URL::asset('assets/front/images/best1.png') }}" class="img-fluid" alt="">
                            </div>
                            <h6>Obsession</h6>
                            <p>$27.00</p>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="best_pro_box">
                        <a href="pro-detail.php">
                            <div class="box_img">
                                <img src="{{ URL::asset('assets/front/images/best2.png') }}" class="img-fluid" alt="">
                            </div>
                            <h6>Eternity</h6>
                            <p>$65.00</p>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="best_pro_box">
                        <a href="pro-detail.php">
                            <div class="box_img">
                                <img src="{{ URL::asset('assets/front/images/best1.png') }}" class="img-fluid" alt="">
                            </div>
                            <h6>Obsession</h6>
                            <p>$27.00</p>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="best_pro_box">
                        <a href="pro-detail.php">
                            <div class="box_img">
                                <img src="{{ URL::asset('assets/front/images/best2.png') }}" class="img-fluid" alt="">
                            </div>
                            <h6>Eternity</h6>
                            <p>$65.00</p>
                        </a>
                    </div>
                </div>
                <div class="col-12">
                    <div class="pro_btn" style="padding-top: 15px;">
                        <a href="javascript:;">VIEW ALL</a>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}



    <section class="best_seller_sec">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>{{!empty($homePage->best_seller) ? ucfirst($homePage->best_seller) : ''}}</h2>
                </div>
            </div>

            
            <div class="row" style="row-gap: 16px;">


                <div class="best_seller_slider">

                @if(!empty($bestSellerProducts))
                    @foreach ($bestSellerProducts as $bestSellerProduct)     
                        <div class="">
                            <div class="best_pro_box">
                                <a href="#">
                                    <div class="box_img">
                                        <img src="{{ URL::asset('assets/admin/uploads/product/'.$bestSellerProduct->product_image) }}" class="img-fluid" alt="">
                                    </div>
                                    <h6>{{ !empty($bestSellerProduct->product_name) ? ucfirst($bestSellerProduct->product_name) : '' }}</h6>
                                    <p>${{ !empty($bestSellerProduct->product_price) ? ucfirst($bestSellerProduct->product_price) : '' }}</p>
                                </a>
                            </div>
                        </div>
                    @endforeach  
                @endif  
                   

                    

                </div>


                <div class="col-12">
                    <div class="pro_btn" style="padding-top: 15px;">
                        <a href="javascript:;">VIEW ALL</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="slidr_sec">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>{{!empty($homePage->top_brand) ? ucfirst($homePage->top_brand) : ''}}</h2>
                </div>
                <div class="col-12">
                    <div class="slider_com">

                    @if(!empty($brands))
                      @foreach($brands as $brand)   
                        <div class="">
                            <img src="{{ URL::asset('assets/admin/uploads/brand/'.$brand->brand_image)}}" class="img-fluid" alt="">
                        </div>
                      @endforeach  
                    @endif
                        

                    </div>
                </div>
            </div>
        </div>
    </section>

    {{-- <section class="trending-sec">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>NEW ARRIVALS</h2>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row gy-4">


                <div class="col-12 col-md-6 col-lg-4">
                    <div class="pro_box_main">
                        <a href="pro-detail.php">
                            <div class="all_pro" style="position: relative;">
                                <img src="{{ URL::asset('assets/front/images/lastpro_2.png') }}" class="img-fluid" alt="">
                            </div>
                            <h4>lorem ispum</h4>
                            <p>$156.00</p>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="pro_box_main">
                        <a href="pro-detail.php">
                            <div class="all_pro" style="position: relative;">
                                <img src="{{ URL::asset('assets/front/images/lastpro_3.png') }}" class="img-fluid" alt="">
                            </div>
                            <h4>lorem ispum</h4>
                            <p>$156.00</p>
                        </a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-4">
                    <div class="pro_box_main">
                        <a href="pro-detail.php">
                            <div class="all_pro" style="position: relative;">
                                <img src="{{ URL::asset('assets/front/images/lastpro_4.png') }}" class="img-fluid" alt="">
                            </div>
                            <h4>lorem ispum</h4>
                            <p>$156.00</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}


    <section class="trending-sec">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>{{!empty($homePage->new_arrival) ? ucfirst($homePage->new_arrival) : ''}}</h2>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row gy-4">

                <div class="new_arrival_slider">
                @if(!empty($newArrivalProducts))
                    @foreach($newArrivalProducts as $newArrivalProd)
                    <div>
                        <div class="pro_box_main">
                            <a href="#">
                                <div class="all_pro" style="position: relative;">
                                    <img src="{{ URL::asset('assets/admin/uploads/product/'.$newArrivalProd->product_image) }}" class="img-fluid" alt="">
                                </div>
                                <h4>{{ !empty($newArrivalProd->product_name) ? ucfirst($newArrivalProd->product_name) : '' }}</h4>
                                <p>${{ !empty($newArrivalProd->product_price) ? $newArrivalProd->product_price : '' }}</p>
                            </a>
                        </div>
                    </div>
                    @endforeach
                @endif
                    

                </div>
                

            </div>
        </div>
    </section>

    <section class="home_gallery_sec">
        <div class="container-fluid p-0">
            <div class="row gy-4">
            @if($categories)
                @foreach($categories as $cate)
                @if(strtolower($cate->name) == 'women' || strtolower($cate->name) == 'men')   
                <div class="col-12 col-lg-6 p-0">
                    <div class="gallry_box">
                        <a href="#">
                            <img src="{{ URL::asset('assets/admin/uploads/category/'.$cate->image) }}" class="img-fluid" alt="">
                            <h2>{{ !empty($cate->name) ? ucfirst($cate->name) :  ''}}</h2>
                        </a>
                    </div>
                </div>
                @endif
                @endforeach
            @endif
                <!-- <div class="col-12 col-lg-6 p-0">
                    <div class="gallry_box">
                        <a href="men.php">
                            <img src="{{ URL::asset('assets/front/images/boy.png') }}" class="img-fluid" alt="">
                            <h2>MEN</h2>
                        </a>
                    </div>
                </div> -->

            </div>
            <div class="row">
                <div class="col-12">
                    <div class="pro_btn" style="padding-top: 15px;">
                        <a href="javascript:;">VIEW ALL</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>


@endsection