{{-- resources/views/admin/disciplines/_sidebar-disciplines.blade.php --}}
<div class="card shadow-sm border-0">
    <div class="card-header bg-white border-bottom py-2">
        <h6 class="mb-0 fw-bold text-uppercase text-muted" style="font-size: 0.75rem; letter-spacing: 0.5px;">
            <i class="fas fa-filter me-1"></i> Filter Kategori
        </h6>
    </div>

    <div class="card-body p-0">
        <div class="list-group list-group-flush">
            
            @php $isAllActive = !request('category') || request('category') == 'all'; @endphp
            <a href="{{ route('admin.disciplines.index', ['category' => 'all']) }}" 
               class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-2 px-3 {{ $isAllActive ? 'active' : '' }}"
               style="font-size: 0.9rem;">
                <span>
                    <i class="fas fa-list-ol fa-fw me-2 {{ $isAllActive ? '' : 'text-muted' }}"></i> 
                    Semua Nomor
                </span>
                <span class="badge {{ $isAllActive ? 'bg-white text-primary' : 'bg-light text-secondary border' }} rounded-pill">
                    {{ $totalDisciplines }}
                </span>
            </a>

            @foreach($categories as $cat)
                @php 
                    $isActive = request('category') == $cat->id;
                    $count = $cat->disciplines_count ?? $cat->disciplines()->count();
                @endphp
                <a href="{{ route('admin.disciplines.index', ['category' => $cat->id]) }}" 
                   class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-2 px-3 {{ $isActive ? 'active' : '' }}"
                   style="font-size: 0.9rem;">
                    <span class="text-truncate">
                        <i class="fas fa-circle fa-fw me-2 {{ $isActive ? '' : 'text-muted' }}" style="font-size: 0.4rem; vertical-align: middle;"></i> 
                        {{ $cat->name }}
                    </span>
                    <span class="badge {{ $isActive ? 'bg-white text-primary' : 'bg-light text-secondary border' }} rounded-pill">
                        {{ $count }}
                    </span>
                </a>
            @endforeach

        </div>
    </div>

    <div class="card-footer bg-light border-top p-2">
        <a href="{{ route('admin.disciplines.categories') }}" 
           class="btn btn-outline-secondary btn-sm w-100 d-flex align-items-center justify-content-center {{ Request::routeIs('admin.disciplines.categories') ? 'active' : '' }}"
           style="font-size: 0.85rem;">
            <i class="fas fa-cog me-2"></i> Kelola Kategori
        </a>
    </div>
</div>