@extends('layouts.app')

@section('content')
<div class="container">
    <h2>Siapkan Ujian</h2>
    <!-- Form Siapkan Ujian -->
    <form action="{{ route('siapkan_ujian.siapkan') }}" method="POST">
        @csrf
        <div class="mb-3">
            <label for="id_daftar_soal" class="form-label">Pilih Daftar Soal:</label>
            <select name="id_daftar_soal" id="id_daftar_soal" class="form-control">
                @foreach ($daftarSoalAktif as $soal)
                    <option value="{{ $soal->id }}">
                        {{ !empty($soal->nama_ujian) ? $soal->nama_ujian : 'Nama ujian kosong' }} - 
                        {{ $soal->mapel->mata_pelajaran ?? 'Mata pelajaran tidak diketahui' }}
                    </option>
                @endforeach
            </select>
        </div>
        <button type="submit" class="btn btn-primary">Siapkan Ujian</button>
    </form>

    <hr>

    <!-- Tabel Daftar Ujian yang Siap -->
    <h3>Daftar Ujian yang Siap</h3>
    <table class="table">
        <thead>
            <tr>
                <th>No</th>
                <th>Kelas</th>
                <th>Mata Pelajaran</th>
                <th>Nama Ujian</th>
                <th>Guru</th>
                <th>Status</th>
                <th>Aksi</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($daftarSoalSiap as $index => $soal)
                <tr>
                    <td>{{ $index + 1 }}</td>
                    <td>{{ $soal->kelas->nama_kelas }}</td>
                    <td>{{ $soal->mapel->mata_pelajaran }}</td>
                    <td>{{ !empty($soal->nama_ujian) ? $soal->nama_ujian : 'Nama ujian kosong' }}</td>
                    <td>{{ $soal->guru->nama_guru }}</td>
                    <td><span class="badge bg-success">Siap</span></td>
                    <td>
                        <form action="{{ route('siapkan_ujian.hapus', $soal->id) }}" method="POST" onsubmit="return confirm('Apakah Anda yakin?');">
                            @csrf
                            <button type="submit" class="btn btn-danger btn-sm">Hapus</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection