@extends('layouts.app')
@section('title', 'Consultar Ficha Académica')
@section('content')
<div class="row justify-content-center">
    <div class="col-md-6">
        <div class="card p-4">
            <div class="text-center mb-4">
                <i class="bi bi-search text-primary" style="font-size: 3rem;"></i>
                <h3 class="mt-2">Consulta de Ficha Académica</h3>
                <p class="text-muted">Ingrese sus datos para visualizar su información académica</p>
            </div>
            <form action="{{ route('public.search') }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label class="form-label fw-bold">Cédula de Identidad</label>
                    <input type="text" name="dni" class="form-control form-control-lg" placeholder="Ej: 12345678" required>
                </div>
                <div class="mb-4">
                    <label class="form-label fw-bold">Cohorte de Ingreso</label>
                    <input type="text" name="cohort" class="form-control form-control-lg" placeholder="Ej: 2024-I" required>
                    <div class="form-text">Debe coincidir exactamente con el registro (Ej: 2024-I o 2025-II)</div>
                </div>
                <button type="submit" class="btn btn-primary btn-lg w-full py-3 fw-bold">
                    <i class="bi bi-file-earmark-text me-2"></i>GENERAR FICHA
                </button>
            </form>
        </div>
    </div>
</div>
@endsection
