cinu
This commit is contained in:
136
RS_system/Views/DiezmoCatalogo/Beneficiarios.cshtml
Normal file
136
RS_system/Views/DiezmoCatalogo/Beneficiarios.cshtml
Normal file
@@ -0,0 +1,136 @@
|
||||
@model IEnumerable<Rs_system.Models.DiezmoBeneficiario>
|
||||
@{
|
||||
ViewData["Title"] = "Catálogo de Beneficiarios";
|
||||
}
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
|
||||
<div>
|
||||
<h4 class="mb-1">
|
||||
<i class="bi bi-people me-2"></i>Catálogo de Beneficiarios
|
||||
</h4>
|
||||
<p class="text-muted mb-0">Personas o entidades externas que reciben salidas de fondos.</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2">
|
||||
<a asp-controller="Diezmo" asp-action="Index" class="btn btn-outline-secondary btn-sm">
|
||||
<i class="bi bi-arrow-left me-1"></i>Volver a Diezmos
|
||||
</a>
|
||||
<button type="button" class="btn btn-primary-custom btn-sm" onclick="openModal(0, '', '')">
|
||||
<i class="bi bi-plus-lg me-1"></i>Nuevo Beneficiario
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (TempData["SuccessMessage"] != null)
|
||||
{
|
||||
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
||||
<i class="bi bi-check-circle me-1"></i> @TempData["SuccessMessage"]
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
</div>
|
||||
}
|
||||
@if (TempData["ErrorMessage"] != null)
|
||||
{
|
||||
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
||||
<i class="bi bi-exclamation-triangle me-1"></i> @TempData["ErrorMessage"]
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="card-custom">
|
||||
<div class="table-responsive">
|
||||
<table class="table-custom" id="tblBeneficiarios">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Nombre</th>
|
||||
<th>Descripción</th>
|
||||
<th class="text-center">Estado</th>
|
||||
<th class="text-center">Acciones</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in Model)
|
||||
{
|
||||
<tr>
|
||||
<td class="fw-bold">@item.Nombre</td>
|
||||
<td><small class="text-muted">@item.Descripcion</small></td>
|
||||
<td class="text-center">
|
||||
@if (item.Activo)
|
||||
{
|
||||
<span class="badge bg-success">Activo</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span class="badge bg-secondary">Inactivo</span>
|
||||
}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<button class="btn btn-sm btn-outline-primary"
|
||||
onclick="openModal(@item.Id, '@item.Nombre.Replace("'","\\'")', '@(item.Descripcion?.Replace("'","\\'") ?? "")')"
|
||||
title="Editar">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</button>
|
||||
<form asp-action="EliminarBeneficiario" method="post" class="d-inline"
|
||||
onsubmit="return confirm('¿Seguro que desea eliminar este beneficiario?')">
|
||||
@Html.AntiForgeryToken()
|
||||
<input type="hidden" name="id" value="@item.Id" />
|
||||
<button type="submit" class="btn btn-sm btn-outline-danger" title="Eliminar">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
@if (!Model.Any())
|
||||
{
|
||||
<tr>
|
||||
<td colspan="4" class="text-center text-muted py-4">Sin registros.</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal CRUD -->
|
||||
<div class="modal fade" id="modalCrud" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="modalTitle">Beneficiario</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<form asp-action="GuardarBeneficiario" method="post">
|
||||
@Html.AntiForgeryToken()
|
||||
<input type="hidden" name="Id" id="b_id" value="0" />
|
||||
<div class="modal-body">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Nombre <span class="text-danger">*</span></label>
|
||||
<input type="text" name="Nombre" id="b_nombre" class="form-control" required maxlength="150" />
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Descripción</label>
|
||||
<textarea name="Descripcion" id="b_desc" class="form-control" rows="3" maxlength="300"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancelar</button>
|
||||
<button type="submit" class="btn btn-primary-custom">Guardar</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
<script>
|
||||
function openModal(id, nombre, desc) {
|
||||
document.getElementById('b_id').value = id;
|
||||
document.getElementById('b_nombre').value = nombre;
|
||||
document.getElementById('b_desc').value = desc;
|
||||
|
||||
document.getElementById('modalTitle').innerText = id === 0 ? 'Nuevo Beneficiario' : 'Editar Beneficiario';
|
||||
|
||||
var modal = new bootstrap.Modal(document.getElementById('modalCrud'));
|
||||
modal.show();
|
||||
}
|
||||
</script>
|
||||
}
|
||||
Reference in New Issue
Block a user