@use('Core\Localization\LocalizedDate')

{{--
    Detalhe/atendimento de um DSAR no painel (ADR-019). O título (h1) é do shell; o módulo usa seções (h2).
--}}
<x-layout::cms
    :title="$dsar->protocol"
    :breadcrumbs="[
        ['label' => __('lgpd::menu.title'), 'url' => route('lgpd.cms.index')],
        ['label' => $dsar->protocol],
    ]">
    @if (session('status'))
        <x-cms::alert variant="success">{{ session('status') }}</x-cms::alert>
    @endif

    <x-cms::card>
        <dl class="grid gap-4 sm:grid-cols-2">
            <div>
                <dt class="text-sm font-semibold uppercase tracking-wide text-civic-outline">{{ __('lgpd::cms.col_type') }}</dt>
                <dd>{{ __('lgpd::index.type_'.$dsar->type) }}</dd>
            </div>
            <div>
                <dt class="text-sm font-semibold uppercase tracking-wide text-civic-outline">{{ __('lgpd::cms.col_status') }}</dt>
                <dd><span class="badge">{{ __('lgpd::cms.status_'.$dsar->status) }}</span></dd>
            </div>
            <div>
                <dt class="text-sm font-semibold uppercase tracking-wide text-civic-outline">{{ __('lgpd::cms.submitted_at') }}</dt>
                <dd>{{ LocalizedDate::dateTime($dsar->created_at) }}</dd>
            </div>
            <div>
                <dt class="text-sm font-semibold uppercase tracking-wide text-civic-outline">{{ __('lgpd::cms.due_at') }}</dt>
                <dd>
                    {{ LocalizedDate::dateTime($dsar->due_at) }}
                    @if ($dsar->isOverdue($now))
                        <span class="badge badge-error">{{ __('lgpd::cms.overdue') }}</span>
                    @endif
                </dd>
            </div>
            <div>
                <dt class="text-sm font-semibold uppercase tracking-wide text-civic-outline">{{ __('lgpd::cms.name') }}</dt>
                <dd>{{ $dsar->name }}</dd>
            </div>
            <div>
                <dt class="text-sm font-semibold uppercase tracking-wide text-civic-outline">{{ __('lgpd::cms.email') }}</dt>
                <dd>{{ $dsar->email }}</dd>
            </div>
        </dl>

        @if ($dsar->description)
            <div class="mt-6">
                <h2 class="text-lg font-bold text-civic-ink">{{ __('lgpd::cms.description') }}</h2>
                <p class="mt-1 whitespace-pre-line">{{ $dsar->description }}</p>
            </div>
        @endif

        @if ($dsar->isAnonymized())
            <p class="mt-6 rounded-lg border border-civic-border bg-surface p-4 text-civic-outline">
                {{ __('lgpd::cms.anonymized_note') }}
            </p>
        @endif
    </x-cms::card>

    <div class="mt-4">
        <x-cms::card>
            <h2 class="text-lg font-bold text-civic-ink">{{ __('lgpd::cms.response_title') }}</h2>

            <form method="post" action="{{ route('lgpd.cms.update', $dsar) }}" class="mt-4 grid gap-4">
                @csrf
                @method('PUT')

                <label class="form-control w-full">
                    <span class="label"><span class="label-text">{{ __('lgpd::cms.status_field') }}</span></span>
                    <select name="status" class="select select-bordered w-full">
                        @foreach ($statuses as $status)
                            <option value="{{ $status }}" @selected(old('status', $dsar->status) === $status)>{{ __('lgpd::cms.status_'.$status) }}</option>
                        @endforeach
                    </select>
                    @error('status')
                        <span class="label-text-alt text-error" role="alert">{{ $message }}</span>
                    @enderror
                </label>

                <div class="form-control w-full">
                    <label class="label" for="field-response">
                        <span class="label-text">{{ __('lgpd::cms.response_field') }}</span>
                    </label>
                    <textarea id="field-response" name="response_note" rows="5" class="textarea textarea-bordered w-full">{{ old('response_note', $dsar->response_note) }}</textarea>
                    <span class="label-text-alt">{{ __('lgpd::cms.response_help') }}</span>
                    @error('response_note')
                        <span class="label-text-alt text-error" role="alert">{{ $message }}</span>
                    @enderror
                </div>

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

    <div class="mt-4">
        <x-cms::card>
            <h2 class="text-lg font-bold text-civic-ink">{{ __('lgpd::cms.legal_hold_title') }}</h2>
            <p class="mt-1 text-civic-outline">{{ __('lgpd::cms.legal_hold_help') }}</p>
            <p class="mt-2 font-semibold">
                {{ $dsar->legal_hold ? __('lgpd::cms.legal_hold_active') : __('lgpd::cms.legal_hold_inactive') }}
            </p>

            <form method="post" action="{{ route('lgpd.cms.legal_hold', $dsar) }}" class="mt-4">
                @csrf
                <input type="hidden" name="legal_hold" value="{{ $dsar->legal_hold ? '0' : '1' }}">
                <x-cms::button type="submit" :variant="$dsar->legal_hold ? 'ghost' : 'warning'">
                    {{ $dsar->legal_hold ? __('lgpd::cms.legal_hold_release') : __('lgpd::cms.legal_hold_apply') }}
                </x-cms::button>
            </form>

            @error('legal_hold')
                <span class="label-text-alt text-error" role="alert">{{ $message }}</span>
            @enderror
        </x-cms::card>
    </div>
</x-layout::cms>