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.
55 lines
1.9 KiB
55 lines
1.9 KiB
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<style>
|
|
body { font-family: 'Helvetica', sans-serif; margin: 20px; color: #333; }
|
|
.header { text-align: center; margin-bottom: 30px; }
|
|
.header h1 { font-size: 24px; color: #555; }
|
|
.details { margin-bottom: 20px; }
|
|
.details p { margin: 5px 0; }
|
|
table { width: 100%; border-collapse: collapse; }
|
|
th, td { border: 1px solid #ddd; padding: 10px; text-align: left; }
|
|
th { background-color: #007bff; color: white; }
|
|
.footer { text-align: center; margin-top: 30px; font-size: 12px; color: #777; }
|
|
td {
|
|
word-wrap: break-word; /* Ajusta el texto al ancho de la celda */
|
|
white-space: pre-wrap; /* Respeta saltos de línea */
|
|
max-width: 300px; /* Limita el ancho de la celda */
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<h1>Reporte de Detalle de Compra</h1>
|
|
</div>
|
|
<div class="details">
|
|
<p><strong>Nombre de Compra:</strong> {{ compra.nombre_compra }}</p>
|
|
<p><strong>Monto Total:</strong> ${{ compra.monto_pago }}</p>
|
|
<p><strong>Total Pagado:</strong> ${{ total_pagado }}</p>
|
|
<p><strong>Restante:</strong> ${{ restante }}</p>
|
|
</div>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Fecha</th>
|
|
<th>Monto Pagado</th>
|
|
<th>Monto Extra</th>
|
|
<th>Observaciones</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for pago in pagos %}
|
|
<tr>
|
|
<td>{{ pago.fecha_pago }}</td>
|
|
<td>${{ pago.monto_pagado }}</td>
|
|
<td>${{ pago.monto_extra }}</td>
|
|
<td>{{ pago.observaciones|default:"Sin observaciones" }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
<div class="footer">
|
|
<p>Reporte generado automáticamente | © 2024 Gestor de Pagos</p>
|
|
</div>
|
|
</body>
|
|
</html> |