@extends('layouts.app')

@section('title', 'Consulta de Alumno por DNI')

@section('content')
<div class="container py-4">
    <h1 class="mb-4 text-white text-center"><i class="bi bi-search me-2"></i> Consulta de Alumno por DNI</h1>

    <div class="row justify-content-center">
        <div class="col-md-7 col-lg-6">
            <div class="card bg-dark shadow-lg text-white border-0">
                <div class="card-body">

                    {{-- FORMULARIO --}}
                    <form action="{{ route('consulta.dni.buscar') }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label for="dni" class="form-label"><i class="bi bi-credit-card-2-front me-2"></i> Ingrese el DNI del Alumno:</label>
                            <input type="text"
                                class="form-control bg-secondary border-secondary text-white @error('dni') is-invalid @enderror"
                                id="dni"
                                name="dni"
                                value="{{ old('dni') }}"
                                placeholder="Ej. 12345678"
                                maxlength="8"
                                required>
                            @error('dni')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="d-grid">
                            <button type="submit" class="btn btn-primary btn-lg"><i class="bi bi-check-circle me-2"></i> Consultar</button>
                        </div>
                    </form>

                    {{-- RESULTADO DE CONSULTA --}}
                    @isset($alumno)
                        <hr class="my-4 border-secondary">

                        {{-- ALUMNO ENCONTRADO --}}
                        <div class="alert alert-info text-center" role="alert">
                            <h4 class="alert-heading text-white"><i class="bi bi-person-circle me-2"></i> Alumno Encontrado</h4>
                            <p class="mb-0 fs-5 text-white">Nombre: <strong>{{ $alumno->nom_c }} {{ $alumno->ape_c }}</strong></p>
                            <p class="mb-0 fs-6 text-white">DNI: <strong>{{ $alumno->dni }}</strong></p>
                        </div>

                        {{-- RESULTADOS DE TÍTULOS --}}
                        <div class="mt-4">
                            <h5 class="text-white mb-3"><i class="bi bi-award-fill me-2"></i> Títulos / Certificados:</h5>

                            @if($titulos->count())
                                <ul class="list-group">
                                    @foreach($titulos as $titulo)
                                        <li class="list-group-item bg-secondary text-white border-dark mb-2">
                                            <strong>RD:</strong> {{ $titulo->rd ?? 'N/A' }}<br>
                                            <strong>Fecha de Emisión:</strong> {{ $titulo->fecha ? $titulo->fecha->format('d/m/Y') : 'N/A' }}<br>
                                            <strong>Especialidad:</strong> {{ $titulo->espec ?? 'N/A' }}<br>
                                            <strong>Modalidad:</strong> {{ $titulo->mod ?? 'N/A' }}<br>
                                            <strong>Libro/Página:</strong> {{ $titulo->libro ?? 'N/A' }} / {{ $titulo->pagina ?? 'N/A' }}<br>
                                            <strong>CEPRO:</strong> {{ $titulo->cepro->nom_cepro ?? 'N/A' }}
                                        </li>
                                    @endforeach
                                </ul>
                            @else
                                <div class="alert alert-warning mt-3" role="alert">
                                    <i class="bi bi-exclamation-triangle me-2"></i> No se encontraron títulos para este alumno.
                                </div>
                            @endif
                        </div>
                    @endisset

                </div>
            </div>
        </div>
    </div>
</div>
@endsection