@if ($customCategoriesProducts)
    @php
        $i = 0;
    @endphp
    @foreach ($customCategoriesProducts as $index => $category)
        @php
            $i++;
        @endphp
        <section class="section section-promotions df__pt df__pb secondary-bg position-relative">
            <div class="container">
                <div class="row wow fadeInUp position-relative">
                    <div class="col-12">
                        <div class="heading ">
                            <h3 class="subtitle subtitle-h3 ">Un large choix de burgers gourmands, préparés avec des
                                ingrédients frais et savoureux</h3>
                            <h2 class="title title-h2 title-h2-center">
                                {{ $category['name'] }}
                            </h2>
                        </div>
                    </div>
                    <div class="col-12 proposition-2 ">
                        <div class="promotions-swiper overflow-hidden ">
                            @php
                                $i = 0;
                            @endphp
                            <div class="swiper-wrapper">
                                @foreach ($category['products'] as $index => $promo)
                                    @php
                                        $i++;
                                    @endphp
                                    <div class="swiper-slide">
                                        <div class="promos-item item-bg-color">
                                            <div class="item-col">
                                                <div class="promos-content">
                                                    <h3 class="title title-h3 ">
                                                        {{ $promo['name'] }}
                                                    </h3>
                                                    <div class="promos-text">
                                                        <p class="text color-black balck-color">
                                                            {{ $promo['description'] }}</p>
                                                    </div>
                                                </div>
                                                <div class="mt-3 promos-img text-right text-end ">
                                                    <img src="{{ env('MIX_BASE_URL') . $promo['bankimage']['path_image'] }}"
                                                        class="lazy" alt="{{ $promo['name'] }} . 'Atelier Du Sushi'">
                                                    <div class="promos-btn">
                                                        <a href="{{ route('single-product', ['slug' => $promo['slug']]) }}"
                                                            class="buttons buttons-themex buttons-themex-border buttons-md">Commander</a>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <!-- If we need navigation buttons -->
                            <div
                                class="desktop-show swiper-position-right swiper-button-prev swiper-button-prev-promotion">
                            </div>
                            <div
                                class="desktop-show swiper-position-right swiper-button-next swiper-button-next-promotion">
                            </div>
                            <!-- If we need pagination -->
                            <div class="mobile-show swiper-pagination swiper-pagination-promotion"></div>
                        </div>
                    </div>


                </div>
            </div>
        </section>
    @endforeach
@endif