You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
172 lines
5.8 KiB
172 lines
5.8 KiB
5 months ago
|
@extends('layouts.app')
|
||
|
|
|
||
|
|
@section('content')
|
||
|
|
<link rel="stylesheet" href="{{ asset('css/user-dashboard.css') }}">
|
||
|
|
<style>
|
||
|
|
body.user-dashboard-bg {
|
||
|
|
background: linear-gradient(120deg, #4158D0 0%, #5068c8 46%, #70e7ff 100%) !important;
|
||
|
|
min-height: 100vh;
|
||
|
|
}
|
||
|
|
.prestamos-card {
|
||
|
|
border-radius: 24px;
|
||
|
|
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
|
||
|
|
background: #fff;
|
||
|
|
margin: 40px auto;
|
||
|
|
max-width: 1100px;
|
||
|
|
}
|
||
|
|
.prestamos-header {
|
||
|
|
border-radius: 24px 24px 0 0;
|
||
|
|
background: #4158D0;
|
||
|
|
color: #fff;
|
||
|
|
padding: 24px 32px;
|
||
|
|
font-size: 2rem;
|
||
|
|
font-weight: 800;
|
||
|
|
letter-spacing: 1px;
|
||
|
|
text-align: left;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.prestamos-header .logo {
|
||
|
|
font-size: 2rem;
|
||
|
|
font-weight: 900;
|
||
|
|
letter-spacing: 2px;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.prestamos-header .logout-btn {
|
||
|
|
background: #e53e3e;
|
||
|
|
color: #fff;
|
||
|
|
border: none;
|
||
|
|
border-radius: 8px;
|
||
|
|
padding: 10px 22px;
|
||
|
|
font-size: 1rem;
|
||
|
|
font-weight: 600;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 8px;
|
||
|
|
box-shadow: 0 2px 8px rgba(229,62,62,0.15);
|
||
|
|
transition: background 0.2s;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.prestamos-header .logout-btn:hover {
|
||
|
|
background: #c53030;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.prestamos-table th, .prestamos-table td {
|
||
|
|
vertical-align: middle;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.prestamos-table th {
|
||
|
|
background: #f7fafc;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.prestamos-table {
|
||
|
|
border-radius: 16px;
|
||
|
|
overflow: hidden;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.prestamos-table td, .prestamos-table th {
|
||
|
|
font-size: 1rem;
|
||
|
|
}
|
||
|
|
.prestamos-table .badge {
|
||
|
|
font-size: 1rem;
|
||
|
|
padding: 6px 14px;
|
||
|
|
border-radius: 8px;
|
||
|
|
}
|
||
|
|
.prestamos-title {
|
||
|
|
font-size: 2.2rem;
|
||
|
|
font-weight: 900;
|
||
|
|
color: #4158D0;
|
||
|
|
margin-bottom: 24px;
|
||
|
|
text-align: center;
|
||
|
|
letter-spacing: 1px;
|
||
|
|
}
|
||
|
|
.btn-action {
|
||
|
|
border: none;
|
||
|
|
border-radius: 6px;
|
||
|
|
padding: 6px 14px;
|
||
|
|
font-size: 1rem;
|
||
|
|
font-weight: 600;
|
||
|
|
margin: 2px;
|
||
|
|
transition: background 0.2s;
|
||
|
|
cursor: pointer;
|
||
|
|
display: inline-flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 6px;
|
||
|
|
}
|
||
|
|
.btn-action.details {
|
||
|
|
background: #3182ce;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.btn-action.details:hover {
|
||
|
|
background: #225ea8;
|
||
|
|
}
|
||
|
|
.btn-action.select {
|
||
|
|
background: #38a169;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.btn-action.select:hover {
|
||
|
|
background: #276749;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<body class="user-dashboard-bg">
|
||
|
|
<div class="container py-4">
|
||
|
|
<div class="prestamos-card">
|
||
|
|
<div class="prestamos-header">
|
||
|
|
<span class="logo">PréstamosTecmm</span>
|
||
|
|
<form method="POST" action="{{ route('logout') }}" style="margin:0;">
|
||
|
|
@csrf
|
||
|
|
<button type="submit" class="logout-btn">
|
||
|
|
<i class="fas fa-sign-out-alt"></i> Cerrar Sesión
|
||
|
|
</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<div class="card-body" style="background: #fff; border-radius: 0 0 24px 24px;">
|
||
|
|
<div class="prestamos-title">Préstamos Aceptados</div>
|
||
|
|
@if($prestamos->isEmpty())
|
||
|
|
<div class="alert alert-info text-center mb-0">No tienes préstamos aceptados.</div>
|
||
|
|
@else
|
||
|
|
<div class="table-responsive">
|
||
|
|
<table class="table table-hover align-middle prestamos-table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Destino</th>
|
||
|
|
<th>Fecha Salida</th>
|
||
|
|
<th>Fecha Llegada</th>
|
||
|
|
<th>Motivo</th>
|
||
|
|
<th>Personas</th>
|
||
|
|
<th>Chofer</th>
|
||
|
|
<th>Estado</th>
|
||
|
|
<th>Acciones</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
@foreach($prestamos as $prestamo)
|
||
|
|
<tr>
|
||
|
|
<td>{{ $prestamo->destino }}</td>
|
||
|
|
<td>{{ $prestamo->fecha_hora_salida }}</td>
|
||
|
|
<td>{{ $prestamo->fecha_hora_llegada }}</td>
|
||
|
|
<td>{{ $prestamo->motivo }}</td>
|
||
|
|
<td>{{ $prestamo->numero_personas }}</td>
|
||
|
|
<td>{{ $prestamo->choferAsignado ? $prestamo->choferAsignado->nombre : 'Sin chofer' }}</td>
|
||
|
|
<td>
|
||
|
|
<span class="badge bg-success">{{ ucfirst($prestamo->estado) }}</span>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
|
||
|
|
<a href="{{ url('/user-dashboard/cuestionario?prestamo_id=' . $prestamo->id) }}" class="btn-action select">
|
||
|
|
<i class="fas fa-check"></i> Seleccionar Préstamo
|
||
|
|
</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
@endforeach
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
@endif
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
@endsection
|