139 lines
6.4 KiB
Plaintext
139 lines
6.4 KiB
Plaintext
@model foundation_system.Models.ViewModels.AntecedentesViewModel
|
|
@{
|
|
ViewData["Title"] = "Historial de Antecedentes - " + Model.Nino.Persona.NombreCompleto;
|
|
}
|
|
|
|
<div class="mb-4">
|
|
<a asp-action="Index" class="btn btn-link p-0 text-decoration-none mb-2">
|
|
<i class="bi bi-arrow-left"></i> Volver al listado
|
|
</a>
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h2 class="mb-1">@Model.Nino.Persona.NombreCompleto</h2>
|
|
<p class="text-muted small mb-0">Código: <strong>@Model.Nino.CodigoInscripcion</strong> | Grado: @Model.Nino.NivelGrado</p>
|
|
</div>
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalNuevoAntecedente">
|
|
<i class="bi bi-plus-circle me-2"></i>Nuevo Registro
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card-custom">
|
|
<h5 class="card-title mb-4">Historial de Antecedentes</h5>
|
|
<div class="table-responsive">
|
|
<table class="table-custom">
|
|
<thead>
|
|
<tr>
|
|
<th>Fecha</th>
|
|
<th>Tipo</th>
|
|
<th>Gravedad</th>
|
|
<th>Descripción</th>
|
|
<th>Registrado por</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@if (!Model.Historial.Any())
|
|
{
|
|
<tr>
|
|
<td colspan="5" class="text-center py-4 text-muted">No hay antecedentes registrados para este niño.</td>
|
|
</tr>
|
|
}
|
|
@foreach (var item in Model.Historial)
|
|
{
|
|
<tr>
|
|
<td>@item.FechaIncidente.ToString("dd/MM/yyyy HH:mm")</td>
|
|
<td>
|
|
<span class="badge @(item.TipoAntecedente switch {
|
|
"LlamadaAtencion" => "bg-info",
|
|
"Suspension" => "bg-warning",
|
|
"Castigo" => "bg-danger",
|
|
_ => "bg-secondary"
|
|
})">
|
|
@item.TipoAntecedente
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span class="text-@(item.Gravedad switch {
|
|
"Alta" => "danger",
|
|
"Media" => "warning",
|
|
"Baja" => "success",
|
|
_ => "muted"
|
|
}) fw-bold">
|
|
@item.Gravedad
|
|
</span>
|
|
</td>
|
|
<td>@item.Descripcion</td>
|
|
<td class="small">@item.UsuarioRegistra</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Nuevo Antecedente -->
|
|
<div class="modal fade" id="modalNuevoAntecedente" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form asp-action="Create" method="post">
|
|
@Html.AntiForgeryToken()
|
|
<input type="hidden" name="ninoId" value="@Model.Nino.Id" />
|
|
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Registrar Nuevo Antecedente</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div asp-validation-summary="ModelOnly" class="text-danger mb-3"></div>
|
|
|
|
<div class="mb-3">
|
|
<label asp-for="FechaIncidente" class="form-label"></label>
|
|
<input asp-for="FechaIncidente" class="form-control" type="datetime-local" />
|
|
<span asp-validation-for="FechaIncidente" class="text-danger"></span>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label asp-for="TipoAntecedente" class="form-label"></label>
|
|
<select asp-for="TipoAntecedente" class="form-select">
|
|
<option value="">Seleccione un tipo...</option>
|
|
<option value="LlamadaAtencion">Llamada de Atención</option>
|
|
<option value="Suspension">Suspensión</option>
|
|
<option value="Castigo">Castigo</option>
|
|
</select>
|
|
<span asp-validation-for="TipoAntecedente" class="text-danger"></span>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label asp-for="Gravedad" class="form-label"></label>
|
|
<select asp-for="Gravedad" class="form-select">
|
|
<option value="">Seleccione gravedad...</option>
|
|
<option value="Baja">Baja</option>
|
|
<option value="Media">Media</option>
|
|
<option value="Alta">Alta</option>
|
|
</select>
|
|
<span asp-validation-for="Gravedad" class="text-danger"></span>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label asp-for="Descripcion" class="form-label"></label>
|
|
<textarea asp-for="Descripcion" class="form-control" rows="4" placeholder="Detalle lo sucedido..."></textarea>
|
|
<span asp-validation-for="Descripcion" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
|
|
<button type="submit" class="btn btn-primary">Guardar Registro</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@section Scripts {
|
|
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
|
|
}
|