@extends('front.layout.master')
@section('content')
    <main class="main-content">

        <div
                class="hero-section"
                data-aos="fade-up"
                data-aos-duration="1000"
                data-aos-delay="100"
        >
            <div class="container">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        @foreach($decodedData['data']['slider'] as $slider)
                            <div class="swiper-slide">
                                <div class="item">
                                    <img src="{{$slider['image']}}" alt="hero" />
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="swiper-pagination hero-swiper-pagination"></div>
                </div>
            </div>
        </div>
        <div class="most-applied">
            <div class="container">
                <div
                        class="g-head"
                        data-aos="fade-up"
                        data-aos-duration="1000"
                        data-aos-delay="100"
                >
                    <h3>@lang('messages.most_applied')</h3>
                    <a href="#">@lang('messages.view_all')</a>
                </div>
                <div
                        class="swiper productsSwiper"
                        data-aos="fade-up"
                        data-aos-duration="1000"
                        data-aos-delay="200"
                >
                    <div class="swiper-wrapper">
                        @foreach($decodedData['data']['seller_product'] as $seller)
                            <div class="swiper-slide">
                                <div class="product-block">
                                    <div class="block-img">
                                        <img src="{{$seller['image_path']}}" alt="product" />
                                        <a href="{{route('products-details',['id'=>$seller['id'] , 'slug' => str_replace(' ','-',$seller['name'])])}}"></a>
                                        <span>
                      <b>{{$seller['precentage']}}%</b>
                      <br />
                      @lang('messages.discount')
                    </span>
                                    </div>
                                    <div class="block-info">
                                        <div class="merchant-area">
                                            @lang('messages.from')
                                            <a href="{{route('my-branchDetials' ,$seller['Branch_id'])}}">{{$seller['Branch_name']}}</a>
                                        </div>
                                        <div class="product-name">
                                            <a href="{{route('products-details',['id'=>$seller['id'] , 'slug' => str_replace(' ','-',$seller['name'])])}}">{{$seller['name']}}</a>
                                        </div>
                                        <div class="product-footer">
                                            <div class="product-price">
                                                <span> {{$seller['discount']}} <b>@lang('messages.kd')</b> </span>
                                                <span> {{$seller['mainprice']}}<b>@lang('messages.kd')</b> </span>
                                            </div>
                                            <button type="button" class="add-to-fav">
                                                <img src="{{asset('front/images/heart.svg')}}" alt="heart" />
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="swiper-pagination products-swiper-pagination"></div>
                </div>
            </div>
        </div>
        <div class="most-applied">
            <div class="container">
                <div
                        class="g-head"
                        data-aos="fade-up"
                        data-aos-duration="1000"
                        data-aos-delay="100"
                >
                    <h3>@lang('messages.latest_additions')</h3>
                    <a href="#">@lang('messages.view_all')</a>
                </div>
                <div
                        class="swiper productsSwiper"
                        data-aos="fade-up"
                        data-aos-duration="1000"
                        data-aos-delay="200"
                >
                    <div class="swiper-wrapper">
                        @foreach($decodedData['data']['latest_product'] as $latest)
                            <div class="swiper-slide">
                                <div class="product-block">
                                    <div class="block-img">
                                        <img src="{{$latest['image_path']}}" alt="product" />
                                        <a href="{{route('products-details',['id'=>$latest['id'] , 'slug' => str_replace(' ','-',$latest['name'])])}}"></a>
                                        <span>
                      <b>{{$latest['precentage']}}%</b>
                      <br />
                      @lang('messages.discount')
                    </span>
                                    </div>
                                    <div class="block-info">
                                        <div class="merchant-area">
                                            @lang('messages.from')
                                            <a href="{{route('my-branchDetials' ,$latest['Branch_id'])}}">{{$latest['Branch_name']}}</a>
                                        </div>
                                        <div class="product-name">
                                            <a href="{{route('products-details',['id'=>$latest['id'] , 'slug' => str_replace(' ','-',$latest['name'])])}}">{{$latest['name']}}</a>
                                        </div>
                                        <div class="product-footer">
                                            <div class="product-price">
                                                <span> {{$latest['discount']}} <b>@lang('messages.kd')</b> </span>
                                                <span> {{$latest['mainprice']}}<b>@lang('messages.kd')</b> </span>
                                            </div>
                                            <button type="button" class="add-to-fav">
                                                <img src="{{asset('front/images/heart.svg')}}" alt="heart" />
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="swiper-pagination products-swiper-pagination"></div>
                </div>
            </div>
        </div>
        <div class="categories">
            <div class="container">
                <div class="row">
                    @foreach($decodedData['data']['banner'] as $banner)
                        <div
                                class="col-lg-6 col-md-12"
                                data-aos="fade-left"
                                data-aos-duration="1000"
                                data-aos-delay="100"
                        >
                            <div class="category-block">
                                    
                                @if($banner['type'] == 'product')