@model IEnumerable<SportsDivision.Application.DTOs.ReportDtos.RegistrationByGenderReportDto>
@{
    ViewData["Title"] = "Registration by Gender";
}

<div class="d-flex justify-content-between align-items-center mb-3">
    <h2 class="mb-0">Registration by Gender</h2>
    <div class="d-flex gap-2">
        <a asp-action="RegistrationByGenderExcel" asp-route-tournamentId="@ViewBag.TournamentId" asp-route-zoneId="@ViewBag.ZoneId" class="btn btn-success"><i class="bi bi-file-earmark-excel"></i> Export to Excel</a>
        <a asp-action="RegistrationByGenderPdf" asp-route-tournamentId="@ViewBag.TournamentId" asp-route-zoneId="@ViewBag.ZoneId" class="btn btn-outline-danger"><i class="bi bi-file-earmark-pdf"></i> PDF</a>
    </div>
</div>
<hr />

<table class="table table-striped table-hover">
    <thead class="table-dark">
        <tr><th>Event</th><th>Level</th><th class="text-center">Male</th><th class="text-center">Female</th><th class="text-center">Total</th></tr>
    </thead>
    <tbody>
        @foreach (var r in Model)
        {
            <tr>
                <td>@r.EventName</td>
                <td>@r.EventLevelName</td>
                <td class="text-center">@r.MaleCount</td>
                <td class="text-center">@r.FemaleCount</td>
                <td class="text-center"><strong>@r.TotalCount</strong></td>
            </tr>
        }
    </tbody>
</table>

<a asp-action="Index" class="btn btn-secondary">Back to Reports</a>