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

@section('title', 'Lista de Registros de Títulos')

@section('content')
    <div class="container">
        <h1 class="mb-4 text-white"><i class="bi bi-map me-2"></i> Lista de Registros de Títulos</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('ugels.create') }}" class="btn btn-primary shadow-sm"><i class="bi bi-plus-circle me-2"></i> Crear Nuevo Registro de Título</a>
            <form class="d-flex">
                <input class="form-control me-2 shadow-sm" type="search" placeholder="Buscar Título..." 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">Libro</th>
                                <th scope="col">Página</th>
                                <th scope="col">RD</th>
                                <th scope="col">Fecha</th>
                                <th scope="col">Especialidad</th>
                                <th scope="col">Modalidad</th>
                                <th scope="col">Alumno</th>
                                <th scope="col">CEPRO</th>
                                <th scope="col" class="text-end">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($registros as $registro)
                                <tr>
                                    <td>{{ $registro->libro ?? '-' }}</td>
                                    <td>{{ $registro->pagina ?? '-' }}</td>
                                    <td>{{ $registro->rd ?? '-' }}</td>
                                    <td>{{ $registro->fecha ? $registro->fecha->format('Y-m-d') : '-' }}</td>
                                    <td>{{ $registro->espec ?? '-' }}</td>
                                    <td>{{ $registro->mod ?? '-' }}</td>
                                    <td>{{ $registro->alumno->nom_c ?? 'No asignado' }}</td>
                                    <td>{{ $registro->cepro->nom_cepro ?? 'No asignado' }}</td>
                                    <td class="text-end">
                                        <div class="d-flex justify-content-end">
                                            <a href="{{ route('ugels.show', $registro) }}" class="btn btn-sm btn-outline-info shadow-sm me-1" title="Ver detalles"><i class="bi bi-eye"></i></a>
                                            <a href="{{ route('ugels.edit', $registro) }}" class="btn btn-sm btn-outline-warning shadow-sm me-1" title="Editar Título"><i class="bi bi-pencil"></i></a>
                                            <form action="{{ route('ugels.destroy', $registro) }}" 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 este registro de título?')" title="Eliminar Título"><i class="bi bi-trash"></i></button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="9" class="text-center">No hay registros de títulos.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

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