@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>
}