@if(!empty($logos['items']))
    <section class="logos" aria-label="Clients" @sectionTone($logos['style'] ?? [])>
        <div class="container">
            <p class="logos__label"><x-editable path="logos.label">{{ $logos['label'] ?? '' }}</x-editable></p>
        </div>
        <div class="marquee">
            <div class="marquee__track">
                @for($pass = 0; $pass < 2; $pass++)
                    <div class="marquee__group" @if($pass === 1) aria-hidden="true" @endif>
                        @foreach($logos['items'] as $logo)
                            @php
                                $name = is_array($logo) ? ($logo['name'] ?? '') : $logo;
                                $image = is_array($logo) ? ($logo['image'] ?? '') : '';
                            @endphp
                            <span class="marquee__item{{ $image ? ' marquee__item--image' : '' }}">
                                @if($image)
                                    <img class="marquee__logo" src="{{ $image }}" alt="{{ $name }}" loading="lazy">
                                @else
                                    <span data-edit="logos.items.{{ $loop->index }}.name">{{ $name }}</span>
                                @endif
                            </span>
                        @endforeach
                    </div>
                @endfor
            </div>
        </div>
    </section>
@endif