{{--
    Фотографии объекта.

    ⚠️ Разметка работает и без скрипта: главный снимок — обычная картинка,
    миниатюры — ссылки на файлы. Скрипт добавляет переключение и просмотр
    поверх страницы. Поэтому карточка товара не остаётся без фотографий,
    если он не загрузился.
--}}
@if ($files === [])
    <div class="kz-gallery kz-gallery--empty" aria-hidden="true"></div>
@else
    <div class="kz-gallery" data-kz-gallery @if ($zoom) data-kz-zoom @endif>
        <div class="kz-gallery__stage">
            <img class="kz-gallery__image"
                 src="{{ $files[0]['url'] }}"
                 alt="{{ $alt }}"
                 data-kz-gallery-main>
        </div>

        @if ($thumbs && count($files) > 1)
            <div class="kz-gallery__thumbs">
                @foreach ($files as $index => $file)
                    <a class="kz-gallery__thumb {{ $index === 0 ? 'is-active' : '' }}"
                       href="{{ $file['url'] }}"
                       data-kz-gallery-thumb>
                        <img src="{{ $file['url'] }}" alt="" loading="lazy">
                    </a>
                @endforeach
            </div>
        @endif
    </div>

    {{-- Скрипт нужен и переключению миниатюр, и увеличению: без снимков
         на выбор и без увеличения делать ему нечего. --}}
    @if ($zoom || count($files) > 1)
        <script src="{{ $script }}" defer></script>
    @endif
@endif