@model Rs_system.Models.ViewModels.AsistenciaCultoFiltroViewModel
@{
    ViewData["Title"] = "Asistencia de Cultos";
}

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h2 class="mb-1">Registro de Asistencia</h2>
        <p class="text-muted small mb-0">Gestione la asistencia de los diferentes cultos y actividades eclesiásticas.</p>
    </div>
    <a asp-action="Create" class="btn btn-primary-custom">
        <i class="bi bi-calendar-plus me-2"></i>Nuevo Registro
    </a>
</div>

<!-- Filtros -->
<div class="card-custom mb-4">
    <div class="card-body">
        <h5 class="card-title mb-3"><i class="bi bi-funnel me-2"></i>Filtrar Registros</h5>
        <form asp-action="Index" method="get">
            <div class="row g-3">
                <div class="col-md-3">
                    <label asp-for="FechaDesde" class="form-label small fw-semibold"></label>
                    <input asp-for="FechaDesde" type="date" class="form-control form-control-sm" />
                </div>
                <div class="col-md-3">
                    <label asp-for="FechaHasta" class="form-label small fw-semibold"></label>
                    <input asp-for="FechaHasta" type="date" class="form-control form-control-sm" />
                </div>
                <div class="col-md-3">
                    <label asp-for="TipoCulto" class="form-label small fw-semibold"></label>
                    <select asp-for="TipoCulto" asp-items="@(new SelectList(ViewBag.TiposCulto))" class="form-select form-select-sm">
                        <option value="">-- Todos --</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label asp-for="TipoConteo" class="form-label small fw-semibold"></label>
                    <select asp-for="TipoConteo" asp-items="@(new SelectList(ViewBag.TiposConteo))" class="form-select form-select-sm">
                        <option value="">-- Todos --</option>
                    </select>
                </div>
                <div class="col-12">
                    <div class="d-flex justify-content-between">
                        <button type="submit" class="btn btn-primary-custom btn-sm px-3">
                            <i class="bi bi-search me-2"></i>Filtrar
                        </button>
                        <a asp-action="Index" class="btn btn-outline-secondary btn-sm">
                            <i class="bi bi-x-circle me-2"></i>Limpiar
                        </a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<!-- Tabla de resultados -->
<div class="card-custom">
    <div class="table-responsive">
        @if (Model.Resultados?.Any() == true)
        {
            <table class="table-custom">
                <thead>
                    <tr>
                        <th>Fecha y Hora</th>
                        <th>Tipo de Culto</th>
                        <th>Conteo</th>
                        <th>Detalle</th>
                        <th>Total</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in Model.Resultados)
                    {
                        <tr>
                            <td>
                                <strong>@item.FechaHoraInicio.ToString("dd/MM/yyyy")</strong><br />
                                <small class="text-muted">@item.FechaHoraInicio.ToString("HH:mm")</small>
                            </td>
                            <td>
                                <span class="badge bg-primary">@item.TipoCulto</span>
                            </td>
                            <td>
                                <span class="badge @(item.TipoConteo == Rs_system.Models.Enums.TipoConteo.Detallado ? "bg-success" : 
                                                     item.TipoConteo == Rs_system.Models.Enums.TipoConteo.General ? "bg-warning" : "bg-info")">
                                    @item.TipoConteo
                                </span>
                            </td>
                            <td>
                                @if (item.TipoConteo == Rs_system.Models.Enums.TipoConteo.Detallado)
                                {
                                    <div class="small">
                                        <div><strong>Hermanas:</strong> @item.HermanasMisioneras</div>
                                        <div><strong>Hermanos:</strong> @item.HermanosFraternidad</div>
                                        <div><strong>Embajadores:</strong> @item.EmbajadoresCristo</div>
                                        <div><strong>Niños:</strong> @item.Ninos</div>
                                        <div><strong>Visitas:</strong> @item.Visitas</div>
                                        <div><strong>Amigos:</strong> @item.Amigos</div>
                                    </div>
                                }
                                else if (item.TipoConteo == Rs_system.Models.Enums.TipoConteo.General)
                                {
                                    <div class="small">
                                        <div><strong>Adultos:</strong> @item.AdultosGeneral</div>
                                        <div><strong>Niños:</strong> @item.Ninos</div>
                                    </div>
                                }
                                else
                                {
                                    <div class="small text-muted">Conteo total directo</div>
                                }
                            </td>
                            <td>
                                <span class="fw-bold text-primary">@item.Total</span>
                            </td>
                            <td>
                                <div class="btn-group">
                                    <a asp-action="Edit" asp-route-id="@item.Id" class="btn btn-sm btn-outline-primary" title="Editar">
                                        <i class="bi bi-pencil"></i>
                                    </a>
                                    <a asp-action="Details" asp-route-id="@item.Id" class="btn btn-sm btn-outline-secondary" title="Detalles">
                                        <i class="bi bi-eye"></i>
                                    </a>
                                    <a asp-action="Delete" asp-route-id="@item.Id" class="btn btn-sm btn-outline-danger" title="Eliminar">
                                        <i class="bi bi-trash"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        }
        else
        {
            <div class="text-center py-5">
                <i class="bi bi-calendar-x display-1 text-muted"></i>
                <h4 class="mt-3">No hay registros de asistencia</h4>
                <p class="text-muted">Comience creando un nuevo registro de asistencia.</p>
                <a asp-action="Create" class="btn btn-primary-custom mt-2">
                    <i class="bi bi-plus-circle me-2"></i>Crear Primer Registro
                </a>
            </div>
        }
    </div>
</div>

@if (Model.Resultados?.Any() == true)
{
    <div class="mt-3 text-muted small">
        <i class="bi bi-info-circle me-2"></i>Mostrando @Model.Resultados.Count() registros
    </div>
}