@use('Core\Localization\Locales')
@use('Modules\Portal\Paginas\Logic\Support\PaginaSlug')
@use('Core\Localization\LocalizedDate')
@use('Modules\Portal\Paginas\Logic\Enums\PaginaStatus')
@use('Modules\Portal\Paginas\Logic\Support\PaginaSeo')

{{--
    Formulário de página (P5.S3.1) — o módulo preenche **só** o `<main>` do shell do painel.

    - Título e SEO por locale (ADR-012): cada idioma é um campo próprio; o do idioma padrão é
      obrigatório e nenhum depende de JS.
    - Conteúdo rico pelo editor único do projeto (`<x-richtext::editor>`, ADR-028): o campo é um
      `<textarea>` com o **AST JSON** (o TipTap assume com JS; sem JS o JSON é editável).
    - Erros: resumo `role="alert"` (`x-cms::form-errors`) + mensagem no campo com `aria-invalid` e
      `aria-describedby`. A validação é **server-side** — a verdade é o request + a Action.
    - Visibilidade (S3.2): publicar/despublicar (`paginas.editar`) e arquivar
      (`paginas.arquivar`) são formulários `POST` próprios, fora do formulário de edição (sem
      `<form>` aninhado), com CSRF e o caminho sem JS. Só a transição válida para o estado atual é
      oferecida; o estado real é decidido no servidor (409 se mudou em outra sessão).
    - A prévia autenticada (`paginas.preview`) abre o documento no shell do portal em cada locale,
      sem publicar e sem indexação.
--}}

@php
    $isEdit = $pagina !== null;
    $primary = Locales::primary();
    $formTitle = $isEdit ? __('paginas::cms.form_title_edit') : __('paginas::cms.form_title_create');
    $action = $isEdit ? route('paginas.cms.update', $pagina) : route('paginas.cms.store');
    $robots = old('seo.robots', $form['robots']);
@endphp

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

    <x-cms::form-errors :title="__('paginas::cms.error_summary')" />

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

            <x-cms::fieldset
                id="pagina-title-fields"
                :legend="__('paginas::cms.title_field')"
                :description="__('paginas::cms.title_help')">
                @foreach (Locales::all() as $locale)
                    @php
                        $key = 'title.'.$locale;
                        $id = 'pagina-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="slug"
                :label="__('paginas::cms.slug_field')"
                :value="$pagina?->slug"
                :help="__('paginas::cms.slug_help')"
                :maxlength="PaginaSlug::MAX_LENGTH" />

            <div class="grid gap-2">
                <x-richtext::editor
                    name="content"
                    :locales="Locales::all()"
                    :translations="$form['content']"
                    :label="__('paginas::cms.content_field')"
                    module="Paginas" />
                <p class="text-sm opacity-70">{{ __('paginas::cms.content_help') }}</p>
            </div>

            <x-cms::fieldset
                id="pagina-seo-fields"
                :legend="__('paginas::cms.seo_field')"
                :description="__('paginas::cms.seo_hint')">
                @foreach (Locales::all() as $locale)
                    @php
                        $titleKey = 'seo.title.'.$locale;
                        $descriptionKey = 'seo.description.'.$locale;
                        $suffix = str_replace('_', '-', $locale);
                        $titleId = 'pagina-seo-title-'.$suffix;
                        $descriptionId = 'pagina-seo-description-'.$suffix;
                        $titleError = $errors->first($titleKey);
                        $descriptionError = $errors->first($descriptionKey);
                    @endphp

                    <div class="form-control w-full">
                        <label class="label" for="{{ $titleId }}">
                            <span class="label-text">{{ __('paginas::cms.seo_title_field') }} — {{ Locales::label($locale) }}</span>
                        </label>
                        <input
                            id="{{ $titleId }}"
                            name="seo[title][{{ $locale }}]"
                            type="text"
                            maxlength="{{ PaginaSeo::MAX_TITLE }}"
                            value="{{ old($titleKey, $form['seoTitle'][$locale] ?? '') }}"
                            @if (filled($titleError)) aria-invalid="true" aria-describedby="{{ $titleId }}-error" @endif
                            class="input input-bordered w-full">
                        @if (filled($titleError))
                            <span id="{{ $titleId }}-error" class="label-text-alt text-error" role="alert">{{ $titleError }}</span>
                        @endif
                    </div>

                    <div class="form-control w-full">
                        <label class="label" for="{{ $descriptionId }}">
                            <span class="label-text">{{ __('paginas::cms.seo_description_field') }} — {{ Locales::label($locale) }}</span>
                        </label>
                        <textarea
                            id="{{ $descriptionId }}"
                            name="seo[description][{{ $locale }}]"
                            rows="2"
                            maxlength="{{ PaginaSeo::MAX_DESCRIPTION }}"
                            @if (filled($descriptionError)) aria-invalid="true" aria-describedby="{{ $descriptionId }}-error" @endif
                            class="textarea textarea-bordered w-full">{{ old($descriptionKey, $form['seoDescription'][$locale] ?? '') }}</textarea>
                        @if (filled($descriptionError))
                            <span id="{{ $descriptionId }}-error" class="label-text-alt text-error" role="alert">{{ $descriptionError }}</span>
                        @endif
                    </div>
                @endforeach

                <label class="form-control w-full">
                    <span class="label"><span class="label-text">{{ __('paginas::cms.seo_robots_field') }}</span></span>
                    <select name="seo[robots]" class="select select-bordered w-full">
                        <option value="" @selected($robots === null)>{{ __('paginas::cms.robots_default') }}</option>
                        <option value="{{ PaginaSeo::ROBOTS_NOINDEX }}" @selected($robots === PaginaSeo::ROBOTS_NOINDEX)>
                            {{ __('paginas::cms.robots_noindex') }}
                        </option>
                    </select>
                </label>
            </x-cms::fieldset>

            <div class="flex flex-wrap items-center gap-2">
                <x-cms::button type="submit" variant="primary">{{ __('paginas::cms.save') }}</x-cms::button>
                <x-cms::button variant="ghost" :href="route('paginas.cms.index')">{{ __('paginas::cms.cancel') }}</x-cms::button>
            </div>
        </form>
    </x-cms::card>

    @if ($isEdit)
        <section class="mt-8 rounded-xl border border-civic-border bg-surface p-4" aria-labelledby="pagina-state-title">
            <h2 id="pagina-state-title" class="text-xl font-bold">{{ __('paginas::cms.state_title') }}</h2>
            <p class="mt-1 text-sm opacity-70">
                {{ __('paginas::cms.state_hint', ['url' => route('paginas.portal.show', ['slug' => $pagina->slug])]) }}
            </p>

            <p class="mt-3 flex flex-wrap items-center gap-2">
                <x-cms::status-badge
                    :status="$pagina->status->value"
                    :label="__('paginas::cms.status_'.$pagina->status->value)" />
                @if ($pagina->published_at)
                    <span class="text-sm opacity-70">{{ LocalizedDate::dateTime($pagina->published_at) }}</span>
                @endif
            </p>

            @if ($canPublish || $canArchive)
                <div class="mt-4 flex flex-wrap items-start gap-6">
                    @if ($canPublish && $pagina->status === PaginaStatus::Rascunho)
                        <form method="post" action="{{ route('paginas.cms.publish', $pagina) }}" class="grid gap-1">
                            @csrf
                            <x-cms::button type="submit" variant="primary">{{ __('paginas::cms.publish') }}</x-cms::button>
                            <p class="max-w-xs text-xs opacity-70">{{ __('paginas::cms.publish_hint') }}</p>
                        </form>
                    @endif

                    @if ($canPublish && $pagina->status === PaginaStatus::Publicado)
                        <form method="post" action="{{ route('paginas.cms.unpublish', $pagina) }}" class="grid gap-1">
                            @csrf
                            <x-cms::button type="submit" variant="secondary">{{ __('paginas::cms.unpublish') }}</x-cms::button>
                            <p class="max-w-xs text-xs opacity-70">{{ __('paginas::cms.unpublish_hint') }}</p>
                        </form>
                    @endif

                    @if ($canArchive && $pagina->status !== PaginaStatus::Arquivado)
                        <form method="post" action="{{ route('paginas.cms.archive', $pagina) }}" class="grid gap-1">
                            @csrf
                            <x-cms::button type="submit" variant="ghost">{{ __('paginas::cms.archive') }}</x-cms::button>
                            <p class="max-w-xs text-xs opacity-70">{{ __('paginas::cms.archive_hint') }}</p>
                        </form>
                    @endif
                </div>
            @endif

            @if ($canPreview)
                <div class="mt-6">
                    <h3 class="text-sm font-semibold uppercase tracking-wide">{{ __('paginas::cms.preview') }}</h3>
                    <p class="mt-1 text-sm opacity-70">{{ __('paginas::cms.preview_hint') }}</p>
                    <ul class="mt-2 flex flex-wrap gap-3" role="list">
                        @foreach (Locales::all() as $locale)
                            <li>
                                <a href="{{ route('paginas.preview', ['pagina' => $pagina, 'locale' => $locale]) }}" class="link link-hover">
                                    {{ Locales::label($locale) }}
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @if ($pagina->status === PaginaStatus::Publicado)
                <p class="mt-4">
                    <a href="{{ route('paginas.portal.show', ['slug' => $pagina->slug]) }}" class="link link-hover">
                        <x-ui::icon name="external-link" class="h-4 w-4" />
                        <span>{{ __('paginas::cms.view_public') }}</span>
                    </a>
                </p>
            @endif
        </section>
    @endif
</x-layout::cms>