{{-- resources/views/admin/athletes/_header_stats.blade.php --}}

<div class="page-header d-flex justify-content-between align-items-center mb-3">
    <h4 class="page-title mb-0">Manajemen Atlet</h4>
    <ul class="breadcrumbs mb-0">
        <li class="nav-home"><a href="{{ route('admin.dashboard') }}"><i class="icon-home"></i></a></li>
        <li class="separator"><i class="icon-arrow-right"></i></li>
        <li class="nav-item">Personalia</li>
        <li class="separator"><i class="icon-arrow-right"></i></li>
        <li class="nav-item">Data & Performa</li>
    </ul>
</div>

@if(isset($statsAge))
<div class="row">
    <div class="col-sm-6 col-md-4">
        <div class="card card-secondary h-100">
            <div class="card-body skew-shadow d-flex align-items-center justify-content-between">
                <div>
                    <h1 class="fw-bold">{{ $totalAthletes ?? 0 }}</h1>
                    <h5 class="op-8 mb-0">Total Atlet</h5>
                </div>
                <div class="pull-right"><h3 class="fw-bold op-8 mb-0"><i class="fas fa-running fa-2x"></i></h3></div>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="card card-secondary bg-secondary-gradient h-100">
            <div class="card-body bubble-shadow d-flex align-items-center justify-content-between">
                <div>
                    <div style="font-size: 1.1rem; margin-bottom: 5px;"><strong>{{ $totalMale ?? 0 }}</strong> <small class="op-8">Putra</small></div>
                    <div style="font-size: 1.1rem;"><strong>{{ $totalFemale ?? 0 }}</strong> <small class="op-8">Putri</small></div>
                </div>
                <div class="text-right">
                    <h3 class="fw-bold op-8 mb-0"><i class="fas fa-venus-mars fa-2x"></i></h3>
                    <h5 class="op-8 mt-2 mb-0">Gender</h5>
                </div>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-md-4">
        <div class="card card-secondary bg-secondary-gradient h-100">
            <div class="card-body curves-shadow">
                <div class="d-flex justify-content-between align-items-center mb-2">
                    <h5 class="op-8 mb-0 fw-bold">Kelompok Umur</h5>
                    <i class="fas fa-users fa-lg op-8"></i>
                </div>
                <div class="row g-0 text-center text-sm">
                    <div class="col-3 border-end border-light opacity-75"><div class="fw-bold">{{ $statsAge['U-16'] ?? 0 }}</div><small>U-16</small></div>
                    <div class="col-3 border-end border-light opacity-75"><div class="fw-bold">{{ $statsAge['U-18'] ?? 0 }}</div><small>U-18</small></div>
                    <div class="col-3 border-end border-light opacity-75"><div class="fw-bold">{{ $statsAge['U-20'] ?? 0 }}</div><small>U-20</small></div>
                    <div class="col-3"><div class="fw-bold">{{ $statsAge['Elite'] ?? 0 }}</div><small>Elite</small></div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif

<div class="row mb-4 mt-3">
    <div class="col-md-12">
        <div class="card shadow-none border">
            <div class="card-body py-2">
                <div class="d-flex flex-column flex-md-row align-items-center justify-content-between">
                    <ul class="nav nav-pills nav-secondary">
                        <li class="nav-item">
                            <a class="nav-link {{ Request::routeIs('admin.athletes.index') ? 'active fw-bold' : '' }}" 
                               href="{{ route('admin.athletes.index') }}"
                               style="border-radius: 4px; margin-right: 5px;"> 
                                <i class="fas fa-user-tag me-2"></i> Data Atlet
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ Request::routeIs('admin.athletes.ranking') ? 'active fw-bold' : '' }}" 
                            href="{{ route('admin.athletes.ranking') }}"
                            style="border-radius: 4px;">
                                <i class="fas fa-trophy me-2"></i> Peringkat (Ranking)
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ Request::routeIs('admin.athletes.national_records') ? 'active fw-bold' : '' }}" 
                               href="{{ route('admin.athletes.national_records') }}"
                               style="border-radius: 4px;">
                                <i class="fas fa-flag me-2"></i> Rekor Nasional
                            </a>
                        </li>
                    </ul>
                    <div class="d-flex align-items-center mt-3 mt-md-0 text-muted ms-md-auto">
                        <i class="fas fa-info-circle me-2 text-info"></i>
                        <small class="mb-0">Database & Prestasi PASI</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>