@if(count($bannerTypeMainBanner) > 0)
<section class="bg-transparent pb-3">
    <div class="position-relative">
        <div class="row no-gutters position-relative rtl">
{{--            @if ($categories->count() > 0 )--}}
{{--                <div class="col-xl-3 position-static d-none d-xl-block __top-slider-cate">--}}
{{--                    <div class="category-menu-wrap position-static">--}}
{{--                        <ul class="category-menu mt-0">--}}
{{--                            @foreach ($categories as $key=>$category)--}}
{{--                                <li>--}}
{{--                                    <a href="{{route('products',['category_id'=> $category['id'],'data_from'=>'category','page'=>1])}}">{{$category->name}}</a>--}}
{{--                                    @if ($category->childes->count() > 0)--}}
{{--                                        <div class="mega_menu z-2">--}}
{{--                                            @foreach ($category->childes as $sub_category)--}}
{{--                                                <div class="mega_menu_inner">--}}
{{--                                                    <h6><a href="{{route('products',['category_id'=> $sub_category['id'],'data_from'=>'category','page'=>1])}}">{{$sub_category->name}}</a></h6>--}}
{{--                                                    @if ($sub_category->childes->count() >0)--}}
{{--                                                        @foreach ($sub_category->childes as $sub_sub_category)--}}
{{--                                                            <div><a href="{{route('products',['category_id'=> $sub_sub_category['id'],'data_from'=>'category','page'=>1])}}">{{$sub_sub_category->name}}</a></div>--}}
{{--                                                        @endforeach--}}
{{--                                                    @endif--}}
{{--                                                </div>--}}
{{--                                            @endforeach--}}
{{--                                        </div>--}}
{{--                                    @endif--}}
{{--                                </li>--}}
{{--                            @endforeach--}}
{{--                            <li class="text-center">--}}
{{--                                <a href="{{route('categories')}}" class="text-primary font-weight-bold justify-content-center text-capitalize">--}}
{{--                                    {{translate('view_all')}}--}}
{{--                                </a>--}}
{{--                            </li>--}}
{{--                        </ul>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            @endif--}}

            <div class="col-12 col-xl-12 custom__top-slider-images">
                <div class="{{Session::get('direction') === "rtl" ? 'pr-xl-2' : 'pl-xl-2'}}">
                    <div class="owl-theme owl-carousel hero-slider">
                        @foreach($bannerTypeMainBanner as $key=>$banner)
                            <a href="{{ $banner['url'] }}" class="d-block" target="_blank">
                                <img
                                    src="{{ getStorageImages(path: $banner->photo_full_url, type: 'banner') }}"
                                    class="w-100 __slide-img"
                                    alt="Banner"
                                    loading="eager"
                                    decoding="async"
                                    width="1280"
                                    height="500"
                                >
                            </a>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif