{{--
    Formulário de perfil de layout (ADR-016): pilha ordenada por slot + agendamento opcional.
    Sem JS o formulário funciona (linhas extras em branco viram itens); o shell é do painel.
    Erro de validação aparece em **resumo** (`role="alert"`, pelo `<x-cms::alert>`) e no **campo**
    que falhou (`aria-invalid` + `aria-describedby` apontando para o resumo) — WCAG 3.3.1/ADR-025.
--}}
@php
    $toInput = static fn (?string $value): string => is_string($value) && $value !== ''
        ? str_replace(' ', 'T', substr($value, 0, 16))
        : '';
@endphp
<x-layout::cms
    :title="__('layout-service::cms.title')"
    :breadcrumbs="[
        ['label' => __('layout-service::cms.title'), 'url' => route('layout.cms.index')],
        ['label' => $profile ? __('layout-service::cms.edit') : __('layout-service::cms.new')],
    ]">
    <form method="post" action="{{ $profile ? route('layout.cms.update', $profile) : route('layout.cms.store') }}">
        @csrf
        @if ($profile)
            @method('put')
        @endif

        @if ($errors->any())
            <x-cms::alert id="form-errors" variant="error" class="mb-6">
                <p class="font-semibold">{{ __('layout-service::cms.error_summary') }}</p>
                <ul class="mt-2 list-disc ps-6">
                    @foreach ($errors->all() as $message)
                        <li>{{ $message }}</li>
                    @endforeach
                </ul>
            </x-cms::alert>
        @endif

        <x-cms::form-group
            name="scope"
            :label="__('layout-service::cms.scope')"
            :value="$profile?->scope ?? $scope ?? '*'"
            :help="__('layout-service::cms.scope_hint')"
            required
            maxlength="120"
            class="max-w-md" />

        <label class="label cursor-pointer justify-start gap-3">
            <input type="checkbox" name="is_active" value="1" class="checkbox" @checked(old('is_active', $profile?->is_active ?? true))>
            <span class="label-text">{{ __('layout-service::cms.active') }}</span>
        </label>

        <fieldset class="mt-6">
            <legend class="font-bold">{{ __('layout-service::cms.placements') }}</legend>
            <p class="text-sm">{{ __('layout-service::cms.placements_hint') }}</p>

            @foreach ($rows as $index => $row)
                <div class="mt-3 grid gap-2 md:grid-cols-5">
                    <label class="form-control">
                        <span class="label"><span class="label-text">{{ __('layout-service::cms.widget') }}</span></span>
                        <select name="placements[{{ $index }}][widget]" class="select select-bordered"
                                @error("placements.{$index}.widget") aria-invalid="true" aria-describedby="form-errors" @enderror>
                            <option value="">{{ __('layout-service::cms.none') }}</option>
                            @foreach ($widgets as $id => $widget)
                                <option value="{{ $id }}" @selected(($row['widget'] ?? '') === $id)>{{ __($widget->title()) }}</option>
                            @endforeach
                        </select>
                    </label>
                    <label class="form-control">
                        <span class="label"><span class="label-text">{{ __('layout-service::cms.slot') }}</span></span>
                        <select name="placements[{{ $index }}][slot]" class="select select-bordered"
                                @error("placements.{$index}.slot") aria-invalid="true" aria-describedby="form-errors" @enderror>
                            @foreach ($rowSlots[$index] ?? $slots as $slot)
                                <option value="{{ $slot }}" @selected(($row['slot'] ?? ($rowSlots[$index][0] ?? null)) === $slot)>{{ $slot }}</option>
                            @endforeach
                        </select>
                    </label>
                    <label class="form-control">
                        <span class="label"><span class="label-text">{{ __('layout-service::cms.order') }}</span></span>
                        <input type="number" name="placements[{{ $index }}][ordem]" value="{{ $row['ordem'] ?? 0 }}" min="0" max="999" class="input input-bordered"
                               @error("placements.{$index}.ordem") aria-invalid="true" aria-describedby="form-errors" @enderror>
                    </label>
                    <label class="form-control">
                        <span class="label"><span class="label-text">{{ __('layout-service::cms.starts_at') }}</span></span>
                        <input type="datetime-local" name="placements[{{ $index }}][inicio]" value="{{ $toInput($row['inicio'] ?? null) }}" class="input input-bordered"
                               @error("placements.{$index}.inicio") aria-invalid="true" aria-describedby="form-errors" @enderror>
                    </label>
                    <label class="form-control">
                        <span class="label"><span class="label-text">{{ __('layout-service::cms.ends_at') }}</span></span>
                        <input type="datetime-local" name="placements[{{ $index }}][fim]" value="{{ $toInput($row['fim'] ?? null) }}" class="input input-bordered"
                               @error("placements.{$index}.fim") aria-invalid="true" aria-describedby="form-errors" @enderror>
                    </label>
                </div>
            @endforeach
        </fieldset>

        <div class="mt-6 flex gap-3">
            <button type="submit" class="btn btn-primary">{{ __('layout-service::cms.save') }}</button>
            <a href="{{ route('layout.cms.index') }}" class="btn">{{ __('layout-service::cms.cancel') }}</a>
        </div>
    </form>
</x-layout::cms>