@extends('server-side.layouts.server-app')
@section('title', 'Tambah Data Siswa | Skripsi Rindi')
@section('main-content')
<main id="main" class="main">
    <div class="pagetitle">
      <h1>Form Tambah Ujian</h1>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="{{ url('dashboard') }}">Dashboard</a></li>
          <li class="breadcrumb-item">Soal Ujian</li>
          <li class="breadcrumb-item active">Tambah Soal</li>
        </ol>
      </nav>
    </div>
    <!-- End Page Title -->
    <section class="section">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Lengkapi data di bawah ini!</h5>
                        <!-- Vertical Form -->
                        <form class="row g-3" action="{{ route('ujian.store') }}" method="post" autocomplete="off">
                          @csrf
                        <div class="col-12">
                            <label for="inputSoal" class="form-label">*Soal</label>
                            <textarea class="form-control" id="inputSoal" name="soal" rows="4"></textarea>

                            @error('soal')
                              <strong class="fw-bold d-block text-danger mt-2">
                                <small>&nbsp;* {{ $message }}</small>
                              </strong>
                            @enderror
                        </div>

                        <div class="col-12">
                            <label for="keterangan" class="form-label">*Keterangan</label>
                            <textarea class="form-control" id="keterangan" name="keterangan" rows="4"></textarea>

                            @error('keterangan')
                              <strong class="fw-bold d-block text-danger mt-2">
                                <small>&nbsp;* {{ $message }}</small>
                              </strong>
                            @enderror
                        </div>

                        <div class="col-6">
                            <label for="inputLevel" class="form-label">*Level</label>
                            <select class="form-select" name="level" id="inputLevel">
                                <option value="">~ pilih level ujian ~</option>
                                <option value="Basic">Basic</option>
                                <option value="Menengah">Menengah</option>
                                <option value="Sulit">Sulit</option>
                            </select>

                            @error('level')
                              <strong class="fw-bold d-block text-danger mt-2">
                                <small>&nbsp;* {{ $message }}</small>
                              </strong>
                            @enderror
                        </div>

                        <div class="col-6">
                            <label for="ktgBarang" class="form-label">*Jurusan</label>
                            <input type="hidden" class="form-control" name="jurusan_id" value="{{ $jurusanGuru->jurusan_id }}">
                            <input type="text" class="form-control bg-light" value="{{ $jurusanGuru->nama_jurusan }}" readonly>
                        </div>

                        <div class="col-6">
                            <label for="inputLevel" class="form-label">*Tanggal Mulai</label>
                            <input type="date" class="form-control" name="tanggal_mulai" value="{{ old('tanggal_mulai') }}">
                            @error('tanggal_mulai')
                              <strong class="fw-bold d-block text-danger mt-2">
                                <small>&nbsp;* {{ $message }}</small>
                              </strong>
                            @enderror
                        </div>

                        <div class="col-6">
                            <label for="inputLevel" class="form-label">*Tanggal Berakhir</label>
                            <input type="date" class="form-control" name="tanggal_berakhir" value="{{ old('tanggal_berakhir') }}">
                            @error('tanggal_berakhir')
                              <strong class="fw-bold d-block text-danger mt-2">
                                <small>&nbsp;* {{ $message }}</small>
                              </strong>
                            @enderror
                        </div>

                        <div class="col-6">
                            <label for="inputLevel" class="form-label">*Jam Mulai</label>
                            <input type="time" class="form-control" name="jam_mulai" value="{{ old('jam_mulai') }}">
                            @error('jam_mulai')
                              <strong class="fw-bold d-block text-danger mt-2">
                                <small>&nbsp;* {{ $message }}</small>
                              </strong>
                            @enderror
                        </div>

                        <div class="col-6">
                            <label for="inputLevel" class="form-label">*Jam Berakhir</label>
                            <input type="time" class="form-control" name="jam_berakhir" value="{{ old('jam_berakhir') }}">
                            @error('jam_berakhir')
                              <strong class="fw-bold d-block text-danger mt-2">
                                <small>&nbsp;* {{ $message }}</small>
                              </strong>
                            @enderror
                        </div>

                        <div class="mt-4">
                            <button type="submit" class="btn btn-primary">
                                Submit
                            </button>
                            <button type="reset" class="btn btn-secondary">
                                Reset
                            </button>
                        </div>
                        </form>

                        <!-- Vertical Form -->
                    </div>
                </div>
            </div>
        </div>
    </section>
  </main>
@endsection