@use('Core\Localization\Locales')
@use('Modules\Portal\Destaques\Logic\Enums\DestaqueSlot')
@use('Modules\Portal\Destaques\Logic\Support\DestaqueLink')

{{--
    Formulário de destaque (P5.S4.1) — o módulo informa `title`/`breadcrumbs` e preenche **só** o
    `<main>` do shell do painel (ADR-009/ADR-016).

    - Título por locale (ADR-012): o do idioma padrão é obrigatório; nenhum campo depende de JS.
    - A imagem é o **id do catálogo** Media (ADR-026) — nada de caminho/URL/HTML; o `alt` é
      obrigatório (a11y) e o destino só aceita caminho interno ou `https` (validação server-side).
    - Slot/ordem são a pilha pública; a janela de vigência usa `datetime-local` (fuso da aplicação).
    - Erros: resumo `role="alert"` (`x-cms::form-errors`) + mensagem no campo com `aria-invalid` e
      `aria-describedby`. Peça arquivada é imutável: a tela mostra os valores e as ações de estado.
--}}

@php
    $isEdit = $destaque !== null;
    $primary = Locales::primary();
    $editable = $isEdit ? $canEdit : true;
    $formTitle = $isEdit ? __('destaques::cms.form_title_edit') : __('destaques::cms.form_title_create');
    $action = $isEdit ? route('destaques.cms.update', $destaque) : route('destaques.cms.store');
    $slotValue = old('slot', $form['slot']);
@endphp

<x-layout::cms
    :title="$formTitle"
    :breadcrumbs="[
        ['label' => __('destaques::index.title'), 'url' => route('destaques.cms.index')],
        ['label' => $formTitle],
    ]">
    @if (session('status'))
        <x-cms::alert variant="success">{{ session('status') }}</x-cms::alert>
    @endif

    @if ($isEdit && $destaque->isArchived())
        <x-cms::alert variant="info">{{ __('destaques::cms.archived_readonly') }}</x-cms::alert>
    @endif

    @if ($editable)
        <x-cms::form-errors :title="__('destaques::cms.error_summary')" />

        <x-cms::card>
            <form method="post" action="{{ $action }}" class="grid gap-6" data-dirty-guard>
                @csrf
                @if ($isEdit)
                    @method('PUT')
                @endif

                <x-cms::fieldset
                    id="destaque-title-fields"
                    :legend="__('destaques::cms.title_field')"
                    :description="__('destaques::cms.title_help')">
                    @foreach (Locales::all() as $locale)
                        @php
                            $key = 'title.'.$locale;
                            $id = 'destaque-title-'.str_replace('_', '-', $locale);
                            $error = $errors->first($key);
                            $value = old($key, $form['title'][$locale] ?? '');
                        @endphp

                        <div class="form-control w-full">
                            <label class="label" for="{{ $id }}">
                                <span class="label-text">
                                    {{ Locales::label($locale) }}@if ($locale === $primary)<span aria-hidden="true"> *</span>@endif
                                </span>
                            </label>
                            <input
                                id="{{ $id }}"
                                name="title[{{ $locale }}]"
                                type="text"
                                maxlength="255"
                                value="{{ $value }}"
                                @if ($locale === $primary) required @endif
                                @if (filled($error)) aria-invalid="true" aria-describedby="{{ $id }}-error" @endif
                                class="input input-bordered w-full">
                            @if (filled($error))
                                <span id="{{ $id }}-error" class="label-text-alt text-error" role="alert">{{ $error }}</span>
                            @endif
                        </div>
                    @endforeach
                </x-cms::fieldset>

                <x-cms::form-group
                    name="image_id"
                    :label="__('destaques::cms.image_field')"
                    :value="$form['imageId']"
                    :help="__('destaques::cms.image_help')"
                    required
                    maxlength="36" />

                <x-cms::form-group
                    name="alt"
                    :label="__('destaques::cms.alt_field')"
                    :value="$form['alt']"
                    :help="__('destaques::cms.alt_help')"
                    required
                    :maxlength="200" />

                <x-cms::form-group
                    name="link"
                    type="text"
                    :label="__('destaques::cms.link_field')"
                    :value="$form['link']"
                    :help="__('destaques::cms.link_help')"
                    :maxlength="DestaqueLink::MAX_LENGTH"
                    inputmode="url" />

                @php
                    $slotError = $errors->first('slot');
                @endphp
                <div class="form-control w-full">
                    <label class="label" for="field-slot">
                        <span class="label-text">
                            {{ __('destaques::cms.slot_field') }}<span aria-hidden="true"> *</span>
                        </span>
                    </label>
                    <select
                        id="field-slot"
                        name="slot"
                        required
                        @if (filled($slotError)) aria-invalid="true" aria-describedby="field-slot-error" @endif
                        class="select select-bordered w-full">
                        @foreach (DestaqueSlot::cases() as $slot)
                            <option value="{{ $slot->value }}" @selected($slotValue === $slot->value)>{{ __($slot->labelKey()) }}</option>
                        @endforeach
                    </select>
                    <span id="field-slot-help" class="label-text-alt">{{ __('destaques::cms.slot_help') }}</span>
                    @if (filled($slotError))
                        <span id="field-slot-error" class="label-text-alt text-error" role="alert">{{ $slotError }}</span>
                    @endif
                </div>

                <x-cms::form-group
                    name="position"
                    type="number"
                    :label="__('destaques::cms.position_field')"
                    :value="$form['position']"
                    :help="__('destaques::cms.position_help')"
                    min="0"
                    max="9999" />

                <x-cms::fieldset
                    id="destaque-window-fields"
                    :legend="__('destaques::cms.window_field')"
                    :description="__('destaques::cms.window_help')">
                    @foreach (['starts_at' => 'startsAt', 'ends_at' => 'endsAt'] as $field => $key)
                        @php
                            $id = 'field-'.str_replace('_', '-', $field);
                            $error = $errors->first($field);
                            $value = old($field, $form[$key]);
                        @endphp

                        <div class="form-control w-full">
                            <label class="label" for="{{ $id }}">
                                <span class="label-text">
                                    {{ $field === 'starts_at' ? __('destaques::cms.starts_at_field') : __('destaques::cms.ends_at_field') }}
                                </span>
                            </label>
                            <input
                                id="{{ $id }}"
                                name="{{ $field }}"
                                type="datetime-local"
                                value="{{ $value }}"
                                @if (filled($error)) aria-invalid="true" aria-describedby="{{ $id }}-error" @endif
                                class="input input-bordered w-full">
                            @if (filled($error))
                                <span id="{{ $id }}-error" class="label-text-alt text-error" role="alert">{{ $error }}</span>
                            @endif
                        </div>
                    @endforeach
                </x-cms::fieldset>

                <div class="form-control">
                    <label class="label cursor-pointer justify-start gap-3" for="field-active">
                        <input type="hidden" name="active" value="0">
                        <input
                            id="field-active"
                            name="active"
                            type="checkbox"
                            value="1"
                            @checked(old('active', $form['active']))
                            class="checkbox checkbox-primary">
                        <span class="label-text">{{ __('destaques::cms.active_field') }}</span>
                    </label>
                    <span class="label-text-alt">{{ __('destaques::cms.active_help') }}</span>
                </div>

                <x-cms::form-actions>
                    <x-slot:secondary>
                        <x-cms::button variant="ghost" :href="route('destaques.cms.index')">{{ __('destaques::cms.cancel') }}</x-cms::button>
                    </x-slot:secondary>

                    <x-cms::button type="submit" variant="primary">{{ __('destaques::cms.save') }}</x-cms::button>
                </x-cms::form-actions>
            </form>
        </x-cms::card>
    @else
        <x-cms::card>
            <dl class="grid gap-3 sm:grid-cols-2">
                <div>
                    <dt class="text-sm font-semibold">{{ __('destaques::cms.title_field') }}</dt>
                    <dd>{{ $destaque?->title }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-semibold">{{ __('destaques::cms.slot_field') }}</dt>
                    <dd>{{ $destaque?->slot !== null ? __($destaque->slot->labelKey()) : '' }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-semibold">{{ __('destaques::cms.alt_field') }}</dt>
                    <dd>{{ $destaque?->alt }}</dd>
                </div>
                <div>
                    <dt class="text-sm font-semibold">{{ __('destaques::cms.link_field') }}</dt>
                    <dd>{{ $destaque?->link ?? __('destaques::cms.link_none') }}</dd>
                </div>
            </dl>

            <p class="mt-4">
                <x-cms::button variant="ghost" :href="route('destaques.cms.index')">{{ __('destaques::cms.back') }}</x-cms::button>
            </p>
        </x-cms::card>
    @endif

    @if ($isEdit && ($canEdit || $canArchive))
        <section class="mt-8 rounded-xl border border-civic-border bg-surface p-4" aria-labelledby="destaque-state-title">
            <h2 id="destaque-state-title" class="text-xl font-bold">{{ __('destaques::cms.state_title') }}</h2>
            <p class="mt-1 text-sm opacity-70">{{ __('destaques::cms.state_hint') }}</p>

            <div class="mt-4 flex flex-wrap items-start gap-6">
                @if ($canEdit)
                    <form method="post" action="{{ route($destaque->active ? 'destaques.cms.deactivate' : 'destaques.cms.activate', $destaque) }}" class="grid gap-1">
                        @csrf
                        <x-cms::button type="submit" variant="secondary">
                            {{ $destaque->active ? __('destaques::cms.deactivate') : __('destaques::cms.activate') }}
                        </x-cms::button>
                        <p class="max-w-xs text-xs opacity-70">{{ __('destaques::cms.active_help') }}</p>
                    </form>
                @endif

                @if ($canArchive)
                    <x-cms::confirm
                        id="destaque-archive-form"
                        :action="route('destaques.cms.archive', $destaque)"
                        :title="__('destaques::cms.archive')"
                        :label="__('destaques::cms.archive')"
                        :message="__('destaques::cms.archive_confirm', ['title' => $destaque->title ?? $destaque->alt])"
                        :confirm-label="__('destaques::cms.archive')"
                        variant="ghost" />
                @endif
            </div>
        </section>
    @endif
</x-layout::cms>