@extends('layouts.admin.admin-layout')
@section('dashboard-content')


    <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Soal Post Tes</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Post Tes</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        

          <div class="col-md-9">
              <div class="card">
                  <div class="card card-info">
                    <div class="card-header">
                      <h3 class="card-title">Materi : {{$soal->judul}}</h3>
                      <div id="soal-id" data-soal-id="{{$soal->id}}"></div>
                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->
                    <form id="form-new-soal">
                        @csrf
                        <input type="hidden" name="id">
                        <input type="hidden" name="id_materi" value="{{$soal->id}}">
                        <input type="hidden" name="id_user" value="2">
                      <div class="card-body">
                      <div class="row mb-2">
                        <div class="col-sm-6">
                          <div class="form-group">
                            <label>Soal</label>
                            <textarea name="judul" id="judul" cols="30" rows="12" class="form-control"></textarea>
                            <span class="text-danger" id="judul_error"></span>
                          </div>
                          <div class="form-group">
                            <label>Kunci Jawaban</label>
                            <select name="kunci_jawaban" id="kunci_jawaban" class="form-control">
                              <option value="">Pilih Kunci Jawaban</option>
                              <option value="1">A</option>
                              <option value="2">B</option>
                              <option value="3">C</option>
                              <option value="4">D</option>
                              <option value="5">E</option>
                            </select>
                            <span class="text-danger" id="kunci_jawaban_error"></span>
                          </div>
                         </div>

                         <div class="col-sm-6">
                          <div class="form-group">
                            <label>Pilihan A</label>
                            <input type="text" name="pilihan_1" class="form-control" id="pilihan_1">
                            <span class="text-danger" id="pilihan_1_error"></span>
                          </div>
                          <div class="form-group">
                            <label>Pilihan B</label>
                            <input type="text" name="pilihan_2" id="pilihan_2" class="form-control">
                            <span class="text-danger" id="pilihan_2_error"></span>
                          </div>
                          <div class="form-group">
                            <label>Pilihan C</label>
                            <input type="text" name="pilihan_3" id="pilihan_3" class="form-control">
                            <span class="text-danger" id="pilihan_3_error"></span>
                          </div>
                          <div class="form-group">
                            <label>Pilihan D</label>
                            <input type="text" name="pilihan_4" id="pilihan_4" class="form-control">
                            <span class="text-danger" id="pilihan_4_error"></span>
                          </div>
                          <div class="form-group">
                            <label>Pilihan E</label>
                            <input type="text" name="pilihan_5" id="pilihan_5" class="form-control">
                            <span class="text-danger" id="pilihan_5_error"></span>
                          </div>
                         </div>

                                                
                      </div>
                    </div>
                      <!-- /.card-body -->
                      <div class="card-footer">
                        <button type="submit" class="btn btn-info float-right">Simpan Soal</button>
                        
                      </div>
                      <!-- /.card-footer -->
                    </form>
                  </div>
              </div>
            <!-- /.card -->
          
          </div>
          <!-- /.col -->
       
        <div class="col-md-12">
            
          <div class="card">
              
              <!-- /.card-header -->
              <div class="card-body p-0">
          
                <table id="example1" class="table table-bordered table-striped display" style="width:100%">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Soal</th>
                            <th>Pilihan 1</th>
                            <th>Pilihan 2</th>
                            <th>Pilihan 3</th>
                            <th>Pilihan 4</th>
                            <th>Pilihan 5</th>
                            <th>Kunci Jawaban</th>
                            <th>Action</th>
                            
                        </tr>
                    </thead>
                    <tbody></tbody>
                  </table>
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
     
        <!-- /.row -->
    
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

  
                    
                    
                 
@endsection