@php
    use Illuminate\Support\Str;
@endphp

<section class="section-our-partners">
    <div class="our-partners">
        <div class="title-our-partners">
            <h2 class="text-center">Our Partners</h2>
        </div>

        <div id="carouselExample" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-inner">
                @foreach ($brands->chunk(8) as $index => $brandGroup)
                    <div class="carousel-item {{ $index == 0 ? 'active' : '' }}">
                        <div class="d-flex justify-content-between">
                            @foreach ($brandGroup as $brand)
                                @php
                                    // build seo slug: "asus-94"
                                    $slug = Str::slug(($brand['nombre'] ?? 'brand') . '-' . $brand['id']);
                                @endphp

                                <a href="{{ route('website.products.brand', ['brandSlug' => $slug]) }}">
                                    <img src="{{ $brand['url_logo'] }}"
                                         class="img-fluid"
                                         alt="{{ $brand['nombre'] ?? 'Brand' }} logo"
                                         style="width: 150px">
                                </a>
                            @endforeach
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</section>