@extends('layouts.guru')

@section('title', 'Edit Soal')
@section('header', 'Edit Soal')

@section('content')
<div class="bg-white rounded-lg shadow max-w-4xl mx-auto">
    <div class="p-6 border-b">
        <h2 class="text-xl font-semibold">Form Edit Soal</h2>
    </div>
    
    <form action="{{ route('guru.bank-soal.update', $bankSoal->id) }}" method="POST" class="p-6">
        @csrf
        @method('PUT')
        
        <div class="mb-4">
            <label class="block text-gray-700 font-semibold mb-2">Mata Pelajaran</label>
            <select name="mata_pelajaran_id" required class="w-full border rounded-lg p-2">
                @foreach($mataPelajaran as $m)
                <option value="{{ $m->id }}" {{ old('mata_pelajaran_id', $bankSoal->mata_pelajaran_id) == $m->id ? 'selected' : '' }}>
                    {{ $m->nama_mapel }}
                </option>
                @endforeach
            </select>
        </div>
        
        <div class="mb-4">
            <label class="block text-gray-700 font-semibold mb-2">Pertanyaan</label>
            <textarea name="pertanyaan" rows="4" required class="w-full border rounded-lg p-2">{{ old('pertanyaan', $bankSoal->pertanyaan) }}</textarea>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div class="mb-4">
                <label class="block text-gray-700 font-semibold mb-2">Pilihan A</label>
                <input type="text" name="pilihan_a" value="{{ old('pilihan_a', $bankSoal->pilihan_a) }}" required class="w-full border rounded-lg p-2">
            </div>
            <div class="mb-4">
                <label class="block text-gray-700 font-semibold mb-2">Pilihan B</label>
                <input type="text" name="pilihan_b" value="{{ old('pilihan_b', $bankSoal->pilihan_b) }}" required class="w-full border rounded-lg p-2">
            </div>
            <div class="mb-4">
                <label class="block text-gray-700 font-semibold mb-2">Pilihan C</label>
                <input type="text" name="pilihan_c" value="{{ old('pilihan_c', $bankSoal->pilihan_c) }}" required class="w-full border rounded-lg p-2">
            </div>
            <div class="mb-4">
                <label class="block text-gray-700 font-semibold mb-2">Pilihan D</label>
                <input type="text" name="pilihan_d" value="{{ old('pilihan_d', $bankSoal->pilihan_d) }}" required class="w-full border rounded-lg p-2">
            </div>
            <div class="mb-4">
                <label class="block text-gray-700 font-semibold mb-2">Pilihan E</label>
                <input type="text" name="pilihan_e" value="{{ old('pilihan_e', $bankSoal->pilihan_e) }}" class="w-full border rounded-lg p-2">
            </div>
            <div class="mb-4">
                <label class="block text-gray-700 font-semibold mb-2">Jawaban Benar</label>
                <select name="jawaban_benar" required class="w-full border rounded-lg p-2">
                    <option value="A" {{ old('jawaban_benar', $bankSoal->jawaban_benar) == 'A' ? 'selected' : '' }}>A</option>
                    <option value="B" {{ old('jawaban_benar', $bankSoal->jawaban_benar) == 'B' ? 'selected' : '' }}>B</option>
                    <option value="C" {{ old('jawaban_benar', $bankSoal->jawaban_benar) == 'C' ? 'selected' : '' }}>C</option>
                    <option value="D" {{ old('jawaban_benar', $bankSoal->jawaban_benar) == 'D' ? 'selected' : '' }}>D</option>
                    <option value="E" {{ old('jawaban_benar', $bankSoal->jawaban_benar) == 'E' ? 'selected' : '' }}>E</option>
                </select>
            </div>
            <div class="mb-4">
                <label class="block text-gray-700 font-semibold mb-2">Bobot Nilai</label>
                <input type="number" name="bobot_nilai" value="{{ old('bobot_nilai', $bankSoal->bobot_nilai) }}" class="w-full border rounded-lg p-2">
            </div>
            <div class="mb-4">
                <label class="block text-gray-700 font-semibold mb-2">Tingkat Kesulitan</label>
                <select name="tingkat_kesulitan" class="w-full border rounded-lg p-2">
                    <option value="mudah" {{ old('tingkat_kesulitan', $bankSoal->tingkat_kesulitan) == 'mudah' ? 'selected' : '' }}>Mudah</option>
                    <option value="sedang" {{ old('tingkat_kesulitan', $bankSoal->tingkat_kesulitan) == 'sedang' ? 'selected' : '' }}>Sedang</option>
                    <option value="sulit" {{ old('tingkat_kesulitan', $bankSoal->tingkat_kesulitan) == 'sulit' ? 'selected' : '' }}>Sulit</option>
                </select>
            </div>
        </div>
        
        <div class="flex justify-end space-x-2">
            <a href="{{ route('guru.bank-soal.index') }}" class="px-4 py-2 bg-gray-300 rounded-lg">Batal</a>
            <button type="submit" class="px-4 py-2 bg-purple-600 text-white rounded-lg">Update</button>
        </div>
    </form>
</div>
@endsection