@model Rs_system.Models.AsistenciaCulto
@{
    ViewData["Title"] = "Detalles del Registro";
}

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h2 class="mb-1">Detalles del Registro</h2>
        <p class="text-muted small mb-0">Información completa de la asistencia registrada.</p>
    </div>
    <a asp-action="Index" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left me-2"></i>Volver
    </a>
</div>

<div class="row justify-content-center">
    <div class="col-md-10">
        <div class="card-custom">
            <div class="card-body">
                <div class="row mb-4">
                    <div class="col-md-6">
                        <h5 class="text-primary border-bottom pb-2 mb-3">
                            <i class="bi bi-calendar-event me-2"></i>Información del Culto
                        </h5>
                        <dl class="row">
                            <dt class="col-sm-5">Fecha y Hora:</dt>
                            <dd class="col-sm-7">@Model.FechaHoraInicio.ToString("dd/MM/yyyy HH:mm")</dd>
                            
                            <dt class="col-sm-5">Tipo de Culto:</dt>
                            <dd class="col-sm-7">
                                <span class="badge bg-primary">@Model.TipoCulto</span>
                            </dd>
                            
                            <dt class="col-sm-5">Tipo de Conteo:</dt>
                            <dd class="col-sm-7">
                                <span class="badge @(Model.TipoConteo == Rs_system.Models.Enums.TipoConteo.Detallado ? "bg-success" : 
                                                     Model.TipoConteo == Rs_system.Models.Enums.TipoConteo.General ? "bg-warning" : "bg-info")">
                                    @Model.TipoConteo
                                </span>
                            </dd>
                        </dl>
                    </div>
                    <div class="col-md-6">
                        <h5 class="text-primary border-bottom pb-2 mb-3">
                            <i class="bi bi-calculator me-2"></i>Resumen
                        </h5>
                        <div class="text-center py-3">
                            <div class="display-1 text-primary">@Model.Total</div>
                            <div class="text-muted">Asistentes Totales</div>
                        </div>
                    </div>
                </div>
                
                <h5 class="text-primary border-bottom pb-2 mb-3">
                    <i class="bi bi-people me-2"></i>Desglose de Asistencia
                </h5>
                
                @if (Model.TipoConteo == Rs_system.Models.Enums.TipoConteo.Detallado)
                {
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card bg-light mb-3">
                                <div class="card-body">
                                    <h6 class="card-title text-success">Conteo Detallado</h6>
                                    <dl class="row small">
                                        <dt class="col-sm-8">Hermanas (Concilio Misionero):</dt>
                                        <dd class="col-sm-4 text-end fw-bold">@Model.HermanasMisioneras</dd>
                                        
                                        <dt class="col-sm-8">Hermanos (Fraternidad de Varones):</dt>
                                        <dd class="col-sm-4 text-end fw-bold">@Model.HermanosFraternidad</dd>
                                        
                                        <dt class="col-sm-8">Embajadores de Cristo:</dt>
                                        <dd class="col-sm-4 text-end fw-bold">@Model.EmbajadoresCristo</dd>
                                        
                                        <dt class="col-sm-8">Niños:</dt>
                                        <dd class="col-sm-4 text-end fw-bold">@Model.Ninos</dd>
                                        
                                        <dt class="col-sm-8">Visitas:</dt>
                                        <dd class="col-sm-4 text-end fw-bold">@Model.Visitas</dd>
                                        
                                        <dt class="col-sm-8">Amigos:</dt>
                                        <dd class="col-sm-4 text-end fw-bold">@Model.Amigos</dd>
                                    </dl>
                                    <hr />
                                    <div class="row">
                                        <dt class="col-sm-8">Total Adultos Detallado:</dt>
                                        <dd class="col-sm-4 text-end fw-bold">@Model.TotalAdultosDetallado</dd>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                }
                else if (Model.TipoConteo == Rs_system.Models.Enums.TipoConteo.General)
                {
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card bg-light mb-3">
                                <div class="card-body">
                                    <h6 class="card-title text-warning">Conteo General</h6>
                                    <dl class="row small">
                                        <dt class="col-sm-8">Adultos en General:</dt>
                                        <dd class="col-sm-4 text-end fw-bold">@Model.AdultosGeneral</dd>
                                        
                                        <dt class="col-sm-8">Niños:</dt>
                                        <dd class="col-sm-4 text-end fw-bold">@Model.Ninos</dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>
                }
                else
                {
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card bg-light mb-3">
                                <div class="card-body">
                                    <h6 class="card-title text-info">Conteo Total Directo</h6>
                                    <dl class="row small">
                                        <dt class="col-sm-8">Total Presente:</dt>
                                        <dd class="col-sm-4 text-end fw-bold">@Model.TotalManual</dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>
                }
                
                @if (!string.IsNullOrEmpty(Model.Observaciones))
                {
                    <h5 class="text-primary border-bottom pb-2 mb-3 mt-4">
                        <i class="bi bi-chat-text me-2"></i>Observaciones
                    </h5>
                    <div class="card bg-light">
                        <div class="card-body">
                            <p class="card-text">@Model.Observaciones</p>
                        </div>
                    </div>
                }
                
                <h5 class="text-primary border-bottom pb-2 mb-3 mt-4">
                    <i class="bi bi-info-circle me-2"></i>Información de Auditoría
                </h5>
                <dl class="row small">
                    <dt class="col-sm-3">Registrado por:</dt>
                    <dd class="col-sm-3">@(Model.CreadoPor ?? "Sistema")</dd>
                    
                    <dt class="col-sm-3">Fecha de creación:</dt>
                    <dd class="col-sm-3">@Model.CreadoEn.ToString("dd/MM/yyyy HH:mm")</dd>
                    
                    <dt class="col-sm-3">Última actualización:</dt>
                    <dd class="col-sm-3">@Model.ActualizadoEn.ToString("dd/MM/yyyy HH:mm")</dd>
                </dl>
                
                <div class="d-flex justify-content-between mt-4">
                    <a asp-action="Edit" asp-route-id="@Model.Id" class="btn btn-primary-custom">
                        <i class="bi bi-pencil me-2"></i>Editar
                    </a>
                    <div>
                        <a asp-action="Delete" asp-route-id="@Model.Id" class="btn btn-outline-danger me-2">
                            <i class="bi bi-trash me-2"></i>Eliminar
                        </a>
                        <a asp-action="Index" class="btn btn-outline-secondary">
                            <i class="bi bi-list me-2"></i>Volver al Listado
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>