{{-- resources/views/admin/disciplines/index.blade.php --}}
@extends('admin.layouts.app')

@section('content')
<div class="page-inner">
    <div class="page-header d-flex justify-content-between align-items-center mb-3">
        <h4 class="page-title mb-0">Nomor Cabang Olahraga</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">Master Data</li>
            <li class="separator"><i class="icon-arrow-right"></i></li>
            <li class="nav-item">
                <a href="#">
                    {{ isset($viewType) && $viewType == 'categories' ? 'Kategori Utama' : 'Nomor Atletik' }}
                </a>
            </li>
        </ul>
    </div>

    <div class="row">
        {{-- Kartu 1: Total Nomor (Sekarang menghitung Nama Unik) --}}
        <div class="col-sm-6 col-md-4">
            <div class="card card-secondary">
                <div class="card-body skew-shadow">
                    <h1>{{ $totalDisciplines }}</h1>
                    <h5 class="op-8">Total Nomor (Unik)</h5>
                    <div class="pull-right">
                        <h3 class="fw-bold op-8"><i class="fas fa-list-ol"></i></h3>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-md-4">
            <div class="card card-secondary bg-secondary-gradient">
                <div class="card-body bubble-shadow">
                    <h1>{{ $totalCategories }}</h1>
                    <h5 class="op-8">Kategori Utama</h5>
                    <div class="pull-right">
                        <h3 class="fw-bold op-8"><i class="fas fa-tags"></i></h3>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-md-4">
            <div class="card card-secondary bg-secondary-gradient">
                <div class="card-body curves-shadow">
                    <h1>2</h1>
                    <h5 class="op-8">Tipe (Individu & Tim)</h5>
                    <div class="pull-right">
                        <h3 class="fw-bold op-8"><i class="fas fa-users-cog"></i></h3>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row mt-4">
        
        <div class="col-md-3">
            @include('admin.disciplines._sidebar-disciplines')
        </div>

        <div class="col-md-9">
            
            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show mb-3" role="alert">
                    <i class="fas fa-check-circle me-2"></i> {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            @if(request('category') && request('category') != 'all')
                @php 
                    // Mencari nama kategori yang sedang aktif dari koleksi $categories
                    $activeCat = $categories->find(request('category')); 
                @endphp
                
                @if($activeCat)
                    <div class="alert alert-primary mb-3 py-2 d-flex justify-content-between align-items-center">
                        <div>
                            <i class="fas fa-filter me-2"></i> 
                            Menampilkan nomor untuk kategori: <strong>{{ $activeCat->name }}</strong>
                        </div>
                        <a href="{{ route('admin.disciplines.index') }}" class="btn btn-sm btn-light text-primary fw-bold">
                            <i class="fas fa-times me-1"></i> Reset Filter
                        </a>
                    </div>
                @endif
            @endif

            @if(isset($viewType) && $viewType == 'categories')
                @include('admin.disciplines._tabel-categories')
            @else
                @include('admin.disciplines._tabel-disciplines')
            @endif
        </div>

    </div>
</div>
@endsection