@extends('layouts.app')

@section('content')
    <link href="{{ asset('css/tablareporte.css') }}" rel="stylesheet">
    <div class="container">
        <br/>
        <h2 class="mb-4">Reporte de Préstamos de Materiales</h2>
        <p>Intervalo de fechas: {{ $fechaInicio }} - {{ $fechaFin }}</p>
        <a class="btn btn-primary"
                    href="{{ route('generarReportePDF', ['fechaInicio' => $fechaInicio, 'fechaFin' => $fechaFin]) }}"
                    target="_blank">Generar PDF</a>
        @if ($prestamos->isEmpty())
            <p class="text-muted">No existen préstamos de materiales 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>Estado</th>
                            <th>Material Prestado</th>
                            <th>Usuario</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($prestamos as $prestamo)
                            <tr>
                                <td>{{ $prestamo->id }}</td>
                                <td>{{ $prestamo->fecha_prestamo }}</td>
                                <td>{{ $prestamo->estado }}</td>
                                <td>{{ $prestamo->material->nombre ?? 'Material no encontrado' }}</td>
                                <td>{{ $prestamo->usuario->firstname }} {{ $prestamo->usuario->lastname }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

            </div>
        @endif

        <a class="btn btn-success" href="{{ route('materialesprestamo.index') }}">Volver a Préstamos de Materiales</a>
    </div>
@endsection