@extends('simaju.layouts.main')

@section('title','Tambah Soal UTBK')


@section('content')


<div class="bg-white rounded-xl shadow p-6 max-w-4xl mx-auto">


<h1 class="text-2xl font-bold mb-6">
Tambah Soal UTBK
</h1>



@if($errors->any())

<div class="bg-red-100 text-red-700 p-4 rounded mb-4">

<ul>

@foreach($errors->all() as $error)

<li>
{{ $error }}
</li>

@endforeach

</ul>

</div>

@endif





<form method="POST"
action="{{ route('utbk.soal.store') }}">


@csrf



<!-- Kategori -->

<div class="mb-4">

<label class="block font-semibold mb-2">

Kategori Soal

</label>


<select name="kategori"
class="w-full border rounded-lg p-3">


<option value="TPS">
TPS
</option>


<option value="Literasi">
Literasi
</option>


<option value="Numerasi">
Numerasi
</option>


<option value="Bahasa Inggris">
Bahasa Inggris
</option>


</select>

</div>




<!-- Pertanyaan -->

<div class="mb-4">


<label class="block font-semibold mb-2">

Pertanyaan

</label>


<textarea
name="pertanyaan"
rows="5"
class="w-full border rounded-lg p-3"
placeholder="Masukkan soal UTBK">

</textarea>


</div>





<!-- Pilihan Jawaban -->

<div class="grid md:grid-cols-2 gap-4">


<div>

<label>
Pilihan A
</label>

<input type="text"
name="opsi_a"
class="w-full border rounded-lg p-3">

</div>



<div>

<label>
Pilihan B
</label>

<input type="text"
name="opsi_b"
class="w-full border rounded-lg p-3">

</div>




<div>

<label>
Pilihan C
</label>

<input type="text"
name="opsi_c"
class="w-full border rounded-lg p-3">

</div>




<div>

<label>
Pilihan D
</label>

<input type="text"
name="opsi_d"
class="w-full border rounded-lg p-3">

</div>




<div>

<label>
Pilihan E
</label>

<input type="text"
name="opsi_e"
class="w-full border rounded-lg p-3">

</div>


</div>






<!-- Jawaban Benar -->


<div class="mt-5">


<label class="block font-semibold mb-2">

Jawaban Benar

</label>


<select name="jawaban_benar"

class="w-full border rounded-lg p-3">


<option value="A">
A
</option>


<option value="B">
B
</option>


<option value="C">
C
</option>


<option value="D">
D
</option>


<option value="E">
E
</option>


</select>


</div>





<!-- Bobot -->

<div class="mt-5">


<label class="block font-semibold mb-2">

Bobot Nilai

</label>


<input type="number"
name="bobot"
value="1"
class="w-full border rounded-lg p-3">


</div>





<div class="mt-6 flex gap-3">


<a href="{{route('utbk.admin')}}"
class="bg-gray-500 text-white px-5 py-3 rounded-lg">

Kembali

</a>



<button type="submit"

class="bg-indigo-600 text-white px-5 py-3 rounded-lg">

Simpan Soal

</button>


</div>




</form>


</div>



@endsection