@extends('layouts.admin')

@section('content')
@php
    // Deteksi apakah sedang berada di halaman Siswa Tidak Lolos
    $isHalamanGagal = request()->segment(3) == 'gagal' || (isset($judul) && str_contains(strtolower($judul), 'tidak lolos'));
@endphp

<div class="content-header">
    <div class="container-fluid">
        <div class="d-flex align-items-center justify-content-between">
            <h1 class="m-0 font-weight-bold text-dark" style="letter-spacing: -0.5px;">{{ $judul }}</h1>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb bg-transparent p-0 m-0 small">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item active">Hasil Seleksi</li>
                </ol>
            </nav>
        </div>
    </div>
</div>

<section class="content">
    <div class="container-fluid">
        <div class="card shadow-sm border-0" style="border-radius: 15px; overflow: hidden;">
            <div class="card-header bg-white py-3 border-bottom">
                <div class="row align-items-center">
                    <div class="col-md-5 mb-2 mb-md-0">
                        <h6 class="m-0 font-weight-bold text-primary d-flex align-items-center">
                            <i class="fas fa-list-ul mr-2"></i> Daftar Status Kelulusan
                            {{-- MENAMPILKAN TOTAL DATA --}}
                            <span class="badge badge-primary ml-2 px-2 py-1 shadow-sm" style="border-radius: 8px;">
                                Total: {{ $pendaftar->total() }} Siswa
                            </span>
                        </h6>
                    </div>
                    <div class="col-md-7 d-flex justify-content-md-end justify-content-start flex-wrap align-items-center">
                        
                        {{-- FORM PENCARIAN --}}
                        <form action="{{ url()->current() }}" method="GET" class="mr-3 mb-2 mb-md-0">
                            <div class="input-group input-group-sm shadow-sm" style="border-radius: 8px; overflow: hidden;">
                                <input type="text" name="search" class="form-control border-secondary" placeholder="Cari Nama / NISN..." value="{{ request('search') }}" style="min-width: 200px;">
                                <div class="input-group-append">
                                    <button type="submit" class="btn btn-secondary">
                                        <i class="fas fa-search"></i>
                                    </button>
                                    @if(request('search'))
                                        <a href="{{ url()->current() }}" class="btn btn-danger" title="Reset Pencarian">
                                            <i class="fas fa-times"></i>
                                        </a>
                                    @endif
                                </div>
                            </div>
                        </form>

                        {{-- Tombol Jadwal Pengumuman Otomatis --}}
                        <button type="button" class="btn btn-sm btn-success shadow-sm font-weight-bold px-3 mb-2 mb-md-0" 
                                data-toggle="modal" data-target="#modalJadwalPengumuman" style="border-radius: 8px;">
                            <i class="fas fa-clock mr-2"></i> Jadwal Pengumuman
                        </button>
                    </div>
                </div>
            </div>
            <div class="card-body p-0 text-center">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0 text-center">
                        <thead class="bg-light text-muted text-uppercase small font-weight-bold">
                            <tr>
                                <th class="text-center py-3" width="60">NO</th>
                                <th>NO. PENDAFTARAN</th>
                                <th>NAMA LENGKAP</th>
                                <th class="d-none d-md-table-cell">NISN</th>
                                <th class="d-none d-lg-table-cell">ASAL SEKOLAH</th>
                                <th class="text-center">STATUS</th>
                                {{-- Munculkan Header AKSI jika bukan di halaman gagal --}}
                                @if(!$isHalamanGagal)
                                    <th class="text-center">AKSI EXPORT</th>
                                @endif
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($pendaftar as $key => $row)
                            @php
                                $nomorUrut = $pendaftar->firstItem() + $key;
                                $isLulus = ($row->status_verifikasi == 'diterima');
                                
                                // Format nomor pendaftaran otomatis
                                $noDaftar = $row->nomor_pendaftaran ?? optional($row->user->pendaftaranBerkas)->nomor_pendaftaran ?? "PSU-" . substr($row->nisn ?? '0000', -4) . str_pad($row->user_id, 3, '0', STR_PAD_LEFT);
                            @endphp
                            <tr>
                                <td class="text-center font-weight-bold text-muted small">{{ $nomorUrut }}</td>
                                <td>
                                    <span class="badge badge-dark px-3 py-2" style="letter-spacing: 1px;">
                                        {{ $noDaftar }}
                                    </span>
                                </td>
                                <td>
                                    <div class="font-weight-bold text-uppercase text-dark">{{ $row->nama_lengkap }}</div>
                                    <div class="small d-md-none text-muted">NISN: {{ $row->nisn }}</div>
                                </td>
                                <td class="d-none d-md-table-cell"><code>{{ $row->nisn }}</code></td>
                                <td class="d-none d-lg-table-cell text-muted">
                                    {{ optional($row->user->dataSekolah)->asal_sekolah ?? '-' }}
                                </td>
                                <td class="text-center py-3">
                                    @if($isLulus)
                                        <span class="badge badge-success shadow-xs px-3 py-2" style="border-radius: 8px; min-width: 90px;">
                                            <i class="fas fa-check-circle mr-1"></i> LULUS
                                        </span>
                                    @else
                                        <span class="badge badge-danger shadow-xs px-3 py-2" style="border-radius: 8px; min-width: 90px;">
                                            <i class="fas fa-times-circle mr-1"></i> GAGAL
                                        </span>
                                    @endif
                                </td>

                                {{-- Tombol Export Excel khusus untuk halaman Siswa Lolos --}}
                                @if(!$isHalamanGagal)
                                    <td class="text-center">
                                        @if($isLulus)
                                            <a href="{{ route('admin.export.siswa', $row->id) }}" class="btn btn-sm btn-outline-success font-weight-bold shadow-sm" style="border-radius: 6px;">
                                                <i class="fas fa-file-excel mr-1"></i> Export Excel
                                            </a>
                                        @endif
                                    </td>
                                @endif

                            </tr>
                            @empty
                            <tr>
                                <td colspan="{{ $isHalamanGagal ? '6' : '7' }}" class="text-center py-5 text-muted font-italic">
                                    @if(request('search'))
                                        Pencarian "<b>{{ request('search') }}</b>" tidak ditemukan.
                                    @else
                                        Belum ada data pendaftar pada kategori ini.
                                    @endif
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="card-footer bg-white border-top py-3">
                {{ $pendaftar->withQueryString()->links('pagination::bootstrap-4') }}
            </div>
        </div>
    </div>
</section>

@include('admin.hasil._modal_pengumuman')

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
    window.prosesSimpanJadwal = function() {
        let tgl = $('#tgl_pengumuman_otomatis').val();
        let jam = $('#jam_pengumuman_otomatis').val();

        if(!tgl || !jam) {
            return Swal.fire('Peringatan', 'Silakan lengkapi tanggal dan jam pengumuman!', 'warning');
        }

        let waktuGabungan = tgl + ' ' + jam + ':00';

        Swal.fire({ 
            title: 'Menyimpan Jadwal...', 
            allowOutsideClick: false, 
            didOpen: () => { Swal.showLoading() } 
        });

        $.post("{{ route('admin.simpan-setting-jadwal') }}", {
            _token: "{{ csrf_token() }}",
            key: 'waktu_pengumuman_serentak',
            value: waktuGabungan
        })
        .done(function(res) {
            Swal.fire({ 
                icon: 'success', 
                title: 'Berhasil!', 
                text: 'Pengumuman akan dirilis pada ' + tgl + ' pukul ' + jam,
                timer: 2000 
            }).then(() => location.reload());
        })
        .fail(function() {
            Swal.fire('Error', 'Gagal menyimpan jadwal pengumuman.', 'error');
        });
    };
</script>
@endsection