{{-- resources/views/admin/kesiswaan/ppdb/bulk/_mapping.blade.php --}}
<div class="card card-round mb-3">
    <div class="card-body">
        <input type="hidden" name="target_kelas_ids_checker" value="1">
        <h5 class="fw-bold mb-3"><i class="fa fa-sitemap me-2"></i> Mapping Kelas Tujuan</h5>
        <div class="alert {{ $gender == 'L' ? 'alert-primary' : 'alert-warning' }} py-2 small">
            <i class="fa fa-info-circle me-1"></i> 
            Pilih <b>Kelas Aktif ({{ $gender == 'L' ? 'Putra' : 'Putri' }})</b> sebagai tujuan konversi.
        </div>
        <div id="mapping-area-{{ $gender }}">
            @php 
                $kelasTefilter = $kelasAktif->where('rombel.jenkel', $gender);
            @endphp

            @if($kelasTefilter->isEmpty())
                <div class="alert alert-danger text-center">
                    <i class="fa fa-exclamation-triangle fa-2x mb-2"></i><br>
                    Tidak ada data <b>Kelas {{ $gender == 'L' ? 'Putra' : 'Putri' }}</b> (Level VII) yang aktif pada filter ini.<br>
                </div>
            @else
                <div class="row row-cols-2 row-cols-md-4 g-2">
                    @foreach($kelasTefilter as $kelas)
                        <div class="col">
                            <div class="form-check p-2 border rounded bg-light h-100 position-relative">
                                <input type="checkbox" name="target_kelas_ids[]" value="{{ $kelas->id }}"
                                       class="form-check-input rombel-check-{{ $gender }} position-absolute top-0 start-0 m-2" 
                                       data-nama="{{ $kelas->rombel->nama_rombel ?? 'Tanpa Nama' }}" 
                                       id="k_{{ $gender }}_{{ $kelas->id }}">
                                
                                <label class="form-check-label d-block ms-4" for="k_{{ $gender }}_{{ $kelas->id }}">
                                    <span class="fw-bold text-dark d-block text-truncate">
                                        {{ $kelas->rombel->nama_rombel ?? '-' }}
                                    </span>
                                    <span class="text-muted small d-block" style="font-size: 0.75rem;">
                                        <i class="fa fa-user-tie me-1"></i> {{ $kelas->waliKelas->name ?? 'Wali Belum Diatur' }}
                                    </span>
                                </label>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
        
        <hr>
        <div class="d-grid">
            <button type="button" class="btn btn-dark fw-bold btn-preview-action" data-gender="{{ $gender }}">
                <i class="fa fa-calculator me-2"></i> Hitung & Preview Pembagian
            </button>
        </div>
    </div>
</div>