@extends('layouts.app')

@section('title', 'Ubah Soal Ujian')

@section('content')
<div class="pkbm-master-page mx-auto max-w-4xl space-y-5">
    <header class="pkbm-dashboard__heading"><div><p class="pkbm-dashboard__breadcrumb">Manajemen Ujian <i class="bi bi-chevron-right" aria-hidden="true"></i>Bank Soal</p><h1 class="pkbm-dashboard__title">Ubah Soal</h1><p class="pkbm-dashboard__subtitle">{{ $question->jenis }} · Semester {{ $question->semester }}</p></div></header>
    @if ($errors->any())<div role="alert" class="settings-notice settings-notice--error"><i class="bi bi-exclamation-circle-fill" aria-hidden="true"></i><div><p class="font-semibold">Perubahan soal belum disimpan.</p><ul class="mt-1 list-inside list-disc">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div></div>@endif
    <section class="sp-card overflow-hidden">
        <div class="sp-card-header"><h2 class="sp-section-title">Detail soal · {{ str_replace('_', ' ', $question->tipe_soal) }}</h2></div>
        <form method="POST" action="{{ route('pkbm.ujian.questions.update', $question->id) }}" enctype="multipart/form-data" class="grid gap-4 p-5 sm:grid-cols-2">
            @csrf @method('PUT')
            <label class="block"><span class="sp-form-label">BAB dari peta materi</span><select name="bab_ke" required class="sp-form-control px-3">@foreach ($chapters as $chapter)<option value="{{ $chapter->bab_ke }}" @selected((int) old('bab_ke', $question->bab_ke) === (int) $chapter->bab_ke)>BAB {{ $chapter->bab_ke }} · {{ $chapter->nama_bab }}</option>@endforeach</select></label>
            @if ($question->tipe_soal === 'upload')
                @if ($question->file_upload)<p class="sm:col-span-2 text-sm text-slate-600">Berkas saat ini: <a href="{{ route('pkbm.ujian.questions.file', [$question->id, 'file']) }}" class="font-semibold text-blue-700 no-underline">{{ basename($question->file_upload) }}</a></p>@endif
                <label class="block sm:col-span-2"><span class="sp-form-label">Ganti berkas soal (opsional)</span><input type="file" name="file_upload" accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.odt,.ods,.txt" class="sp-form-control px-3 py-2"></label>
            @else
                <label class="block sm:col-span-2"><span class="sp-form-label">Pertanyaan</span><textarea name="pertanyaan" rows="4" required class="sp-form-control px-3 py-2">{{ old('pertanyaan', $question->pertanyaan) }}</textarea></label>
                @if (in_array($question->tipe_soal, ['pg', 'pg_banyak']))
                    @foreach (['a','b','c','d','e'] as $option)<label class="block"><span class="sp-form-label">Opsi {{ strtoupper($option) }}</span><input name="opsi_{{ $option }}" value="{{ old('opsi_'.$option, $options[$option]) }}" class="sp-form-control px-3"></label>@endforeach
                @endif
                <label class="block"><span class="sp-form-label">Kunci jawaban</span><input name="jawaban" value="{{ old('jawaban', $question->jawaban) }}" class="sp-form-control px-3"></label>
                @if ($question->tipe_soal === 'menjodohkan')<label class="block sm:col-span-2"><span class="sp-form-label">Pasangan (satu per baris, kiri=kanan)</span><textarea name="pasangan" rows="4" class="sp-form-control px-3 py-2">{{ old('pasangan', $question->pasangan) }}</textarea></label>@endif
                @if ($question->tipe_soal === 'tabel')<label class="block sm:col-span-2"><span class="sp-form-label">Subpertanyaan</span><textarea name="sub_pertanyaan" rows="4" class="sp-form-control px-3 py-2">{{ old('sub_pertanyaan', $question->sub_pertanyaan) }}</textarea></label>@endif
                @if ($question->gambar_soal)<p class="text-sm text-slate-600">Gambar saat ini: <a href="{{ route('pkbm.ujian.questions.file', [$question->id, 'gambar-soal']) }}" class="font-semibold text-blue-700 no-underline">Lihat gambar</a></p>@endif
                @if ($question->gambar_jawaban)<p class="text-sm text-slate-600">Gambar kunci saat ini: <a href="{{ route('pkbm.ujian.questions.file', [$question->id, 'gambar-jawaban']) }}" class="font-semibold text-blue-700 no-underline">Lihat gambar</a></p>@endif
                <label class="block"><span class="sp-form-label">Ganti gambar soal (opsional)</span><input type="file" name="gambar_soal" accept="image/*" class="sp-form-control px-3 py-2"></label>
                <label class="block"><span class="sp-form-label">Ganti gambar kunci (opsional)</span><input type="file" name="gambar_jawaban" accept="image/*" class="sp-form-control px-3 py-2"></label>
            @endif
            <div class="flex flex-wrap gap-2 sm:col-span-2"><button type="submit" class="sp-btn-primary"><i class="bi bi-save" aria-hidden="true"></i>Simpan perubahan</button><a href="{{ route('pkbm.ujian.questions', ['id_kelas' => $question->id_kelas, 'id_mapel' => $question->id_mapel, 'jenis' => $question->jenis, 'input' => $question->tipe_soal === 'upload' ? 'upload' : 'manual']) }}" class="sp-btn-secondary">Kembali</a></div>
        </form>
    </section>
</div>
@endsection