@php
    /** @var \App\Data\SectorBulkDeletePreview $preview */
    /** @var array<int> $sectorIds */
@endphp

<x-app-layout>

<x-page.header title="Confirmar exclusão em lote" />

@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>.
        Você selecionou <strong>{{ $preview->count() }}</strong> área(s).
    </p>

    @foreach ($preview->items as $item)
        <section class="mt-6 rounded-lg border border-gray-200 p-4">
            <h2 class="text-sm font-semibold text-gray-900">{{ $item->sectorName }}</h2>

            @if (! $item->canDelete())
                <x-ui.alert type="error" class="mt-3">
                    {{ $item->blockReason() }}
                </x-ui.alert>
            @elseif ($item->hasTrainingGroups())
                <p class="mt-2 text-sm text-gray-600">
                    {{ $item->trainingGroupCount() }} grupo(s) de treinamento serão excluídos:
                </p>
                <ul class="mt-2 max-h-40 space-y-1 overflow-y-auto rounded-lg border border-amber-200 bg-amber-50 p-3 text-sm text-amber-950">
                    @foreach ($item->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)
                                    @endif
                                    @if ($group->questionBatteryCount > 0 && $group->traineeProfileCount > 0)
                                        ;
                                    @endif
                                    @if ($group->traineeProfileCount > 0)
                                        {{ $group->traineeProfileCount }} participante(s) sem grupo
                                    @endif
                                </span>
                            @endif
                        </li>
                    @endforeach
                </ul>
            @else
                <p class="mt-2 text-sm text-gray-500">Sem grupos de treinamento vinculados.</p>
            @endif

            @if ($item->usersInSectorCount > 0)
                <p class="mt-2 text-xs text-gray-500">
                    {{ $item->usersInSectorCount }} usuário(s) ficarão sem setor definido (não serão excluídos).
                </p>
            @endif
        </section>
    @endforeach

    @if ($preview->totalUsersInSectorCount() > 0)
        <p class="mt-4 text-sm text-gray-600">
            No total, <strong>{{ $preview->totalUsersInSectorCount() }}</strong> usuário(s) ficarão sem setor no cadastro.
        </p>
    @endif

    @if (! $preview->allCanDelete())
        <x-ui.alert type="error" class="mt-6">
            Remova da seleção as áreas bloqueadas acima ou volte à listagem e escolha outras áreas.
        </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) }}"
            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 de {{ $preview->count() }} área(s){{ $preview->hasAnyTrainingGroups() ? ' e dos grupos listados' : '' }}?')) { $event.preventDefault(); }"
        >
            @csrf
            @method('DELETE')

            @foreach ($sectorIds as $id)
                <input type="hidden" name="sector_ids[]" value="{{ $id }}" />
            @endforeach

            @if ($preview->hasAnyTrainingGroups())
                <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->totalTrainingGroupCount() }} grupo(s)</strong> listados serão
                        <strong>excluídos permanentemente</strong> junto com as áreas.
                    </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 as <strong>{{ $preview->count() }} área(s)</strong> selecionadas serão
                    <strong>excluídas 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 {{ $preview->count() }} área(s){{ $preview->hasAnyTrainingGroups() ? ' e grupos' : '' }}
                </x-ui.button>
            </div>
        </form>
    @endif
</x-page.card>

</x-app-layout>