{{-- resources/views/alumnos/index.blade.php --}}
@extends('layouts.app')

@section('title', 'Lista de Alumnos')

@section('content')
    <div class="container">
        <h1 class="mb-4 text-white"><i class="bi bi-people me-2"></i> Lista de Alumnos</h1>

        @if (session('success'))
            <div class="alert alert-success shadow-sm mb-3">{{ session('success') }}</div>
        @endif

        <div class="d-flex justify-content-between align-items-center mb-3">
            <a href="{{ route('alumnos.create') }}" class="btn btn-primary shadow-sm"><i class="bi bi-plus-circle me-2"></i> Crear Nuevo Alumno</a>
            <form class="d-flex">
                <input class="form-control me-2 shadow-sm" type="search" placeholder="Buscar Alumno..." aria-label="Search">
                <button class="btn btn-outline-light shadow-sm" type="submit"><i class="bi bi-search"></i></button>
            </form>
        </div>

        <div class="card bg-dark shadow-sm text-white">
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-striped table-dark m-0 align-middle">
                        <thead>
                            <tr class="text-white">
                                <th scope="col">Nombre</th>
                                <th scope="col">Apellido</th>
                                <th scope="col">DNI</th>
                                <th scope="col" class="text-end">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($alumnos as $alumno)
                                <tr>
                                    <td>{{ $alumno->nom_c }}</td>
                                    <td>{{ $alumno->ape_c }}</td>
                                    <td>{{ $alumno->dni }}</td>
                                    <td class="text-end">
                                        <div class="d-flex justify-content-end">
                                            <a href="{{ route('alumnos.show', $alumno) }}" class="btn btn-sm btn-outline-info shadow-sm me-1" title="Ver detalles"><i class="bi bi-eye"></i></a>
                                            <a href="{{ route('alumnos.edit', $alumno) }}" class="btn btn-sm btn-outline-warning shadow-sm me-1" title="Editar alumno"><i class="bi bi-pencil"></i></a>
                                            <form action="{{ route('alumnos.destroy', $alumno) }}" method="POST" class="d-inline">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-outline-danger shadow-sm" onclick="return confirm('¿Estás seguro de eliminar a este alumno?')" title="Eliminar alumno"><i class="bi bi-trash"></i></button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-center">No hay alumnos registrados.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="mt-4 text-white">
            {{ $alumnos->links() }} {{-- Muestra los enlaces de paginación --}}
        </div>
    </div>
@endsection