{{-- resources/views/admin/kesiswaan/siswa/kelas.blade.php --}}
@extends('layouts.admin')
@section('title', 'Data Siswa Per Kelas')

@section('content')
<div class="page-inner">
    <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-3">
        <div>
            <h3 class="fw-bold mb-1">Manajemen Kesiswaan: Data Siswa Kelas {{ $level->level_kelas ?? '' }}</h3>
            <h6 class="op-7 mb-2">Kelola data siswa aktif berdasarkan tahun ajaran dan rombongan belajar.</h6>
        </div>
        <div class="ms-md-auto py-2 py-md-0">
            <a href="{{ route('admin.siswa.index') }}" class="btn btn-secondary btn-round shadow-sm">
                <i class="fa fa-arrow-left me-1"></i> Kembali ke Semua Siswa
            </a>
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show shadow-sm" role="alert">
            <i class="fa fa-check-circle me-2"></i> {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show shadow-sm" role="alert">
            <i class="fa fa-exclamation-triangle me-2"></i> {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    @php
        $rombels = $sidebarSiswas->map(function ($siswa) use ($tahunAjaranAktif) {
            return $siswa->kelasBerjalan($tahunAjaranAktif)['rombel'] ?? null;
        })->filter()->unique()->values()->sort();

        $selectedTaId = request('tahun_ajaran_id', $tahunAjaranAktif->id ?? null);
        
        $selectedKelasInfo = null;
        $namaWaliKelas = '-';
        $namaRombelFull = '-';
        
        if(request('rombel') && request('jenkel') && $tahunAjaranAktif) {
            $reqRombel = request('rombel'); 
            $reqJenkel = request('jenkel'); 
                        
            $selectedKelasInfo = \App\Models\Akademik\Kelas::where('tahun_ajaran_id', $tahunAjaranAktif->id)
                ->whereHas('rombel', function($q) use ($level, $reqRombel, $reqJenkel) {
                    $q->where('level_kelas_id', $level->id)
                      ->where('rombel', $reqRombel) 
                      ->where('jenkel', $reqJenkel);
                })
                ->with(['waliKelas', 'rombel.levelKelas'])
                ->first();

            if($selectedKelasInfo) {
                $namaWaliKelas = $selectedKelasInfo->waliKelas->name ?? 'Belum ditentukan';
                $lvl = $selectedKelasInfo->rombel->levelKelas->level_kelas ?? $level->level_kelas;
                $rmb = $selectedKelasInfo->rombel->rombel ?? $reqRombel;
                $jkl = $selectedKelasInfo->rombel->jenkel == 'L' ? 'Putra' : 'Putri';
                $namaRombelFull = "$lvl-$rmb-$jkl";
            } else {
                $namaRombelFull = $level->level_kelas . '-' . $reqRombel . '-' . ($reqJenkel == 'L' ? 'Putra' : 'Putri');
                $namaWaliKelas = '(Data Kelas Belum Diset)';
            }
        }
    @endphp

    <div class="card border-0 shadow-sm rounded-4 mb-4">
        <div class="card-body p-3">
            <form action="{{ url()->current() }}" method="GET" class="m-0" id="filterForm">
                <div class="row g-3 align-items-end">
                    
                    <div class="col-md-3">
                        <label class="form-label fw-bold small text-muted mb-1"><i class="fas fa-calendar-check me-1"></i> Tahun Ajaran</label>
                        <select name="tahun_ajaran_id" class="form-select border-primary-subtle bg-light fw-bold" onchange="this.form.submit()">
                            <option value="">-- Semua Tahun --</option>
                            @foreach($allTahunAjaran ?? [] as $ta)
                                <option value="{{ $ta->id }}" {{ request('tahun_ajaran_id', $selectedTaId) == $ta->id ? 'selected' : '' }}>
                                    {{ $ta->tahun_ajaran }} {{ $ta->is_active ? '(Aktif)' : '' }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label class="form-label fw-bold small text-muted mb-1"><i class="fas fa-layer-group me-1"></i> Pilih Rombel</label>
                        <select name="rombel" class="form-select border-primary-subtle bg-light fw-bold" onchange="this.form.submit()">
                            <option value="">-- Semua Rombel --</option>
                            @foreach($rombels as $rombel)
                                <option value="{{ $rombel }}" {{ request('rombel') == $rombel ? 'selected' : '' }}>
                                    Rombel {{ $rombel }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label class="form-label fw-bold small text-muted mb-1"><i class="fas fa-venus-mars me-1"></i> Gender Kelas</label>
                        <select name="jenkel" class="form-select border-primary-subtle bg-light fw-bold" onchange="this.form.submit()">
                            <option value="">-- Semua --</option>
                            <option value="L" {{ request('jenkel') == 'L' ? 'selected' : '' }}>Putra (L)</option>
                            <option value="P" {{ request('jenkel') == 'P' ? 'selected' : '' }}>Putri (P)</option>
                        </select>
                    </div>

                    <div class="col-md-4">
                        <label class="form-label fw-bold small text-muted mb-1"><i class="fas fa-search me-1"></i> Pencarian Siswa</label>
                        <div class="input-group">
                            <input type="text" name="q" class="form-control border-primary-subtle bg-light" placeholder="Ketik NIPD / NIS / Nama..." value="{{ request('q') }}">
                            <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i> Cari</button>
                            @if(request()->hasAny(['q','tahun_ajaran_id', 'rombel', 'jenkel']))
                                <a href="{{ url()->current() }}" class="btn btn-outline-secondary" data-bs-toggle="tooltip" title="Reset Filter"><i class="fa fa-sync-alt"></i></a>
                            @endif
                        </div>
                    </div>

                </div>
            </form>
        </div>
    </div>

    @if(request('rombel') && request('jenkel'))
        <div class="card card-round shadow-sm border-0 border-start border-4 border-primary mb-4">
            <div class="card-body py-3">
                <div class="row align-items-center">
                    <div class="col-md-4 border-end">
                        <h6 class="text-muted text-uppercase fw-bold mb-1" style="font-size: 0.75rem;">Identitas Kelas</h6>
                        <h3 class="fw-bold text-primary mb-0">{{ $namaRombelFull }}</h3>
                    </div>
                    
                    <div class="col-md-5 border-end">
                        <div class="d-flex flex-column">
                            <span class="mb-1">
                                <i class="fa fa-calendar-alt text-muted me-2" style="width: 20px"></i>
                                <strong>{{ $tahunAjaranAktif->tahun_ajaran ?? '-' }}</strong>
                            </span>
                            <span>
                                <i class="fa fa-user-tie text-muted me-2" style="width: 20px"></i>
                                Wali Kelas: <span class="text-dark fw-bold">{{ $namaWaliKelas }}</span>
                            </span>
                        </div>
                    </div>

                    <div class="col-md-3 text-center">
                        <h6 class="text-muted text-uppercase fw-bold mb-1" style="font-size: 0.75rem;">Total Siswa</h6>
                        <h3 class="fw-bold mb-0 text-success">{{ $paginatedSiswas->total() }} <span style="font-size: 1rem;">Siswa</span></h3>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div class="row">
        <div class="col-md-12">
            <div class="card card-round shadow-sm border-0">
                <div class="card-header d-flex justify-content-between align-items-center py-3 flex-wrap gap-3">
                    <div class="card-title text-dark mb-0" style="font-size: 1.1rem;">
                        <i class="fa fa-user-graduate me-2 text-primary"></i> Daftar Siswa Kelas {{ $level->level_kelas ?? '' }}
                        @if(request('rombel'))
                            <span class="badge bg-primary ms-2 shadow-sm">Filter Aktif</span>
                        @endif
                    </div>
                    
                    <div class="d-flex gap-2 flex-wrap">
                        <a href="{{ route('admin.siswa.export.excel', request()->query()) }}" class="btn btn-sm btn-success btn-round shadow-sm">
                            <i class="fa fa-file-excel me-1"></i> Export Excel
                        </a>
                        <a href="{{ route('admin.siswa.export.pdf', request()->query()) }}" class="btn btn-sm btn-danger btn-round shadow-sm">
                            <i class="fa fa-file-pdf me-1"></i> Export PDF
                        </a>
                    </div>
                </div>

                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover align-middle mb-0">
                            <thead class="table-dark text-center align-middle">
                                <tr>
                                    <th width="5%">No</th>
                                    <th width="35%" class="text-start px-3">Identitas Siswa</th>
                                    <th width="15%">Angkatan & Status</th>
                                    <th width="30%" class="text-start px-3">Rombel & Wali Kelas</th>
                                    <th width="15%">Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($paginatedSiswas as $siswa)
                                    @php
                                        $kelasBerjalan = $siswa->kelasBerjalan($tahunAjaranAktif);
                                        $status = $siswa->status?->status ?? 'N/A';
                                        
                                        $badgeClass = match($status) {
                                            'Aktif', 'Naik Kelas' => 'success',
                                            'Lulus' => 'primary',
                                            'Pindah Kelas', 'Pindah Sekolah' => 'warning text-dark',
                                            'Tidak Aktif', 'Tidak Lulus', 'Keluar' => 'danger',
                                            default => 'secondary'
                                        };

                                        $waliKelasList = $siswa->kelas?->waliKelas?->name ?? 'Belum Diatur';
                                    @endphp

                                    <tr class="text-center bg-white">
                                        <td class="fw-bold">{{ ($paginatedSiswas->currentPage() - 1) * $paginatedSiswas->perPage() + $loop->iteration }}</td>

                                        <td class="text-start px-3">
                                            <div class="d-flex align-items-center">
                                                <img src="{{ $siswa->img ? asset('uploads/siswa/' . $siswa->img) : asset('kaiadmin/assets/img/iconuser.png') }}"
                                                     alt="{{ $siswa->name }}" 
                                                     class="avatar-lg rounded-circle border shadow-sm me-3 flex-shrink-0" 
                                                     style="width: 55px; height: 55px; object-fit: cover;">
                                                <div class="lh-sm">
                                                    <div class="fw-bold text-dark mb-1" style="font-size: 1rem;">
                                                        {{ $siswa->name }}
                                                    </div>
                                                    <div class="small text-muted mb-1"><i class="fa fa-id-card me-1"></i> NIS: {{ $siswa->nis ?? '-' }} | NIPD: {{ $siswa->nipd ?? '-' }}</div>
                                                    <div>
                                                        <span class="badge bg-{{ $siswa->jenkel === 'L' ? 'primary' : 'danger' }} small shadow-sm">
                                                            {{ $siswa->jenkel === 'L' ? 'Putra' : 'Putri' }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>

                                        <td>
                                            <div class="fw-bold text-dark mb-1">{{ $kelasBerjalan['angkatan'] ?? '-' }}</div>
                                            <div class="small text-muted mb-1">Masuk: {{ $kelasBerjalan['tahunMasuk'] ?? '-' }}</div>
                                            <span class="badge bg-{{ $badgeClass }} shadow-sm px-3 mt-1">{{ strtoupper($status) }}</span>
                                        </td>

                                        <td class="text-start px-3">
                                            @if($kelasBerjalan)
                                                <div class="fw-bold text-primary" style="font-size: 1.05rem;">
                                                    {{ $kelasBerjalan['level'] }}-{{ $kelasBerjalan['rombel'] }}-{{ $kelasBerjalan['jenkel'] == 'L' ? 'Putra' : 'Putri' }}
                                                </div>
                                                <small class="text-dark fw-bold border-top pt-2 mt-2 d-block w-100">
                                                    <i class="fa fa-user-tie me-1 text-muted"></i> Wali Kelas: {{ $waliKelasList }}
                                                </small>
                                            @else
                                                <span class="text-danger small fst-italic"><i class="fa fa-exclamation-circle me-1"></i> Bukan Angkatan Tahun Ini</span>
                                            @endif
                                        </td>

                                        <td>
                                            <div class="btn-group" role="group">
                                                <a href="{{ route('admin.siswa.edit', $siswa->id) }}"
                                                   class="btn btn-warning btn-sm shadow-sm"
                                                   data-bs-toggle="tooltip" title="Edit Profil Lengkap Siswa">
                                                    <i class="fa fa-edit"></i>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="text-center text-muted py-5">
                                            <i class="fa fa-user-slash fa-3x mb-3 opacity-25"></i>
                                            <h5>Data Siswa Tidak Ditemukan</h5>
                                            <p class="mb-0">Pilih Rombel dan Gender pada panel filter di atas, atau gunakan fitur pencarian.</p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    @if(method_exists($paginatedSiswas, 'links') && $paginatedSiswas->hasPages())
                    <div class="mt-4 pb-2 d-flex justify-content-end px-3">
                        {{ $paginatedSiswas->withQueryString()->links('pagination::bootstrap-5') }}
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
document.addEventListener("DOMContentLoaded", function() {
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
        return new bootstrap.Tooltip(tooltipTriggerEl)
    });
});
</script>
@endpush
@endsection