@extends('layouts.guru')

@section('title', 'Edit Paket Ujian')
@section('header', 'Edit Paket Ujian')

@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 Paket Ujian</h2>
    </div>
    
    <form action="{{ route('guru.paket-ujian.update', $paketUjian->id) }}" method="POST" class="p-6">
        @csrf
        @method('PUT')
        
        <div class="mb-4">
            <label class="block text-gray-700 font-semibold mb-2">Nama Paket</label>
            <input type="text" name="nama_paket" value="{{ old('nama_paket', $paketUjian->nama_paket) }}" required class="w-full border rounded-lg p-2">
        </div>
        
        <div class="mb-4">
            <label class="block text-gray-700 font-semibold mb-2">Deskripsi</label>
            <textarea name="deskripsi" rows="3" class="w-full border rounded-lg p-2">{{ old('deskripsi', $paketUjian->deskripsi) }}</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">Durasi (menit)</label>
                <input type="number" name="durasi" value="{{ old('durasi', $paketUjian->durasi) }}" required class="w-full border rounded-lg p-2">
            </div>
            <div class="mb-4">
                <label class="block text-gray-700 font-semibold mb-2">Tanggal Mulai</label>
                <input type="datetime-local" name="tanggal_mulai" value="{{ old('tanggal_mulai', $paketUjian->tanggal_mulai ? date('Y-m-d\TH:i', strtotime($paketUjian->tanggal_mulai)) : '') }}" required class="w-full border rounded-lg p-2">
            </div>
            <div class="mb-4">
                <label class="block text-gray-700 font-semibold mb-2">Tanggal Selesai</label>
                <input type="datetime-local" name="tanggal_selesai" value="{{ old('tanggal_selesai', $paketUjian->tanggal_selesai ? date('Y-m-d\TH:i', strtotime($paketUjian->tanggal_selesai)) : '') }}" required class="w-full border rounded-lg p-2">
            </div>
            <div class="mb-4">
                <label class="block text-gray-700 font-semibold mb-2">Status</label>
                <select name="status" class="w-full border rounded-lg p-2">
                    <option value="aktif" {{ old('status', $paketUjian->status) == 'aktif' ? 'selected' : '' }}>Aktif</option>
                    <option value="nonaktif" {{ old('status', $paketUjian->status) == 'nonaktif' ? 'selected' : '' }}>Nonaktif</option>
                </select>
            </div>
        </div>
        
        <div class="mb-4">
            <label class="block text-gray-700 font-semibold mb-2">Pilih Soal</label>
            <div class="border rounded-lg p-4 max-h-96 overflow-y-auto">
                @foreach($bankSoal as $soal)
                <label class="flex items-start space-x-3 p-2 hover:bg-gray-50 rounded cursor-pointer">
                    <input type="checkbox" name="soal_ids[]" value="{{ $soal->id }}" {{ in_array($soal->id, $selectedSoal) ? 'checked' : '' }} class="mt-1">
                    <div>
                        <p class="font-medium">{{ $soal->mataPelajaran->nama_mapel }}</p>
                        <p class="text-sm text-gray-600">{{ Str::limit($soal->pertanyaan, 100) }}</p>
                    </div>
                </label>
                @endforeach
            </div>
        </div>
        
        <div class="flex justify-end space-x-2">
            <a href="{{ route('guru.paket-ujian.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