@php
    use App\Utils\Helpers;
@endphp
<section class="banner">
    <div class="container">
        <div class="card moble-border-0">
            <div class="p-0 p-sm-3 m-sm-1">
                <div class="row g-3">
                    <div class="col-xl-3 col-lg-4 d-none d-xl-block">
                        <div class="">
                            <ul class="dropdown-menu dropdown-menu--static bs-dropdown-min-width--auto">
                                @foreach($categories as $key=>$category)
                                    <li class="{{ $category->childes->count() > 0 ? 'menu-item-has-children' : '' }}">
                                        <a href="{{route('products',['category_id'=> $category['id'],'data_from'=>'category','page'=>1])}}">
                                            {{$category['name']}}
                                        </a>
                                        @if ($category->childes->count() > 0)
                                            <ul class="sub-menu">
                                                @foreach($category['childes'] as $subCategory)
                                                    <li class="{{ $subCategory->childes->count()>0 ? 'menu-item-has-children' : '' }}">
                                                        <a href="{{route('products',['category_id'=> $subCategory['id'],'data_from'=>'category','page'=>1])}}">
                                                            {{$subCategory['name']}}
                                                        </a>
                                                        @if($subCategory->childes->count()>0)
                                                            <ul class="sub-menu">
                                                                @foreach($subCategory['childes'] as $subSubCategory)
                                                                    <li>
                                                                        <a href="{{route('products',['category_id'=> $subSubCategory['id'],'data_from'=>'category','page'=>1])}}">
                                                                            {{$subSubCategory['name']}}
                                                                        </a>
                                                                    </li>
                                                                @endforeach
                                                            </ul>
                                                        @endif
                                                    </li>
                                                @endforeach
                                            </ul>
                                        @endif
                                    </li>
                                @endforeach
                                <li class="d-flex justify-content-center mt-3 py-0">
                                    <a href="{{route('products',['data_from'=>'latest'])}}"
                                       class="btn-link text-primary">
                                        {{ translate('view_all') }}
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="row g-2 g-sm-3 mt-lg-0">
                            <div class="col-12">
                                <div class="swiper-container shadow-sm rounded">
                                    <div class="swiper" data-swiper-loop="true"
                                         data-swiper-navigation-next="null" data-swiper-navigation-prev="null">
                                        <div class="swiper-wrapper">
                                            @foreach($bannerTypeMainBanner as $key=>$banner)
                                                <div class="swiper-slide">
                                                    <a href="{{ $banner['url'] }}" class="h-100">
                                                        <img loading="lazy" alt="" class="dark-support rounded"
                                                            src="{{ getStorageImages(path:$banner['photo_full_url'], type:'banner') }}">
                                                    </a>
                                                </div>
                                            @endforeach
                                            @if(count($bannerTypeMainBanner)==0)
                                                <img src="{{ theme_asset('assets/img/image-place-holder-2_1.png') }}"
                                                     loading="lazy" alt="" class="dark-support rounded">
                                            @endif
                                        </div>
                                        <div class="swiper-pagination"></div>
                                    </div>
                                </div>
                            </div>
                            @foreach($bannerTypeFooterBanner as $key=>$banner)
                                <div class="col-6 d-none d-sm-block">
                                    <a href="{{ $banner['url'] }}" class="ad-hover h-100">
                                        <img src="{{  getStorageImages(path:$banner['photo_full_url'], type:'banner') }}"
                                             loading="lazy" alt="" class="dark-support rounded w-100 img-fit">
                                    </a>
                                </div>
                            @endforeach
                            @if(count($bannerTypeFooterBanner)==0)
                                <div class="col-6 d-none d-sm-block">
                                    <span class="ad-hover h-100">
                                        <img src="{{ getStorageImages(path: null, type:'banner') }}"
                                             loading="lazy" alt=""
                                             class="dark-support rounded w-100 img-fit">
                                    </span>
                                </div>
                                <div class="col-6 d-none d-sm-block">
                                    <span class="ad-hover h-100">
                                        <img src="{{ getStorageImages(path: null, type:'banner') }}"
                                             loading="lazy" alt=""
                                             class="dark-support rounded w-100 img-fit">
                                    </span>
                                </div>
                            @endif
                            @if(count($bannerTypeFooterBanner)==1)
                                <div class="col-6 d-none d-sm-block">
                                    <span class="ad-hover h-100">
                                        <img src="{{ getStorageImages(path: null, type:'banner') }}"
                                             loading="lazy" alt=""
                                             class="dark-support rounded w-100">
                                    </span>
                                </div>
                            @endif
                        </div>
                    </div>

                    @if(count($random_coupon)>0)
                        <div class="col-xl-3 d-none d-sm-block">
                            <div class="bg-primary-light rounded p-3 mt-lg-3">
                                <h3 class="text-primary my-3">{{ translate('Happy_Club') }}</h3>
                                <p>{{ translate('collect_coupons_from_stores_and_apply_to_get_special_discount_from_stores') }}</p>
                                <div class="d-flex flex-wrap gap-3">
                                    @foreach($random_coupon as $coupon)
                                        <div
                                            class="club-card card custom-border-color hover-shadow flex-grow-1 click-to-copy-code"
                                            data-copy-code="{{ $coupon->code }}">
                                            <div class="d-flex flex-column gap-2 p-3">
                                                <h5 class="d-flex gap-2 align-items-center">
                                                    @if($coupon->coupon_type == 'free_delivery')
                                                        {{translate($coupon->coupon_type)}}
                                                        <img src="{{ theme_asset('assets/img/svg/delivery-car.svg') }}"
                                                             alt="" class="svg">
                                                    @else
                                                        {{ $coupon->discount_type == 'amount' ? webCurrencyConverter($coupon->discount) : $coupon->discount.'%'}}
                                                        {{translate('off')}}
                                                        <img src="{{ theme_asset('assets/img/svg/dollar.svg') }}" alt=""
                                                             class="svg">
                                                    @endif
                                                </h5>
                                                <h6 class="fs-12">
                                                    <span class="text-muted">{{ translate('for') }}</span>
                                                    <span class="text-uppercase ">
                                                    @if($coupon->seller_id == '0')
                                                            {{ translate('All_Shops') }}
                                                        @elseif($coupon->seller_id == NULL)
                                                            <a class="shop-name" href="{{route('shopView',['id'=>0])}}">
                                                            {{ $web_config['company_name'] }}
                                                        </a>
                                                        @else
                                                            <a class="shop-name get-view-by-onclick"
                                                              data-link="{{isset($coupon->seller->shop) ? route('shopView',['id'=>$coupon->seller->shop['id']]) : 'javascript:'}}">
                                                            {{ isset($coupon->seller->shop) ? $coupon->seller->shop->name : translate('shop_not_found') }}
                                                        </a>
                                                        @endif
                                                </span>
                                                </h6>
                                                <h6 class="text-primary fs-12">{{ translate('code').':' }}{{ $coupon->code }}</h6>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="col-xl-3 d-none d-sm-block">
                            @if($bannerTypeTopSideBanner)
                                <a href="{{ $bannerTypeTopSideBanner['url'] }}">
                                    <img alt="" class="dark-support rounded w-100"
                                        src="{{ getStorageImages(path: $bannerTypeTopSideBanner['photo_full_url'], type:'banner', source: theme_asset('assets/img/top-side-banner-placeholder.png')) }}">
                                </a>
                            @else
                                <img src="{{ theme_asset('assets/img/top-side-banner-placeholder.png') }}"
                                     class="dark-support rounded w-100" alt="">
                            @endif
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>