@extends('layouts.admin')

@section('content')
<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">{{ $judul }}</h1>
            <button type="button" class="btn btn-success shadow-sm font-weight-bold" data-toggle="modal" data-target="#modalJadwalPengumuman">
                <i class="fas fa-clock mr-2"></i> Atur Jadwal Pengumuman Ujian
            </button>
        </div>
    </div>
</div>

<section class="content">
    <div class="container-fluid">
        <div class="card shadow-sm border-0" style="border-radius: 15px;">
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0 text-center">
                        <thead class="bg-light text-muted small font-weight-bold">
                            <tr>
                                <th class="py-3">NAMA LENGKAP</th>
                                <th>PEMINATAN</th>
                                <th>STATUS UJIAN</th>
                                <th>AKSI</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($pendaftar as $row)
                            <tr>
                                <td class="text-left pl-4">
                                    <div class="font-weight-bold text-dark">{{ $row->nama_lengkap }}</div>
                                    <small class="text-muted">NISN: {{ $row->nisn }}</small>
                                </td>
                                <td><span class="badge badge-info">{{ $row->pilihan_kelas }}</span></td>
                                <td>
                                    @if($row->status_ujian == 'lulus')
                                        <span class="badge badge-primary">LULUS UJIAN</span>
                                    @elseif($row->status_ujian == 'tidak_lulus')
                                        <span class="badge badge-danger">TIDAK LULUS</span>
                                    @else
                                        <span class="badge badge-secondary">BELUM DISET</span>
                                    @endif
                                </td>
                                <td>
                                    <button class="btn btn-sm btn-outline-primary px-3" onclick="modalInputUjian('{{ $row->id }}', '{{ $row->nama_lengkap }}', '{{ $row->status_ujian }}', '{{ $row->pesan_ujian }}')">
                                        <i class="fas fa-edit mr-1"></i> Input Hasil
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>

{{-- MODAL INPUT HASIL UJIAN --}}
<div class="modal fade" id="modalInputUjian" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content border-0 shadow-lg" style="border-radius: 20px;">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title font-weight-bold">Input Hasil Seleksi Ujian</h5>
                <button type="button" class="close text-white" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <form id="formHasilUjian">
                @csrf
                <input type="hidden" id="siswa_id">
                <div class="modal-body p-4">
                    <p class="text-muted small">Tentukan status kelulusan akhir untuk <strong><span id="nama_siswa_label"></span></strong>.</p>
                    <div class="form-group">
                        <label class="font-weight-bold">STATUS KELULUSAN</label>
                        <select id="status_ujian" class="form-control" style="border-radius: 10px;">
                            <option value="lulus">LULUS SELEKSI AKHIR</option>
                            <option value="tidak_lulus">TIDAK LULUS SELEKSI AKHIR</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="font-weight-bold">PESAN / UCAPAN</label>
                        <textarea id="pesan_ujian" class="form-control" rows="4" style="border-radius: 10px;" placeholder="Tuliskan ucapan selamat atau info daftar ulang..."></textarea>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="button" onclick="submitHasilUjian()" class="btn btn-primary btn-block py-2 font-weight-bold" style="border-radius: 12px;">SIMPAN HASIL AKHIR</button>
                </div>
            </form>
        </div>
    </div>
</div>

@include('admin.hasil._modal_pengumuman_ujian') {{-- Modal Setting Jadwal Baru --}}

<script>
function modalInputUjian(id, nama, status, pesan) {
    $('#siswa_id').val(id);
    $('#nama_siswa_label').text(nama);
    $('#status_ujian').val(status || 'lulus');
    $('#pesan_ujian').val(pesan || '');
    $('#modalInputUjian').modal('show');
}

function submitHasilUjian() {
    let id = $('#siswa_id').val();
    $.post("/admin/update-status-ujian/" + id, {
        _token: "{{ csrf_token() }}",
        status: $('#status_ujian').val(),
        pesan: $('#pesan_ujian').val()
    }, function(res) {
        Swal.fire('Berhasil', res.message, 'success').then(() => location.reload());
    });
}
</script>
@endsection