Loan Request System

import { PrestamoService } from '../../../core/services/prestamo';
import { Prestamo } from '../../../core/models/prestamo';

ngOnInit(): void {
  this.cargarPrestamos();
}

cargarPrestamos(): void {
  this.prestamoService.getAll().subscribe({
    next: (data) => {
      // Los PENDIENTES primero
      this.prestamos = data.sort((a, b) => b.id - a.id);
    },
  });
}

aprobar(id: number): void {
  if (
    confirm('¿Aprobar este préstamo? El libro dejará de estar disponible.')
  ) {
    this.prestamoService.aprobar(id).subscribe(() => {
      alert('Préstamo Aprobado');
      this.cargarPrestamos();
    });
  }
}

rechazar(id: number): void {
  if (confirm('¿Rechazar solicitud?')) {
    this.prestamoService.rechazar(id).subscribe(() => {
      alert('Solicitud Rechazada');
      this.cargarPrestamos();
    });
  }
}

// User: Submit a loan request
solicitar(libroId: number): Observable<any>

// Admin: List all loans
getAll(): Observable<Prestamo[]>

// User: List my loans
getMisPrestamos(): Observable<Prestamo[]>

// Admin: Approve a loan
aprobar(id: number): Observable<any>

// Admin: Reject a loan
rechazar(id: number): Observable<any>

<table class="table table-striped table-hover mb-0 align-middle">
  <thead class="table-dark">
    <tr>
      <th>ID</th>
      <th>Usuario</th>
      <th>Libro</th>
      <th>Fecha Solicitud</th>
      <th>Estado</th>
      <th class="text-end">Acciones</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let p of prestamos">
      <!-- Loan details -->
    </tr>
  </tbody>
</table>

<span
  class="badge"
  [ngClass]="{
    'bg-warning text-dark': p.estado === 'PENDIENTE',
    'bg-success': p.estado === 'APROBADO',
    'bg-danger': p.estado === 'RECHAZADO'
  }"
>
  {{ p.estado }}
</span>

<div *ngIf="p.estado === 'PENDIENTE'">
  <button
    class="btn btn-success btn-sm me-2"
    (click)="aprobar(p.id)"
  >
    ✅ Aprobar
  </button>
  <button class="btn btn-danger btn-sm" (click)="rechazar(p.id)">
    ❌ Rechazar
  </button>
</div>
<span *ngIf="p.estado !== 'PENDIENTE'" class="text-muted small">
  Sin acciones
</span>

interface Prestamo {
  id: number;
  fechaSolicitud: string;  // ISO date string
  estado: 'PENDIENTE' | 'APROBADO' | 'RECHAZADO';
  usuario: {
    id: number;
    username: string;
  };
  libro: {
    id: number;
    titulo: string;
  };
}

this.prestamoService.solicitar(libro.id).subscribe({
  next: () => {
    alert('✅ Solicitud enviada con éxito. El administrador evaluará tu petición.');
  },
  error: (err) => {
    alert(err?.error || '❌ Error al solicitar el préstamo');
  },
});