@extends('layout.default')
@section('content')

@section('page_toolbar')
<a class="btn btn-info btn-sm mr-2" type="button" onclick="filterQuiz()">Filter</a>
<a href="{{ url('teacher/quizstep1') }}" class="btn btn-info btn-sm mr-2">
<i class="fas fa-plus-circle" aria-hidden="true"></i> Add Quiz
</a>
@endsection

<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
        <table class="table table-hover table-striped display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                  <th>Quiz Name</th>
                  <th>Quiz Message</th>
                  <th>Start Date</th>
                  <th>End Date</th>
                  <th>Syllabus</th>
                  <th>Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<!--end::Content-->
 
@include('teacher.quiz.filter_modal') 
@endsection
@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
<script>
   var table;
   $(function () {
    
       //Generate List
       table = $('#dataTables').DataTable({
          
          bSearchable: true,
          pagination: true,
          pageLength: 10,
          responsive: true,
          searchDelay: 500,
          processing: true,
          serverSide: true,
           ajax: {
               url: '{{ url('teacher/quiz_listing') }}',
               data: search
           },
           columns: [
             {data: 0, name: 'quiz_name'},
             {data: 1, name: 'quiz_message'},
             {data: 2, name: 'start_date'},
             {data: 3, name: 'end_date'},
             {data: 4, name: 'syllabus'},
             {data: 5, name: 'action', orderable: !1, searchable: !1}
           ],
       
       });

       

    $(".searchs").keyup(function () {
           table.draw();
       });
    });
   
    $(document).on('click', '.filterSubmit', function () {
        table.ajax.reload();
        $("#filterModal").modal("hide");
    });


    function search(value) {
        value.search_name = $('input[name=name]').val();
        value.country = $("#country").val();
        value.curriculum = $("#curriculum").val();
        value.year = $("#year").val();
        value.subject = $("#subject").val();
        value.paper = $("#paper").val();
        value.topic = $("#topic").val();
        value.chapter = $("#chapter").val();
        value.unit = $("#unit").val();
    }
       function showQuestion(b) {
            $.ajax({
                url: "{{ url('teacher/questions/getquestion') }}/" + b, 
                type: "GET", 
                dataType: "html"
            }).done(function (a) {
                var data = JSON.parse(a);
                $("#question_det").html(data.data);
                $("#questionDetModal").modal("show");
            });
                        
        }
   function softDelete(b) {
      
       Swal.fire({
           title: "Are you sure?",
           text: "You wont be able to revert this!", 
           icon: "warning",
           showCancelButton: true,
           confirmButtonText: "Yes, delete it!"
       }).then(function(result) {
           if (result.value) {

               $.ajax({url: "{{ url('teacher/quiz/delete') }}/" + b, type: "DELETE", dataType: "html"})
                   .done(function (a) {
                       var data = JSON.parse(a);
                     
                      if(data.flagError){
                           showAlert(data.message, "error");
                        }else{
                          
                           showAlert(data.message, "success");
                           setTimeout(function () {
                               table.ajax.reload(null, false);
                           }, 2000);
                          
                        }   
                   }).fail(function () {
                           showAlert("Somthing went wrong!", "error");
                           

               });
               
           }else if (result.dismiss === "cancel") {
               Swal.fire(
                   "Cancelled",
                   "",
                   "error"
               )
           }
       });
    }
   
</script>

@endsection