@extends('layouts.app')

@section('content')
<div class="page-heading">
    <h3>Hasil Ujian</h3>
    <p class="text-subtitle text-muted">Hasil ujian dari daftar soal</p>

    <script>
        // Menampilkan alert jika ada session message
        @if(session('success'))
            Swal.fire({
                position: 'top-center',
                icon: 'success',
                title: "{{ session('success') }}",
                showConfirmButton: false,
                timer: 1500
            });
        @endif

        @if(session('error'))
            Swal.fire({
                position: 'top-center',
                icon: 'error',
                title: "{{ session('error') }}",
                showConfirmButton: false,
                timer: 1500
            });
        @endif
    </script>

    @if($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <section class="section">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped" id="table1">
                        <thead>
                        <tr>
                            <th>No</th>
                            <th>Kelas</th>
                            <th>Mata Pelajaran</th>
                            <th>Ujian</th>
                            <th>Start</th>
                            <th>End</th>
                            <th>Status</th>
                            <th>Aksi</th>
                        </tr>
                        </thead>
                        <tbody>
                            @foreach ($daftarSoal as $soal)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $soal->kelas->nama_kelas ?? 'Tidak Diketahui' }}</td>
                                    <td>{{ $soal->mapel->mata_pelajaran ?? 'Tidak Diketahui' }}</td>
                                    <td>{{ $soal->nama_ujian ?? 'Belum diatur'}}</td>
                                    <td>{{ $soal->date_start ?? 'Belum diatur'}}</td>
                                    <td>{{ $soal->date_end ?? 'Belum diatur'}}</td>
                                    <td>
                                        <button class="btn btn-sm {{ $soal->is_active ? 'btn-success' : 'btn-danger' }}">
                                            {{ $soal->is_active ? 'Aktif' : 'Nonaktif' }}
                                        </button>
                                    </td>
                                    <td>
                                        <a href="{{ route('hasil-ujian.siswa-kelas', [
                                            'id_kelas' => $soal->id_kelas,
                                            'id_daftar_soal' => $soal->id,
                                            'id_mapel' => $soal->id_mapel,
                                            'id_guru' => $soal->id_guru
                                        ]) }}" class="btn btn-info btn-sm">
                                            Details
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>

</div>
@endsection