@extends('adminlte::page')

@section('title', 'Generator Jadwal Otomatis')

@section('content_header')
    <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center">
        <div>
            <h1 class="m-0 text-dark font-weight-bold"><i class="fas fa-magic text-warning mr-2"></i> Smart Auto-Timetabling</h1>
            <p class="text-muted mb-0 mt-1">Mesin cerdas penyusun jadwal pelajaran otomatis anti-bentrok tingkat Yayasan.</p>
        </div>
    </div>
@stop

@section('content')
    <div class="container-fluid">
        
        {{-- Notifikasi --}}
        @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;">
                <h5 class="font-weight-bold"><i class="icon fas fa-check-circle mr-2"></i> Eksekusi Berhasil!</h5>
                {!! 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(session('warning'))
            <div class="alert alert-warning alert-dismissible fade show shadow-sm rounded border-left-warning" role="alert" style="border-left-width: 5px;">
                <h5 class="font-weight-bold text-dark"><i class="icon fas fa-exclamation-triangle mr-2"></i> Peringatan Bentrok!</h5>
                <span class="text-dark">{!! session('warning') !!}</span>
                <button type="button" class="close text-dark" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show shadow-sm rounded border-left-danger" role="alert" style="border-left-width: 5px;">
                <h5 class="font-weight-bold"><i class="icon fas fa-ban mr-2"></i> Eksekusi Gagal!</h5>
                {!! session('error') !!}
                <button type="button" class="close text-white" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        <div class="row justify-content-center mt-4">
            <div class="col-lg-8">
                <div class="card card-outline card-warning shadow-lg border-top-3">
                    <div class="card-header bg-white text-center py-4">
                        <i class="fas fa-cogs fa-4x text-warning mb-3"></i>
                        <h3 class="font-weight-bold text-dark mb-0">The Core Engine</h3>
                        <p class="text-muted text-sm mt-2">Pastikan 3 indikator di bawah ini sudah terpenuhi sebelum menekan tombol Generate.</p>
                    </div>

                    <div class="card-body bg-light">
                        <div class="row">
                            <div class="col-md-4 text-center mb-3 mb-md-0">
                                <div class="p-3 bg-white rounded shadow-sm border">
                                    <i class="fas fa-calendar-check fa-2x text-success mb-2"></i>
                                    <h6 class="font-weight-bold mb-1">Tahun Ajaran</h6>
                                    <small class="text-muted">Tahun Ajaran Aktif sudah ditentukan.</small>
                                </div>
                            </div>
                            <div class="col-md-4 text-center mb-3 mb-md-0">
                                <div class="p-3 bg-white rounded shadow-sm border">
                                    <i class="fas fa-clock fa-2x text-primary mb-2"></i>
                                    <h6 class="font-weight-bold mb-1">Slot Waktu</h6>
                                    <small class="text-muted">Master Jam Pelajaran sudah diatur.</small>
                                </div>
                            </div>
                            <div class="col-md-4 text-center">
                                <div class="p-3 bg-white rounded shadow-sm border">
                                    <i class="fas fa-chalkboard-teacher fa-2x text-info mb-2"></i>
                                    <h6 class="font-weight-bold mb-1">Beban Tugas</h6>
                                    <small class="text-muted">Pembagian tugas guru sudah lengkap.</small>
                                </div>
                            </div>
                        </div>

                        <hr class="mt-4 mb-4">

                        <form action="{{ route('generate-jadwal.proses') }}" method="POST" id="formGenerate">
                            @csrf
                            <div class="form-group text-center px-md-5">
                                <label class="text-dark font-weight-bold" style="font-size: 1.1rem;">Pilih Lembaga yang akan di-Generate Jadwalnya:</label>
                                <select name="sekolah_id" class="form-control form-control-lg border-warning shadow-sm mt-2 text-center" style="font-size: 1.1rem; font-weight: bold;" required>
                                    @if($sekolahs->count() > 1)
                                        <option value="">-- PILIH LEMBAGA --</option>
                                    @endif
                                    @foreach($sekolahs as $sekolah)
                                        <option value="{{ $sekolah->id }}">{{ $sekolah->nama_sekolah }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="alert alert-warning shadow-sm border-0 mt-4 text-sm">
                                <i class="fas fa-exclamation-triangle text-danger mr-1"></i> <strong>PERHATIAN KERAS:</strong><br>
                                Menekan tombol di bawah ini akan <strong>MENGHAPUS SELURUH JADWAL LAMA</strong> di sekolah yang dipilih, dan menggantinya dengan jadwal baru hasil kalkulasi sistem secara otomatis.
                            </div>

                            <div class="text-center mt-4 mb-2">
                                <button type="button" class="btn btn-warning btn-lg shadow-lg font-weight-bold px-5 py-3 rounded-pill text-dark" onclick="konfirmasiGenerate()">
                                    <i class="fas fa-rocket mr-2"></i> JALANKAN MESIN GENERATOR
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        function konfirmasiGenerate() {
            let sekolah = $('select[name="sekolah_id"]').val();
            
            if(!sekolah) {
                Swal.fire({
                    icon: 'error',
                    title: 'Oops...',
                    text: 'Silakan pilih Lembaga/Sekolah terlebih dahulu!',
                });
                return false;
            }

            Swal.fire({
                title: 'Anda Yakin?',
                html: "Jadwal lama di sekolah ini akan <b>dihapus secara permanen</b> dan diganti dengan jadwal baru yang dihitung oleh sistem AI. <br><br>Proses ini mungkin memakan waktu beberapa detik.",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#ffc107',
                cancelButtonColor: '#6c757d',
                confirmButtonText: '<i class="fas fa-check mr-1"></i> Ya, Generate Sekarang!',
                cancelButtonText: 'Batal',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    Swal.fire({
                        title: 'Memproses...',
                        html: 'Algoritma sedang menghitung ribuan kombinasi. Mohon jangan tutup halaman ini.',
                        allowOutsideClick: false,
                        didOpen: () => {
                            Swal.showLoading()
                        }
                    });
                    document.getElementById('formGenerate').submit();
                }
            })
        }
    </script>
@stop