@extends('layouts.app')

@section('content')
<div class="space-y-6">
    <div class="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
        <div>
            <h1 class="text-2xl font-semibold text-gray-900 dark:text-white">Fechamento anual</h1>
            <p class="text-sm text-gray-600 dark:text-gray-400">Consolide o histórico escolar com segurança jurídica.</p>
        </div>
    </div>

    @if (session('success'))
        <div class="rounded-lg border border-success-200 bg-success-50 px-4 py-3 text-sm text-success-700">
            {{ session('success') }}
        </div>
    @endif
    @if (session('error'))
        <div class="rounded-lg border border-error-200 bg-error-50 px-4 py-3 text-sm text-error-700">
            {{ session('error') }}
        </div>
    @endif

    <x-common.component-card title="Configurações">
        <form method="get" class="grid gap-4 md:grid-cols-3">
            <div>
                <label class="mb-1.5 block text-sm font-medium text-gray-700">Escola</label>
                <select name="school_id" class="h-11 w-full rounded-lg border border-gray-300 px-4 text-sm">
                    @foreach ($schools as $school)
                        <option value="{{ $school->id }}" {{ (string) $selectedSchool === (string) $school->id ? 'selected' : '' }}>{{ $school->name }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="mb-1.5 block text-sm font-medium text-gray-700">Ano</label>
                <input type="number" name="year" value="{{ $year }}" min="2000" max="2100" class="h-11 w-full rounded-lg border border-gray-300 px-4 text-sm" />
            </div>
            <div class="flex items-end">
                <button class="rounded-lg border border-gray-200 px-4 py-2 text-sm font-medium text-gray-700">Atualizar</button>
            </div>
        </form>
    </x-common.component-card>

    <x-common.component-card title="Checklist automático">
        <div class="space-y-3 text-sm text-gray-700">
            <div class="flex items-center gap-3">
                <input type="checkbox" disabled {{ $checklist['notes']['ok'] ? 'checked' : '' }} />
                <span>Todas as notas foram lançadas? <span class="text-xs text-gray-500">{{ $checklist['notes']['message'] ?? '' }}</span></span>
            </div>
            <div class="flex items-center gap-3">
                <input type="checkbox" disabled {{ $checklist['periods']['ok'] ? 'checked' : '' }} />
                <span>Todos os períodos de avaliação estão encerrados? <span class="text-xs text-gray-500">{{ $checklist['periods']['message'] ?? '' }}</span></span>
            </div>
            <div class="flex items-center gap-3">
                <input type="checkbox" disabled {{ $checklist['descriptions']['ok'] ? 'checked' : '' }} />
                <span>Existem alunos sem parecer descritivo? <span class="text-xs text-gray-500">{{ $checklist['descriptions']['message'] ?? '' }}</span></span>
            </div>
        </div>
    </x-common.component-card>

    @php($canClose = $checklist['notes']['ok'] && $checklist['periods']['ok'] && $checklist['descriptions']['ok'] && ($closure?->status !== 'fechado'))
    <x-common.component-card title="Ação de fechamento">
        <div class="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
            <div>
                <p class="text-sm text-gray-600">Status atual: <strong>{{ $closure?->status ?? 'aberto' }}</strong></p>
                <p class="text-xs text-gray-500">Após o fechamento, o boletim passa a usar o histórico consolidado.</p>
            </div>
            <form method="post" action="{{ route('fechamento-anual.store') }}">
                @csrf
                <input type="hidden" name="school_id" value="{{ $selectedSchool }}">
                <input type="hidden" name="year" value="{{ $year }}">
                <button class="rounded-lg bg-brand-500 px-4 py-2 text-sm font-medium text-white hover:bg-brand-600 disabled:cursor-not-allowed disabled:bg-gray-300" {{ $canClose ? '' : 'disabled' }}>
                    Executar Snapshot
                </button>
            </form>
        </div>
        @if (!$canClose)
            <p class="mt-3 text-xs text-gray-500">Finalize o checklist para habilitar o fechamento.</p>
        @endif
    </x-common.component-card>
</div>
@endsection