{{--
    Logo Strip: logos scroll slowly and continuously from right to left (e.g. award badges).
    CSS only (see _carousel-logos.scss), no slider script. The list is printed twice so the
    loop is seamless; the second copy is hidden from screen readers.
    Uses each slide's Image, Alt Text, Title Tag and (optional) URL. Columns and aspect
    ratio settings are ignored for this type.
--}}
@php
    $logos = $sub->subcomponents
        ->filter(function ($slide) { return !empty($slide->image); })
        ->sortBy(function ($slide) { return [$slide->sort_order ?? PHP_INT_MAX, $slide->id]; })
        ->values();
@endphp

@if($logos->count())
    <div class="logo-strip {{ $item->classes ?? '' }}" id="logo-strip-{{ $sub->id }}">
        <div class="logo-strip__track" style="--logo-count: {{ $logos->count() }};">
            @foreach([false, true] as $isCopy)
                @foreach($logos as $logo)
                    <div class="logo-strip__item" @if($isCopy) aria-hidden="true" @endif>
                        @if(!empty($logo->url))
                            <a href="{{ $logo->url }}" @if($isCopy) tabindex="-1" @endif>
                        @endif
                        <img class="logo-strip__logo" src="{{ $logo->image }}"
                             alt="{{ $isCopy ? '' : ($logo->alt_text ?? '') }}"
                             title="{{ $logo->title_tag ?? '' }}">
                        @if(!empty($logo->url))
                            </a>
                        @endif
                    </div>
                @endforeach
            @endforeach
        </div>
    </div>
@endif