@php
    /** @var \App\Models\Sector $sector */
    /** @var \App\Data\SectorDeletePreview $preview */
@endphp

<x-app-layout>

<x-page.header title="Confirmar exclusão da área" />

@if (session('error'))
    <x-ui.alert type="error" class="mb-4">
        {{ session('error') }}
    </x-ui.alert>
@endif

<x-page.card>
    <p class="text-sm text-gray-600">
        Revise o que será removido antes de confirmar. Esta ação é <strong>irreversível</strong>.
    </p>

    <dl class="mt-4 grid gap-2 text-sm">
        <div class="flex gap-2">
            <dt class="font-medium text-gray-700 shrink-0">Área:</dt>
            <dd class="text-gray-900">{{ $preview->sectorName }}</dd>
        </div>
    </dl>

    @if ($preview->hasTrainingGroups())
        <div class="mt-6">
            <h2 class="text-sm font-semibold text-gray-900">
                Grupos de treinamento que serão excluídos ({{ $preview->trainingGroupCount() }})
            </h2>
            <ul class="mt-2 max-h-56 space-y-2 overflow-y-auto rounded-lg border border-amber-200 bg-amber-50 p-3 text-sm text-amber-950">
                @foreach ($preview->trainingGroups as $group)
                    <li>
                        <span class="font-medium">{{ $group->name }}</span>
                        @if ($group->questionBatteryCount > 0 || $group->traineeProfileCount > 0)
                            <span class="text-amber-800">
                                —
                                @if ($group->questionBatteryCount > 0)
                                    {{ $group->questionBatteryCount }} bateria(s) ficarão sem grupo vinculado
                                @endif
                                @if ($group->questionBatteryCount > 0 && $group->traineeProfileCount > 0)
                                    ;
                                @endif
                                @if ($group->traineeProfileCount > 0)
                                    {{ $group->traineeProfileCount }} participante(s) ficarão sem grupo vinculado
                                @endif
                            </span>
                        @endif
                    </li>
                @endforeach
            </ul>
        </div>
    @else
        <p class="mt-4 text-sm text-gray-600">Nenhum grupo de treinamento vinculado a esta área.</p>
    @endif

    @if ($preview->usersInSectorCount > 0)
        <p class="mt-4 text-sm text-gray-600">
            <strong>{{ $preview->usersInSectorCount }}</strong>
            usuário(s) têm esta área como setor no cadastro; eles <strong>não</strong> serão excluídos, apenas ficarão sem setor definido.
        </p>
    @endif

    @if (! $preview->canDelete())
        <x-ui.alert type="error" class="mt-6">
            {{ $preview->blockReason() }}
        </x-ui.alert>
        <div class="mt-6">
            <a href="{{ route($indexRoute) }}" class="text-sm font-medium text-gray-700 hover:text-gray-900">
                ← Voltar
            </a>
        </div>
    @else
        <form
            method="post"
            action="{{ route($destroyRoute, $sector) }}"
            class="mt-6 space-y-4 border-t border-gray-200 pt-6"
            x-data
            x-on:submit="if (!confirm('Confirma a exclusão permanente da área{{ $preview->hasTrainingGroups() ? ' e dos grupos listados' : '' }}?')) { $event.preventDefault(); }"
        >
            @csrf
            @method('DELETE')

            @if ($preview->hasTrainingGroups())
                <label class="flex items-start gap-2 text-sm text-gray-800">
                    <input
                        type="checkbox"
                        name="acknowledge_training_groups"
                        value="1"
                        required
                        class="mt-0.5 rounded border-gray-300 text-red-600 focus:ring-red-500"
                    />
                    <span>
                        Entendo que os <strong>{{ $preview->trainingGroupCount() }} grupo(s)</strong> acima serão
                        <strong>excluídos permanentemente</strong> junto com a área.
                    </span>
                </label>
                <x-form.error name="acknowledge_training_groups" />
            @endif

            <label class="flex items-start gap-2 text-sm text-gray-800">
                <input
                    type="checkbox"
                    name="confirm"
                    value="1"
                    required
                    class="mt-0.5 rounded border-gray-300 text-red-600 focus:ring-red-500"
                />
                <span>
                    Entendo que a área <strong>«{{ $preview->sectorName }}»</strong> será
                    <strong>excluída permanentemente</strong>.
                </span>
            </label>
            <x-form.error name="confirm" />

            <div class="flex flex-wrap items-center gap-3 pt-2">
                <a href="{{ route($indexRoute) }}" class="text-sm font-medium text-gray-700 hover:text-gray-900">
                    Cancelar
                </a>
                <x-ui.button type="submit" class="!bg-red-600 hover:!bg-red-700">
                    Excluir área{{ $preview->hasTrainingGroups() ? ' e grupos' : '' }}
                </x-ui.button>
            </div>
        </form>
    @endif
</x-page.card>

</x-app-layout>