@extends('layouts.app')

@section('title', 'Inscrire un élève')
@section('heading', 'Inscrire un élève')
@section('subheading', "Année scolaire {$year->name}")

@section('content')
    <div class="mb-3">
        <a href="{{ route('students.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>Retour à la liste
        </a>
    </div>

    @if ($classes->isEmpty())
        <div class="alert alert-warning">
            <i class="bi bi-exclamation-triangle me-2"></i>
            Aucune classe n'est ouverte pour cette année : créez d'abord une classe.
        </div>
    @else
        <form method="POST" action="{{ route('students.store') }}" novalidate>
            @csrf

            <div class="row g-3">
                <div class="col-lg-7">
                    <div class="card">
                        <div class="card-header bg-white fw-semibold">
                            <i class="bi bi-person me-2"></i>Identité de l'élève
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label for="first_name" class="form-label">Prénom <span class="text-danger">*</span></label>
                                    <input id="first_name" name="first_name" type="text"
                                           class="form-control @error('first_name') is-invalid @enderror"
                                           value="{{ old('first_name') }}" required autofocus>
                                    @error('first_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

                                <div class="col-md-6">
                                    <label for="last_name" class="form-label">Nom <span class="text-danger">*</span></label>
                                    <input id="last_name" name="last_name" type="text"
                                           class="form-control @error('last_name') is-invalid @enderror"
                                           value="{{ old('last_name') }}" required>
                                    @error('last_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

                                <div class="col-md-4">
                                    <label for="gender" class="form-label">Sexe</label>
                                    <select id="gender" name="gender"
                                            class="form-select @error('gender') is-invalid @enderror">
                                        <option value="">Non renseigné</option>
                                        <option value="F" @selected(old('gender') === 'F')>Fille</option>
                                        <option value="M" @selected(old('gender') === 'M')>Garçon</option>
                                    </select>
                                    @error('gender')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

                                <div class="col-md-4">
                                    <label for="date_of_birth" class="form-label">Date de naissance</label>
                                    <input id="date_of_birth" name="date_of_birth" type="date"
                                           class="form-control @error('date_of_birth') is-invalid @enderror"
                                           value="{{ old('date_of_birth') }}">
                                    @error('date_of_birth')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    {{-- Volontairement facultative : l'acte de naissance manque
                                         souvent à l'inscription et ne doit pas bloquer le dossier. --}}
                                    <div class="form-text">Facultative si l'acte n'est pas encore fourni.</div>
                                </div>

                                <div class="col-md-4">
                                    <label for="place_of_birth" class="form-label">Lieu de naissance</label>
                                    <input id="place_of_birth" name="place_of_birth" type="text"
                                           class="form-control @error('place_of_birth') is-invalid @enderror"
                                           value="{{ old('place_of_birth') }}">
                                    @error('place_of_birth')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

                                <div class="col-12">
                                    <label for="address" class="form-label">Adresse</label>
                                    <input id="address" name="address" type="text"
                                           class="form-control @error('address') is-invalid @enderror"
                                           value="{{ old('address') }}" placeholder="Ex. Delmas 33, rue Mercier">
                                    @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

                                <div class="col-md-6">
                                    <label for="phone" class="form-label">Téléphone</label>
                                    <input id="phone" name="phone" type="tel"
                                           class="form-control @error('phone') is-invalid @enderror"
                                           value="{{ old('phone') }}" placeholder="+509 XXXX-XXXX">
                                    @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>

                                <div class="col-md-6">
                                    <label for="email" class="form-label">E-mail</label>
                                    <input id="email" name="email" type="email"
                                           class="form-control @error('email') is-invalid @enderror"
                                           value="{{ old('email') }}">
                                    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-5">
                    <div class="card">
                        <div class="card-header bg-white fw-semibold">
                            <i class="bi bi-diagram-3 me-2"></i>Inscription
                        </div>
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="class_id" class="form-label">Classe <span class="text-danger">*</span></label>
                                <select id="class_id" name="class_id"
                                        class="form-select @error('class_id') is-invalid @enderror" required>
                                    <option value="">Sélectionner…</option>
                                    @foreach ($classes as $class)
                                        <option value="{{ $class->id }}" @selected(old('class_id') === $class->id)>
                                            {{ $class->name }} ({{ $class->section->label() }})
                                        </option>
                                    @endforeach
                                </select>
                                @error('class_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

                            <div class="mb-3">
                                <label for="enrollment_type" class="form-label">Type d'inscription</label>
                                <select id="enrollment_type" name="enrollment_type"
                                        class="form-select @error('enrollment_type') is-invalid @enderror">
                                    <option value="new" @selected(old('enrollment_type', 'new') === 'new')>Nouvel élève</option>
                                    <option value="re_registration" @selected(old('enrollment_type') === 're_registration')>Réinscription</option>
                                    <option value="transfer_in" @selected(old('enrollment_type') === 'transfer_in')>Transfert entrant</option>
                                </select>
                                @error('enrollment_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>

                            <hr>

                            <dl class="row small mb-0">
                                <dt class="col-5 fw-normal text-secondary">Matricule</dt>
                                <dd class="col-7 text-matricule fw-semibold">{{ $matricule }}</dd>
                            </dl>
                            <p class="form-text mb-0">
                                Généré automatiquement, et recalculé à l'enregistrement si un autre
                                poste a inscrit un élève entre-temps.
                            </p>
                        </div>
                    </div>

                    <div class="alert alert-info small mt-3">
                        <i class="bi bi-info-circle me-1"></i>
                        Les frais de l'année (inscription, scolarité, échéances) seront générés
                        automatiquement selon la grille tarifaire du niveau.
                    </div>

                    <div class="d-grid gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-lg me-1"></i>Inscrire l'élève
                        </button>
                        <a href="{{ route('students.index') }}" class="btn btn-outline-secondary">Annuler</a>
                    </div>
                </div>
            </div>
        </form>
    @endif
@endsection