{{--
    Canal do titular (DSAR) — ADR-019. Formulário nativo, funciona sem JavaScript (ADR-010);
    honeypot + time-trap na validação (ADR-021).
--}}
<x-layout::portal
    preset="padrao"
    :title="__('lgpd::index.title')"
    :description="__('lgpd::index.lead')"
    :breadcrumbs="[
        ['label' => __('layout::shell.home'), 'url' => localized_url('/')],
        ['label' => __('lgpd::index.title')],
    ]"
>
    <div class="flex flex-col gap-2 border-b border-civic-border pb-6">
        <h1 class="text-3xl font-extrabold tracking-tight text-civic-ink">{{ __('lgpd::index.title') }}</h1>
        <p class="text-civic-outline">{{ __('lgpd::index.lead') }}</p>
    </div>

    @if ($errors->any())
        <div class="mt-6 rounded-xl border-2 border-error bg-surface p-4" role="alert">
            <p class="font-semibold text-civic-ink">{{ __('lgpd::index.error_summary') }}</p>
        </div>
    @endif

    <form method="post" action="{{ route('lgpd.dsar.store') }}" class="mt-6 grid gap-6">
        @csrf

        <fieldset class="rounded-xl border border-civic-border bg-surface p-4">
            <legend class="px-2 font-semibold text-civic-ink">{{ __('lgpd::index.type_field') }}</legend>

            <div class="mt-2 grid gap-3 sm:grid-cols-2">
                @foreach ($types as $type)
                    <label class="flex min-h-11 items-center gap-3">
                        <input type="radio" name="type" value="{{ $type }}" @checked(old('type') === $type) required class="radio">
                        <span>{{ __('lgpd::index.type_'.$type) }}</span>
                    </label>
                @endforeach
            </div>

            @error('type')
                <span class="mt-1 block text-sm text-error" role="alert">{{ $message }}</span>
            @enderror
        </fieldset>

        <div class="form-control w-full">
            <label class="label" for="field-name">
                <span class="label-text">{{ __('lgpd::index.name_field') }}</span>
            </label>
            <input id="field-name" name="name" type="text" value="{{ old('name') }}" required autocomplete="name" class="input input-bordered w-full" @error('name') aria-invalid="true" aria-describedby="error-name" @enderror>
            @error('name')
                <span id="error-name" class="label-text-alt text-error" role="alert">{{ $message }}</span>
            @enderror
        </div>

        <div class="form-control w-full">
            <label class="label" for="field-email">
                <span class="label-text">{{ __('lgpd::index.email_field') }}</span>
            </label>
            <input id="field-email" name="email" type="email" value="{{ old('email') }}" required autocomplete="email" class="input input-bordered w-full" @error('email') aria-invalid="true" aria-describedby="error-email" @enderror>
            @error('email')
                <span id="error-email" class="label-text-alt text-error" role="alert">{{ $message }}</span>
            @enderror
        </div>

        <div class="form-control w-full">
            <label class="label" for="field-description">
                <span class="label-text">{{ __('lgpd::index.description_field') }}</span>
            </label>
            <textarea id="field-description" name="description" rows="5" aria-describedby="help-description" class="textarea textarea-bordered w-full">{{ old('description') }}</textarea>
            <span id="help-description" class="label-text-alt">{{ __('lgpd::index.description_help') }}</span>
            @error('description')
                <span class="label-text-alt text-error" role="alert">{{ $message }}</span>
            @enderror
        </div>

        <label class="flex items-center gap-3">
            <input type="checkbox" name="declaracao" value="1" @checked(old('declaracao')) required class="checkbox">
            <span class="text-sm text-civic-outline">{{ __('lgpd::index.declaracao_label') }}</span>
        </label>
        @error('declaracao')
            <span class="text-sm text-error" role="alert">{{ $message }}</span>
        @enderror

        {{-- Antispam: honeypot + carimbo de abertura (ADR-021). Nunca visível/focalizável. --}}
        <div class="sr-only" aria-hidden="true">
            <label for="field-website">{{ __('lgpd::index.honeypot_label') }}</label>
            <input id="field-website" name="website" type="text" tabindex="-1" autocomplete="off">
        </div>
        <input type="hidden" name="opened_at" value="{{ now()->timestamp }}">

        <p class="text-sm text-civic-outline">
            <a href="{{ route('lgpd.privacy') }}" class="link link-hover">{{ __('lgpd::index.privacy_link') }}</a>
        </p>

        <div>
            <button type="submit" class="btn btn-primary min-h-11">{{ __('lgpd::index.submit') }}</button>
        </div>
    </form>
</x-layout::portal>