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

@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-4">
        <div>
            <h3 class="fw-bold mb-1">Manajemen Kesiswaan: Data Siswa</h3>
            <h6 class="op-7 mb-2">Kelola data siswa yang terdaftar di sekolah.</h6>
        </div>
    </div>

    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card card-round shadow-sm border-0">
                <div class="card-body text-center">
                    <i class="fa fa-users fa-2x text-primary mb-2"></i>
                    <h6 class="text-muted">Siswa ({{ request('status') ?: 'Aktif' }})</h6>
                    <h3 class="fw-bold">{{ $totalSiswaAktif }}</h3>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card card-round shadow-sm border-0">
                <div class="card-body text-center">
                    <i class="fa fa-mars fa-2x text-info mb-2"></i>
                    <h6 class="text-muted">Laki-laki</h6>
                    <h3 class="fw-bold">{{ $genderStats['L'] ?? 0 }}</h3>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card card-round shadow-sm border-0">
                <div class="card-body text-center">
                    <i class="fa fa-venus fa-2x text-warning mb-2"></i>
                    <h6 class="text-muted">Perempuan</h6>
                    <h3 class="fw-bold">{{ $genderStats['P'] ?? 0 }}</h3>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card card-round shadow-sm border-0">
                <div class="card-body text-center">
                    <i class="fa fa-layer-group fa-2x text-success mb-2"></i>
                    <h6 class="text-muted">Rombel Aktif</h6>
                    <h3 class="fw-bold">{{ count($rombelStats) }}</h3>
                </div>
            </div>
        </div>
    </div>

    @if(!empty($rombelStats))
    <div class="row mb-4">
        <div class="col-md-12">
            <div class="card card-round shadow-sm border-0">
                <div class="card-header">
                    <div class="card-title">
                        <i class="fa fa-school me-2"></i> Distribusi Siswa per Rombel
                    </div>
                </div>

                <div class="card-body">
                    <div class="row">
                        @php
                            $sortedRombelStats = collect($rombelStats)->sortBy(function ($jumlah, $rombel) {
                                [$level, $kelas, $gender] = array_pad(explode('-', $rombel), 3, '');
                                return sprintf('%02d-%s-%s-%s', strlen($level), $level, $kelas, $gender === 'L' ? '0' : '1');
                            });
                        @endphp

                        @foreach($sortedRombelStats as $rombel => $jumlah)
                            @php $gender = explode('-', $rombel)[2] ?? null; @endphp
                            <div class="col-md-3 mb-2">
                                <span class="badge bg-secondary w-100 py-2 text-center">
                                    <div class="fw-bold">
                                        {{ $rombel }}
                                        @if($gender === 'L') <i class="fa fa-mars text-info ms-1"></i>
                                        @elseif($gender === 'P') <i class="fa fa-venus text-danger ms-1"></i> @endif
                                    </div>
                                    <div><strong>{{ $jumlah }} siswa</strong></div>
                                </span>
                            </div>
                        @endforeach
                    </div>
                </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">
                    <div class="card-title">
                        <i class="fa fa-user-graduate me-2"></i> Daftar Siswa
                    </div>
                </div>

                <div class="card-body">
                    <div class="row mb-4">
                        <div class="col-md-8">
                            <form action="{{ route('admin.siswa.index') }}" method="GET" class="d-flex gap-2">
                            
                                <div class="form-group p-0" style="min-width: 150px;">
                                    <label class="small text-muted">Tahun Ajaran</label>
                                    <select name="tahun_ajaran_id" class="form-select form-select-sm" onchange="this.form.submit()">
                                        <option value="">-- Semua --</option>
                                        @foreach($tahunAjarans as $ta)
                                            <option value="{{ $ta->id }}" {{ request('tahun_ajaran_id') == $ta->id ? 'selected' : '' }}>
                                                {{ $ta->tahun_ajaran }} {{ $ta->is_active ? '(Aktif)' : '' }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group p-0" style="min-width: 140px;">
                                    <label class="small text-muted">Angkatan</label>
                                    <select name="angkatan_id" class="form-select form-select-sm" onchange="this.form.submit()">
                                        <option value="">-- Semua Angkatan --</option>
                                        @foreach($angkatans as $agt)
                                            <option value="{{ $agt->id }}" {{ request('angkatan_id') == $agt->id ? 'selected' : '' }}>
                                                {{ $agt->nama_angkatan }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group p-0" style="min-width: 140px;">
                                    <label class="small text-muted">Status</label>
                                    <select name="status" class="form-select form-select-sm" onchange="this.form.submit()">
                                        <option value="">-- Semua Status --</option> 
                                        @foreach(['Aktif', 'Tidak Aktif', 'Naik Kelas', 'Pindah Kelas', 'Pindah Sekolah', 'Lulus', 'Tidak Lulus'] as $st)
                                            <option value="{{ $st }}" {{ request('status') == $st ? 'selected' : (request('status') == '' && $st == 'Aktif' ? 'selected' : '') }}>
                                                {{ $st }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group p-0 flex-grow-1">
                                    <label class="small text-muted">Pencarian</label>
                                    <div class="input-group input-group-sm">
                                        <input type="text" name="search" class="form-control" placeholder="Cari Nama / NIS / NIPD..." value="{{ request('search') }}">
                                        <button class="btn btn-primary" type="submit">
                                            <i class="fa fa-search"></i>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div class="col-md-4 text-end d-flex align-items-end justify-content-end gap-1">
                            <a href="{{ route('admin.siswa.export', request()->query()) }}" class="btn btn-success btn-sm" title="Export Excel"><i class="fa fa-file-excel me-1"></i> Excel</a>
                            <a href="{{ route('admin.siswa.export.pdf', request()->query()) }}" class="btn btn-danger btn-sm" title="Export PDF"><i class="fa fa-file-pdf me-1"></i> PDF</a>
                            <button type="button" class="btn btn-warning btn-sm text-white" data-bs-toggle="modal" data-bs-target="#importSiswaModal"><i class="fa fa-upload me-1"></i> Import</button>
                            <a href="{{ route('admin.siswa.create') }}" class="btn btn-primary btn-sm"><i class="fa fa-plus me-1"></i> Tambah</a>
                        </div>
                    </div>

                    @include('admin.kesiswaan.siswa._table')
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="importSiswaModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title fw-bold"><i class="fa fa-file-excel me-2"></i> Import Data Siswa</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <form action="{{ route('admin.siswa.import') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="modal-body">
            <div class="alert alert-info small">
                <i class="fa fa-info-circle me-1"></i> Pastikan format file sesuai. <a href="{{ route('admin.siswa.download-template') }}" class="fw-bold">Download Template.</a>
            </div>
            <div class="mb-3">
                <label class="form-label fw-bold">Pilih File Excel</label>
                <input class="form-control" type="file" name="file" accept=".xlsx, .xls" required>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" checked disabled>
                <label class="form-check-label small text-muted">Password default: <strong>alidrus123</strong>.</label>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Batal</button>
            <button type="submit" class="btn btn-primary btn-sm">Upload</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection