Files
RS_System/RS_system/Views/Colaboracion/Reporte.cshtml
2026-02-01 14:28:17 -06:00

151 lines
5.2 KiB
Plaintext

@model Rs_system.Models.ViewModels.ReporteColaboracionesViewModel
@{
ViewData["Title"] = "Reporte de Colaboraciones";
}
<div class="d-flex justify-content-between align-items-center mb-4">
<div>
<h4 class="mb-1">Reporte de Colaboraciones</h4>
<p class="text-muted mb-0">
Del @Model.FechaInicio.ToString("dd/MM/yyyy") al @Model.FechaFin.ToString("dd/MM/yyyy")
</p>
</div>
<div>
<button onclick="window.print()" class="btn btn-outline-secondary me-2">
<i class="bi bi-printer me-1"></i> Imprimir
</button>
<a asp-action="Reportes" class="btn btn-primary-custom">
<i class="bi bi-arrow-left me-1"></i> Nuevo Reporte
</a>
</div>
</div>
<!-- Resumen General -->
<div class="row mb-4">
<div class="col-md-4">
<div class="card-custom text-center">
<h6 class="text-muted mb-2">Total Recaudado</h6>
<h2 class="text-success mb-0">$@Model.TotalRecaudado.ToString("N2")</h2>
</div>
</div>
<div class="col-md-4">
<div class="card-custom text-center">
<h6 class="text-muted mb-2">Total Movimientos</h6>
<h2 class="text-primary mb-0">@Model.Movimientos.Count</h2>
</div>
</div>
<div class="col-md-4">
<div class="card-custom text-center">
<h6 class="text-muted mb-2">Tipos de Colaboración</h6>
<h2 class="text-info mb-0">@Model.DesglosePorTipos.Count</h2>
</div>
</div>
</div>
<!-- Desglose por Tipo -->
<div class="card-custom mb-4">
<h6 class="text-primary border-bottom pb-2 mb-3">Desglose por Tipo de Colaboración</h6>
@if (Model.DesglosePorTipos.Any())
{
<div class="table-responsive">
<table class="table-custom">
<thead>
<tr>
<th>Tipo de Colaboración</th>
<th class="text-center">Cantidad de Meses</th>
<th class="text-end">Total Recaudado</th>
</tr>
</thead>
<tbody>
@foreach (var tipo in Model.DesglosePorTipos.OrderByDescending(t => t.TotalRecaudado))
{
<tr>
<td>
<span class="badge bg-primary">@tipo.TipoNombre</span>
</td>
<td class="text-center">@tipo.CantidadMeses</td>
<td class="text-end">
<strong class="text-success">$@tipo.TotalRecaudado.ToString("N2")</strong>
</td>
</tr>
}
</tbody>
<tfoot>
<tr class="table-active">
<td colspan="2" class="text-end"><strong>TOTAL:</strong></td>
<td class="text-end">
<h5 class="mb-0 text-success">$@Model.TotalRecaudado.ToString("N2")</h5>
</td>
</tr>
</tfoot>
</table>
</div>
}
else
{
<div class="alert alert-info">
No hay datos para el período seleccionado.
</div>
}
</div>
<!-- Detalle de Movimientos -->
<div class="card-custom">
<h6 class="text-primary border-bottom pb-2 mb-3">Detalle de Movimientos</h6>
@if (Model.Movimientos.Any())
{
<div class="table-responsive">
<table class="table-custom">
<thead>
<tr>
<th>Fecha</th>
<th>Miembro</th>
<th>Tipos</th>
<th>Período Cubierto</th>
<th class="text-end">Monto</th>
</tr>
</thead>
<tbody>
@foreach (var movimiento in Model.Movimientos.OrderByDescending(m => m.Fecha))
{
<tr>
<td>@movimiento.Fecha.ToString("dd/MM/yyyy HH:mm")</td>
<td><strong>@movimiento.NombreMiembro</strong></td>
<td>
@foreach (var tipo in movimiento.TiposColaboracion.Split(", "))
{
<span class="badge bg-primary me-1">@tipo</span>
}
</td>
<td>@movimiento.PeriodoCubierto</td>
<td class="text-end">
<strong>$@movimiento.Monto.ToString("N2")</strong>
</td>
</tr>
}
</tbody>
</table>
</div>
}
else
{
<div class="alert alert-info">
No hay movimientos registrados en este período.
</div>
}
</div>
<style>
@@media print {
.btn, .no-print {
display: none !important;
}
.card-custom {
border: 1px solid #dee2e6;
page-break-inside: avoid;
}
}
</style>