{{--
    Вывод значений полей объекта по объявлению компонента.

    Универсальный шаблон нужен компонентам из конструктора: тип, собранный
    в админке, обязан что-то показывать на сайте сразу, не дожидаясь, пока
    кто-то напишет ему Blade. Как только вёрстка нужна своя, модуль или тема
    объявляет собственный шаблон, и этот перестаёт использоваться.

    Пара «подпись — значение» размечается тем же словарём, что и таблица
    характеристик товара (kz-props): базовому слою всё равно, откуда пришло
    поле — из конструктора или из модуля каталога.
--}}
@php
    // Пустая обёртка не печатается: у объекта может не оказаться ни одного
    // заполненного поля, а базовый слой дал бы ей отступы на пустом месте.
    $visible = [];

    foreach ($component->fields() as $key => $field) {
        $value = $item->{$key};

        if ($value === null || $value === '' || $value === [] || in_array($key, $skip ?? [], true)) {
            continue;
        }

        $visible[$key] = $field;
    }
@endphp

@if ($visible !== [])
<div class="kz-props kz-props--fields">
    @foreach ($visible as $key => $field)
        @php($value = $item->{$key})

        <div class="kz-props__row kz-props__row--{{ $field->kind->value }}">
            @if (! ($hideLabels ?? false))
                <span class="kz-props__name">{{ $field->label }}</span>
            @endif

            @switch ($field->kind->value)
                @case ('html')
                    <div class="kz-props__value">@kzhtml($value)</div>
                    @break

                @case ('bool')
                    <span class="kz-props__value">{{ $value ? 'да' : 'нет' }}</span>
                    @break

                @case ('image')
                @case ('file')
                @case ('gallery')
                    <span class="kz-props__value">
                        @foreach ($item->mediaOf($key) as $file)
                            @if ($file->isImage())
                                <img class="kz-props__image" src="{{ $file->url() }}"
                                     alt="{{ $file->alt ?? '' }}" loading="lazy">
                            @else
                                <a class="kz-props__file" href="{{ $file->url() }}" target="_blank" rel="noopener">
                                    {{ $file->name }}
                                </a>
                            @endif
                        @endforeach
                    </span>
                    @break

                @case ('date')
                    <span class="kz-props__value">
                        {{ $value instanceof \DateTimeInterface ? $value->format('d.m.Y') : $value }}
                    </span>
                    @break

                @case ('datetime')
                    <span class="kz-props__value">
                        {{ $value instanceof \DateTimeInterface ? $value->format('d.m.Y H:i') : $value }}
                    </span>
                    @break

                @case ('multiselect')
                @case ('rows')
                    <span class="kz-props__value">{{ implode(', ', (array) $value) }}</span>
                    @break

                @default
                    <span class="kz-props__value">{{ $value }}</span>
            @endswitch
        </div>
    @endforeach
</div>
@endif