@extends('layouts.dashboard')

@section('content')
<div class="container mx-auto px-4 py-6">
    <div class="max-w-lg mx-auto bg-white rounded-lg shadow-lg p-6">
        <h2 class="text-2xl font-bold mb-4 text-gray-800">Detalle del Préstamo</h2>
        <ul class="divide-y divide-gray-200">
            <li class="py-2"><strong>Solicitante:</strong> {{ $prestamo->nombre_solicitante }}</li>
            <li class="py-2"><strong>Destino:</strong> {{ $prestamo->destino }}</li>
            <li class="py-2"><strong>Fecha y Hora de Salida:</strong> {{ $prestamo->fecha_hora_salida }}</li>
            <li class="py-2"><strong>Fecha y Hora de Llegada:</strong> {{ $prestamo->fecha_hora_llegada }}</li>
            <li class="py-2"><strong>Motivo:</strong> {{ $prestamo->motivo }}</li>
            <li class="py-2"><strong>Domicilio:</strong> {{ $prestamo->domicilio }}</li>
            <li class="py-2"><strong>Número de Personas:</strong> {{ $prestamo->numero_personas }}</li>
            <li class="py-2"><strong>Chofer:</strong> {{ $prestamo->chofer ? 'Sí' : 'No' }}</li>
            <li class="py-2"><strong>Estado:</strong> {{ $prestamo->estado }}</li>
        </ul>
        <div class="mt-6">
            <a href="{{ route('prestamos.index') }}" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">Volver</a>
        </div>
    </div>
</div>
@endsection