@extends('layouts.app')

@section('content')
    <link href="{{ asset('css/tablareporte.css') }}" rel="stylesheet">
    <div class="container">
        <h2 class="mb-4">Reporte de Préstamos de Trabajos de Titulación</h2>

        <p>Intervalo de fechas: {{ $fechaInicio }} - {{ $fechaFin }}</p>
        @if (!$prestamos->isEmpty())
            <a class="btn btn-primary"
                href="{{ route('generar.reporte.pdf.titulacion', ['fecha_inicio' => $fechaInicio, 'fecha_fin' => $fechaFin]) }}"
                target="_blank">Descargar PDF</a>
        @endif

        @if ($prestamos->isEmpty())
            <p class="text-muted">No existen préstamos de trabajos de titulación en el rango de fechas seleccionado.</p>
        @else
            <div class="table-responsive-sm">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Fecha de Préstamo</th>
                            <th>Fecha de Devolución</th>
                            <th>Tipo de Préstamo</th>
                            <th>Estado</th>
                            <th>Usuario</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($prestamos as $prestamo)
                            <tr>
                                <td>{{ $prestamo->id }}</td>
                                <td>{{ $prestamo->fecha_prestamo }}</td>
                                <td>{{ $prestamo->fecha_devolucion }}</td>
                                <td>{{ $prestamo->tipo_prestamo }}</td>
                                <td>{{ $prestamo->estado }}</td>
                                <td>{{ $prestamo->usuario->firstname }} {{ $prestamo->usuario->lastname }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif

        <a class="btn btn-success" href="{{ route('prestamotrabajos.index') }}">Volver a Préstamos de Trabajos de
            Titulación</a>
    </div>
@endsection