@php
    $brandItems = \App\Models\RepairService::query()
        ->brands()
        ->active()
        ->available()
        ->ordered()
        ->get();

    $locale = app()->getLocale();
    $itemsUrl = route('site.items.index', ['locale' => $locale]);

    $rowA = $brandItems->all();
    $rowB = $brandItems->reverse()->values()->all();
@endphp

@if ($brandItems->isNotEmpty())
    <section class="site-brand-marquee" aria-label="{{ __('site.brand_marquee_aria') }}">
        <p class="site-brand-marquee__heading">{{ __('site.brand_marquee_heading') }}</p>

        <div class="site-brand-marquee__scroller desktop:hidden" role="list">
            @foreach ($rowA as $brand)
                <a href="{{ $itemsUrl }}" class="site-brand-marquee__chip" title="{{ locale_field($brand, 'summary') }}">
                    @if ($brand->image && str_contains((string) $brand->image, '.'))
                        <img
                            src="{{ asset('storage/'.$brand->image) }}"
                            alt="{{ locale_field($brand, 'name') }}"
                            class="site-brand-marquee__chip-logo"
                            loading="lazy"
                            decoding="async"
                        />
                    @endif
                    <span>{{ locale_field($brand, 'name') }}</span>
                </a>
            @endforeach
        </div>

        <div class="site-brand-marquee__viewport hidden desktop:flex" aria-hidden="true">
            <div class="site-brand-marquee__row site-brand-marquee__row--forward">
                @foreach (array_merge($rowA, $rowA) as $brand)
                    <a href="{{ $itemsUrl }}" class="site-brand-marquee__chip" title="{{ locale_field($brand, 'summary') }}">
                        @if ($brand->image && str_contains((string) $brand->image, '.'))
                            <img
                                src="{{ asset('storage/'.$brand->image) }}"
                                alt="{{ locale_field($brand, 'name') }}"
                                class="site-brand-marquee__chip-logo"
                                loading="lazy"
                                decoding="async"
                            />
                        @endif
                        <span>{{ locale_field($brand, 'name') }}</span>
                    </a>
                @endforeach
            </div>
            <div class="site-brand-marquee__row site-brand-marquee__row--reverse">
                @foreach (array_merge($rowB, $rowB) as $brand)
                    <a href="{{ $itemsUrl }}" class="site-brand-marquee__chip" title="{{ locale_field($brand, 'summary') }}">
                        @if ($brand->image && str_contains((string) $brand->image, '.'))
                            <img
                                src="{{ asset('storage/'.$brand->image) }}"
                                alt="{{ locale_field($brand, 'name') }}"
                                class="site-brand-marquee__chip-logo"
                                loading="lazy"
                                decoding="async"
                            />
                        @endif
                        <span>{{ locale_field($brand, 'name') }}</span>
                    </a>
                @endforeach
            </div>
        </div>
    </section>
@endif