@extends('simaju.layouts.main')


@section('title','Preview Import UTBK')


@section('content')


<div class="bg-white rounded-xl shadow p-6">


<h1 class="text-xl font-bold mb-5">
Preview Pilihan Soal UTBK
</h1>



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

@csrf



<div class="overflow-x-auto">


<table class="w-full border text-sm">


<tr class="bg-gray-100">


<th class="p-2">
Pilih
</th>


<th>No</th>


<th>Kategori</th>


<th>Pertanyaan</th>


<th>A</th>

<th>B</th>

<th>C</th>

<th>D</th>

<th>E</th>


<th>Jawaban</th>


</tr>



@foreach($data as $key=>$item)


<tr class="border">


<td class="text-center">

<input 
type="checkbox"

name="soal[]"

value="{{$key}}"

checked

>


</td>



<td>

{{$key+1}}

</td>



<td>

{{$item['kategori']}}

</td>



<td class="max-w-xs">

{{$item['pertanyaan']}}

</td>



<td>{{$item['opsi_a']}}</td>

<td>{{$item['opsi_b']}}</td>

<td>{{$item['opsi_c']}}</td>

<td>{{$item['opsi_d']}}</td>

<td>{{$item['opsi_e']}}</td>



<td class="font-bold">

{{$item['jawaban']}}

</td>



</tr>


@endforeach


</table>


</div>




<button

class="mt-5 bg-green-600 text-white px-5 py-3 rounded">

Import Soal Terpilih

</button>


</form>


</div>


@endsection