@extends('adminlte::page')

@section('title', 'Tahun Ajaran')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="m-0 text-dark"><i class="fas fa-calendar-alt text-primary mr-2"></i> Manajemen Tahun Ajaran</h1>
        <button type="button" class="btn btn-primary shadow-sm font-weight-bold" data-toggle="modal" data-target="#modalTambah">
            <i class="fas fa-plus-circle mr-1"></i> Tambah Baru
        </button>
    </div>
@stop

@section('content')
    <div class="container-fluid">
        
        {{-- Notifikasi Sukses / Error --}}
        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show shadow-sm rounded border-left-success" role="alert" style="border-left-width: 5px;">
                <i class="icon fas fa-check-circle mr-2"></i> {{ session('success') }}
                <button type="button" class="close text-white" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        @if($errors->any())
            <div class="alert alert-danger alert-dismissible fade show shadow-sm rounded border-left-danger" role="alert" style="border-left-width: 5px;">
                <i class="icon fas fa-exclamation-triangle mr-2"></i> <strong>Peringatan!</strong> Terdapat kesalahan:
                <ul class="mb-0 mt-1 pl-3">
                    @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
                <button type="button" class="close text-white" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        <div class="card card-outline card-primary shadow-sm border-top-3">
            <div class="card-header bg-white">
                <h3 class="card-title text-bold text-secondary mt-1">Daftar Tahun Ajaran & Semester</h3>
            </div>

            <div class="card-body p-0 table-responsive">
                <table class="table table-hover table-striped align-middle text-nowrap mb-0">
                    <thead class="bg-light text-muted">
                        <tr>
                            <th width="5%" class="text-center">No</th>
                            {{-- Cek Role Yayasan/Pusat agar bisa melihat kolom sekolah --}}
                            @if(in_array(optional(Auth::user()->role)->value ?? Auth::user()->role, ['superadmin', 'admin_yayasan', 'ketua_yayasan', 'direktur']))
                                <th>Lembaga / Sekolah</th>
                            @endif
                            <th>Tahun Ajaran</th>
                            <th>Semester</th>
                            <th class="text-center">Status</th>
                            <th class="text-center" width="15%">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($tahunAjarans as $item)
                            <tr>
                                <td class="text-center align-middle">{{ $loop->iteration }}</td>
                                
                                @if(in_array(optional(Auth::user()->role)->value ?? Auth::user()->role, ['superadmin', 'admin_yayasan', 'ketua_yayasan', 'direktur']))
                                    <td class="align-middle">
                                        <span class="text-dark font-weight-bold">{{ $item->sekolah->nama_sekolah ?? '-' }}</span>
                                    </td>
                                @endif
                                
                                <td class="align-middle">
                                    <span class="text-primary font-weight-bold" style="font-size: 1.1rem;">{{ $item->nama_tahun }}</span>
                                </td>
                                
                                <td class="align-middle">
                                    @if($item->semester == 'Ganjil')
                                        <span class="badge badge-info px-2 py-1"><i class="fas fa-sun mr-1"></i> Ganjil</span>
                                    @else
                                        <span class="badge badge-warning px-2 py-1"><i class="fas fa-cloud-sun mr-1"></i> Genap</span>
                                    @endif
                                </td>
                                
                                <td class="text-center align-middle">
                                    @if($item->is_active)
                                        <span class="badge badge-success px-3 py-2 shadow-sm rounded-pill">
                                            <i class="fas fa-check-circle mr-1"></i> SEDANG AKTIF
                                        </span>
                                    @else
                                        <span class="badge badge-secondary px-3 py-2 rounded-pill opacity-50">
                                            Tidak Aktif
                                        </span>
                                    @endif
                                </td>
                                
                                <td class="text-center align-middle">
                                    @if(!$item->is_active)
                                        {{-- Tombol Set Aktif --}}
                                        <form action="{{ route('tahun-ajaran.set_aktif', $item->id) }}" method="POST" class="d-inline">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-outline-success font-weight-bold" onclick="return confirm('Yakin ingin MENGAKTIFKAN Tahun Ajaran {{ $item->nama_tahun }} Semester {{ $item->semester }}? \n\nPerhatian: Tahun ajaran lain di sekolah ini akan otomatis dinonaktifkan.')" title="Jadikan Tahun Ajaran Aktif">
                                                <i class="fas fa-power-off mr-1"></i> Aktifkan
                                            </button>
                                        </form>
                                    @endif
                                    
                                    {{-- Tombol Hapus --}}
                                    <form action="{{ route('tahun-ajaran.destroy', $item->id) }}" method="POST" class="d-inline">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Yakin ingin menghapus Tahun Ajaran ini secara permanen?')" {{ $item->is_active ? 'disabled title="Tahun Ajaran aktif tidak dapat dihapus"' : 'title="Hapus Data"' }}>
                                            <i class="fas fa-trash-alt"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center text-muted py-5">
                                    <div class="d-flex flex-column align-items-center justify-content-center">
                                        <i class="fas fa-calendar-times fa-4x text-light mb-3"></i>
                                        <h5 class="font-weight-bold">Belum Ada Data Tahun Ajaran</h5>
                                        <p class="text-sm">Silakan klik tombol "Tambah Baru" di pojok kanan atas untuk memulai.</p>
                                    </div>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if($tahunAjarans->count() > 0)
                <div class="card-footer bg-white border-top text-muted text-sm">
                    Total: <strong>{{ $tahunAjarans->count() }}</strong> Tahun Ajaran terdaftar.
                </div>
            @endif
        </div>
    </div>

    {{-- MODAL TAMBAH TAHUN AJARAN --}}
    <div class="modal fade" id="modalTambah" tabindex="-1" role="dialog" aria-labelledby="modalTambahLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content border-0 shadow-lg">
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title font-weight-bold" id="modalTambahLabel"><i class="fas fa-plus-circle mr-2"></i>Tambah Tahun Ajaran Baru</h5>
                    <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{ route('tahun-ajaran.store') }}" method="POST">
                    @csrf
                    <div class="modal-body bg-light">
                        
                        {{-- Dropdown Sekolah (Penting untuk Multi-Tenant) --}}
                        <div class="form-group">
                            <label class="text-dark">Sekolah / Lembaga <span class="text-danger">*</span></label>
                            <select name="sekolah_id" id="sekolah_id_ta" class="form-control border-primary" required>
                                @if($sekolahs->count() > 1)
                                    <option value="">-- Pilih Sekolah --</option>
                                @endif
                                @foreach($sekolahs as $sekolah)
                                    <option value="{{ $sekolah->id }}" {{ old('sekolah_id') == $sekolah->id ? 'selected' : '' }}>
                                        {{ $sekolah->nama_sekolah }}
                                    </option>
                                @endforeach
                            </select>
                            <small class="form-text text-muted"><i class="fas fa-info-circle"></i> Tentukan lembaga yang akan menggunakan tahun ajaran ini.</small>
                        </div>

                        <div class="form-group">
                            <label class="text-dark">Nama Tahun Ajaran <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text bg-white border-primary"><i class="fas fa-calendar-day text-primary"></i></span>
                                </div>
                                <input type="text" name="nama_tahun" class="form-control border-primary" placeholder="Contoh: 2025/2026" value="{{ old('nama_tahun') }}" required autocomplete="off">
                            </div>
                            <small class="form-text text-muted">Gunakan format YYYY/YYYY (Misal: 2025/2026).</small>
                        </div>

                        <div class="form-group">
                            <label class="text-dark">Semester <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text bg-white border-primary"><i class="fas fa-adjust text-primary"></i></span>
                                </div>
                                <select name="semester" class="form-control border-primary" required>
                                    <option value="Ganjil" {{ old('semester') == 'Ganjil' ? 'selected' : '' }}>Semester Ganjil</option>
                                    <option value="Genap" {{ old('semester') == 'Genap' ? 'selected' : '' }}>Semester Genap</option>
                                </select>
                            </div>
                        </div>

                        <div class="alert alert-info mt-4 mb-0 text-sm border-0 shadow-sm">
                            <i class="fas fa-lightbulb mr-1"></i> <strong>Catatan:</strong> Tahun ajaran baru yang ditambahkan secara otomatis berstatus <strong>"Tidak Aktif"</strong>. Anda dapat mengaktifkannya melalui tabel setelah data tersimpan.
                        </div>

                    </div>
                    <div class="modal-footer bg-white border-top-0">
                        <button type="button" class="btn btn-light border font-weight-bold" data-dismiss="modal"><i class="fas fa-times mr-1"></i> Batal</button>
                        <button type="submit" class="btn btn-primary shadow-sm font-weight-bold"><i class="fas fa-save mr-1"></i> Simpan Data</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop

@section('js')
    <script>
        $(document).ready(function() {
            // Inisialisasi Select2 untuk Dropdown Sekolah di dalam Modal
            if($.fn.select2) {
                $('#sekolah_id_ta').select2({
                    theme: 'bootstrap4',
                    width: '100%',
                    dropdownParent: $('#modalTambah') // Menjaga Select2 tidak error di dalam z-index modal
                });
            }
        });
    </script>
@stop