@extends('admin.layouts.app')
@section('content')
          <div class="page-inner">
            <div class="page-header">
              <h3 class="fw-bold mb-3">{{ucfirst($chapter->chapter)}}</h3>
              <ul class="breadcrumbs mb-3">
                <li class="nav-home">
                  <a href="#">
                    <i class="icon-home"></i>
                  </a>
                </li>
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">{{ucfirst($course->course_name)}}</a>
                </li>  
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">{{ucfirst($class->class)}}</a>
                </li>  
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">{{ucfirst($subject->subject)}}</a>
                </li>  
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">{{ucfirst($chapter->chapter)}} Questions</a>
                </li>          
              </ul>
            </div>
            <div class="row">   

              <div class="col-md-12">
                @if(session('success_msg'))
                  <div class="alert alert-success">{{session('success_msg')}}</div>
                @endif
                @if(session('error_msg'))
		                <div class="alert alert-danger">{{session('error_msg')}}</div>
		            @endif
                <div class="card">
                  <div class="card-header">
                    <div class="d-flex align-items-center">
                      <h4 class="card-title">{{ucfirst($course->course_name)}} / {{ucfirst($class->class)}} / {{ucfirst($subject->subject)}} / {{ucfirst($chapter->chapter)}} / Questions</h4>                     
                      <!-- <a href="{{URL::to('admin/course/'.$course->id.'/class/'.$class->id.'/subjects/'.$subject->id.'/chapters/'.$chapter->id.'/offline-questions/create')}}?series_id={{$series_id}}" role="button" class="btn btn-primary btn-round ms-auto" data-toggle="modal">Add Question</a> -->
                      <!-- <a href="#addTopic" role="button" class="btn btn-primary btn-round ms-auto" data-bs-toggle="modal">Add Topic</a> -->
                    </div>
                  </div>
                  <div class="card-body">                   

                    <div class="table-responsive">
                      <table
                        id="add-row"
                        class="display table table-striped table-hover"
                      >
                        <thead>
                          <tr>
                            <th>S.No</th>
                            <th class="sort-alpha">Question</th>
                            <th class="sort-alpha">Topic</th>
                            <th class="sort-alpha">Level</th>                      
                            <th style="width: 45%">Action</th>
                          </tr>
                        </thead>
                        <tfoot>                          
                          <tr>
                            <th>S.No</th>
                            <th>Question</th>
                            <th>Topic</th>
                            <th>Level</th>
                            <th>Action</th>
                          </tr>
                        </tfoot>
                        <tbody>
                          @if(isset($questions) && !empty($questions))
                          @foreach($questions as $key => $question)
                          
                          <tr>
                            <td>{{++$key}}</td>
                            <td>{!!$question->question!!}</td>  
                            <td>@if(isset($question->topic->topic)) {{ucfirst($question->topic->topic)}} @endif</td>
                                  <td>{{$questionLevels[$question->question_level]}}</td>                          
                            <td>
                              <div class="form-button-action">                            
                                   
                                  <a class="edit editQuestion btn btn-xs btn-info" href="{{URL::to('admin/course/'.$course->id.'/class/'.$class->id.'/subjects/'.$subject->id.'/chapters/'.$chapter->id.'/question-bank/'.$question->id)}}?series_id={{$series_id}}">Edit</a>
                                  <!-- <a class="delete deleteQuestion btn btn-xs btn-danger" href="#removeQuestion" data-bs-toggle="modal" data-id="{{$question->id}}">Delete</a> -->
                                
                              </div>
                            </td>
                          </tr>
                          @endforeach
                          @endif
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          
           <div class="modal fade" id="removeQuestion" tabindex="-1" role="dialog" aria-labelledby="modalConfirmLabel" aria-hidden="true">
                      <div class="modal-dialog">
                        <div class="modal-content">

                          <form role="form" name="delete-form" id="delete-form" method="POST">
                          <div class="modal-header">
                            <h3 class="modal-title thin" id="modalConfirmLabel">Delete Question</h3>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
                          </div>
                          <div class="modal-body">
                              
                              <p>Are you sure want to delete this question?</p>

                          </div>
                          <div class="modal-footer">
                            <input type="hidden" name="_method" value="DELETE" />
                            <button class="btn btn-red" type="button" data-bs-dismiss="modal" aria-hidden="true">Cancel</button>
                            <button class="btn btn-primary" type="submit">Delete</button>
                          </div>
                          </form>
                        </div><!-- /.modal-content -->
                      </div><!-- /.modal-dialog -->
                    </div><!-- /.modal --> 
                   

          <!-- Model End -->
          <script src="{{asset('assets/admin/js/core/jquery-3.7.1.min.js')}}"></script>
          <script src="{{asset('assets/admin/js/plugin/datatables/datatables.min.js')}}"></script>
       <script type="text/javascript">
         $(document).ready(function () {

                // Add Row
                $("#add-row").DataTable({
                pageLength: 5,
                });
            });
  
  $('#add-form').validate();
  $('#edit-form').validate();

  $(document).on('click','.deleteQuestion',function(){
    var id = $(this).data('id');
    $('#delete-form').attr('action',"{{URL::to('admin/course/'.$course->id.'/class/'.$class->id)}}/subjects/{{$subject->id}}/chapters/{{$chapter->id}}/offline-questions/"+id+"?series_id={{$series_id}}");
  });

</script>
          @endsection