{{-- resources/views/admin/kesiswaan/kenaikan-kelas/index.blade.php --}}
@extends('layouts.admin')
@section('title', 'Proses Kenaikan 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-4">
        <div>
            <h3 class="fw-bold mb-1">Manajemen Kesiswaan: Proses Kenaikan Kelas</h3>
            <h6 class="op-7 mb-2">Pilih kelas di sidebar, tentukan kelas tujuan per siswa, lalu simpan.</h6>
        </div>
    </div>

    <div class="row">
        <div class="col-md-2">
            @include('admin.kesiswaan.kenaikan-kelas._sidebar_kelas')
        </div>

        <div class="col-md-10">
            <div class="card card-round shadow-sm border-0">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <div class="card-title">
                        @if($selectedKelas)
                            <i class="fa fa-user-graduate me-2"></i> Siswa: 
                            <span class="text-primary fw-bold">{{ $selectedKelas->rombel->nama_rombel }}</span>
                        @elseif($selectedRombelId)
                            <span class="text-warning">Kelas Belum Dibuat</span>
                        @else
                            <i class="fa fa-info-circle me-2"></i> Pilih Kelas
                        @endif
                    </div>
                </div>

                <div class="card-body">
                    @if($selectedKelas)
                        
                        <form method="GET" action="{{ url()->current() }}" class="mb-4">
                            <input type="hidden" name="rombel_id" value="{{ $selectedRombelId }}">
                            
                            <div class="row g-3 align-items-end p-3 bg-light rounded border">
                                <div class="col-md-4">
                                    <label class="form-label small fw-bold text-muted">Tahun Ajaran (Sumber)</label>
                                    <select name="source_tahun_id" class="form-select border-primary" onchange="this.form.submit()">
                                        @foreach($allTahunAjaran as $ta)
                                            <option value="{{ $ta->id }}" {{ $tahunAjaranSumber->id == $ta->id ? 'selected' : '' }}>
                                                {{ $ta->tahun_ajaran }} {{ $ta->is_active ? '(Aktif)' : '' }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label small fw-bold text-success">Tahun Ajaran (Target)</label>
                                    @if($nextTahun)
                                        <input type="text" class="form-control bg-white fw-bold text-success" value="{{ $nextTahun->tahun_ajaran }}" readonly>
                                        <input type="hidden" name="target_tahun_id" value="{{ $nextTahun->id }}"> {{-- Untuk form save nanti --}}
                                    @else
                                        <input type="text" class="form-control text-danger" value="Belum di-set" disabled>
                                    @endif
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label small fw-bold text-muted">Cari Siswa</label>
                                    <div class="input-group">
                                        <input type="text" name="q" value="{{ request('q') }}" class="form-control" placeholder="Nama / NIS...">
                                        <button class="btn btn-primary"><i class="fa fa-search"></i></button>
                                    </div>
                                </div>
                            </div>
                        </form>

                        @include('admin.kesiswaan.kenaikan-kelas._table')

                    @elseif($selectedRombelId)
                        <div class="text-center py-5 text-muted">
                            <i class="fa fa-folder-open fa-3x mb-3 text-warning"></i>
                            <h5>Data Kelas Tidak Ditemukan.</h5>
                        </div>
                    @else
                        <div class="text-center py-5 text-muted">
                            <i class="fa fa-hand-point-left fa-3x mb-3 text-primary"></i>
                            <h5>Pilih salah satu kelas di menu samping.</h5>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection