@extends('coaching.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
        <div class="side-app">
          <div class="page-header">
            <ol class="breadcrumb">
              <li class="breadcrumb-item" aria-current="page"><a href="{{route('coaching.test_series_manager.list')}}">Test Package Manager</a></li>
              <li class="breadcrumb-item" aria-current="page"><a href="{{route('coaching.test_series_manager.test.question.list', base64_encode($testDetails->id))}}">Test Question</a></li>
              <li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0)">Question Vault</a></li>
            </ol>
          </div>
          <!-- MAIN BODY CONTENT -->
            <h1>Add Test</h1>
            <div class="card">
              <div class="steps-wrap">
                  <ul class="steps-item">
                    
                    <li class="@if($testDetails->completed_step >= 1){{'grey-color'}}@endif">
                      <a href="{{route('coaching.test_series_manager.test.edit', base64_encode($testDetails->id))}}">
                      <div class="step-content">
                        <p class="step">Step 1</p>
                        <p class="step-desc">Create a New Test</p>
                      </div>
                      <svg
                        class="step-img"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                      >
                        <g transform="translate(21017.088 -1472.473)">
                          <rect
                            width="24"
                            height="24"
                            transform="translate(-21017.088 1472.473)"
                            fill="none"
                          />
                          <g transform="translate(-21013.088 1474.973)">
                            <g transform="translate(0 6.846)">
                              <path
                                d="M8,12.154a1.51,1.51,0,0,1-.683-.165A7.716,7.716,0,0,0,4,11.317a9,9,0,0,0-2.2.263,1.45,1.45,0,0,1-.358.045A1.434,1.434,0,0,1,.432,11.2,1.455,1.455,0,0,1,0,10.163V1.927A1.494,1.494,0,0,1,.888.577,7.915,7.915,0,0,1,4,0,6.685,6.685,0,0,1,8,1.095a6.69,6.69,0,0,1,4-1.095,7.853,7.853,0,0,1,3.106.577A1.494,1.494,0,0,1,16,1.927v8.236a1.437,1.437,0,0,1-1.8,1.417,9,9,0,0,0-2.2-.263,7.643,7.643,0,0,0-3.317.672A1.476,1.476,0,0,1,8,12.154Zm4-10.693a8.806,8.806,0,0,0-4,1.1v8.4a8.815,8.815,0,0,1,4-1.095,9.163,9.163,0,0,1,1.673.146.768.768,0,0,0,.134.012.734.734,0,0,0,.739-.728V2.38a.739.739,0,0,0-.581-.716A9.2,9.2,0,0,0,12.006,1.46Z"
                                transform="translate(0 0)"
                                fill=""
                              />
                            </g>
                            <ellipse
                              cx="3.296"
                              cy="3.267"
                              rx="3.296"
                              ry="3.267"
                              transform="translate(4.894)"
                              fill=""
                            />
                          </g>
                        </g>
                      </svg>
                      </a>
                    </li>
                  
                  
                    <li class="active">
                      <a href="{{route('coaching.test_series_manager.test.question.list', base64_encode($testDetails->id))}}">
                      <div class="step-content">
                        <p class="step">Step 2</p>
                        <p class="step-desc">Add Question</p>
                      </div>
                      <svg
                        class="step-img"
                        xmlns="http://www.w3.org/2000/svg"
                        width="35"
                        height="29.002"
                        viewBox="0 0 35 29.002"
                      >
                        <path
                          d="M3.807,24.191A13,13,0,0,1,13,2a12.91,12.91,0,0,1,5.4,1.168A9,9,0,0,0,25.849,17,13.012,13.012,0,0,1,13,28,12.909,12.909,0,0,1,3.807,24.191Zm8.244-4.721a1.5,1.5,0,0,0-.5.324,1.616,1.616,0,0,0-.336.487,1.542,1.542,0,0,0,.336,1.7,1.533,1.533,0,0,0,.5.325,1.647,1.647,0,0,0,.631.112,1.594,1.594,0,0,0,.619-.112,1.685,1.685,0,0,0,.5-.325,1.538,1.538,0,0,0,.341-.492,1.573,1.573,0,0,0,0-1.212,1.7,1.7,0,0,0-.341-.487,1.6,1.6,0,0,0-.5-.324,1.47,1.47,0,0,0-.619-.121A1.535,1.535,0,0,0,12.051,19.471Zm1.771-7.939a1.1,1.1,0,0,1,.355.859,1.534,1.534,0,0,1-.193.779,2.478,2.478,0,0,1-.474.59,5.351,5.351,0,0,1-.623.5,7.107,7.107,0,0,0-.619.474,2.281,2.281,0,0,0-.475.547,1.249,1.249,0,0,0-.191.7.787.787,0,0,0,.005.107.514.514,0,0,0,.008.08s0,.008,0,.012a.046.046,0,0,0,0,.012l.2,1.454h1.911l.252-1.262a.936.936,0,0,1,.283-.5,4.829,4.829,0,0,1,.539-.457c.05-.039.1-.076.153-.115l.08-.06.005-.006c.138-.1.278-.21.424-.322a3.683,3.683,0,0,0,.635-.631,3.262,3.262,0,0,0,.481-.865,3.351,3.351,0,0,0,.187-1.188,3.312,3.312,0,0,0-.251-1.31A2.915,2.915,0,0,0,15.78,9.91a3.394,3.394,0,0,0-1.158-.643A4.835,4.835,0,0,0,13.1,9.04a5.657,5.657,0,0,0-1.123.107,4.92,4.92,0,0,0-.967.289,5.5,5.5,0,0,0-.84.426,6.069,6.069,0,0,0-.727.524l.739,1.135a.626.626,0,0,0,.576.329.683.683,0,0,0,.342-.1l.119-.063.045-.024c.066-.037.136-.074.21-.113l.029-.015a2.972,2.972,0,0,1,.546-.223,2.818,2.818,0,0,1,.8-.1A1.4,1.4,0,0,1,13.822,11.532ZM18,8a8,8,0,1,1,8,8A8.01,8.01,0,0,1,18,8Zm3.534,1.2H25.09v3.847h2.435V9.2H31.1V7.052H27.526V3.226H25.09V7.052H21.534Z"
                          transform="translate(0.5 0.5)"
                          fill=""
                          stroke="rgba(0,0,0,0)"
                          stroke-width="1"
                        />
                      </svg>
                    </a>
                    </li>
                    
                    <li class="@if($testDetails->completed_step >= 3){{'grey-color'}}@endif">
                      <a href="{{route('coaching.test_series_manager.test.setting.add', base64_encode($testDetails->id))}}">
                      <div class="step-content">
                        <p class="step">Step 3</p>
                        <p class="step-desc">Test Setting</p>
                      </div>
                      <svg
                        class="step-img"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                      >
                        <g transform="translate(-542 -154)">
                          <rect
                            width="24"
                            height="24"
                            transform="translate(542 154)"
                            fill="rgba(0,0,0,0)"
                          />
                          <path
                            d="M561,175H547a2,2,0,0,1-2-2V159a2,2,0,0,1,2-2h4.18a2.988,2.988,0,0,1,5.64,0H561a2,2,0,0,1,2,2v14A2,2,0,0,1,561,175Zm-11-6a1,1,0,1,0,0,2h5a1,1,0,0,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm4-4a1,1,0,1,0,1,1A1,1,0,0,0,554,157Z"
                            fill=""
                          />
                        </g>
                      </svg>
                      </a>
                    </li>
                    
                    <li class="@if($testDetails->completed_step >= 4){{'grey-color'}}@endif">
                      <a href="{{route('coaching.test_series_manager.test.final.review', base64_encode($testDetails->id))}}">
                      <div class="step-content">
                        <p class="step">Step 4</p>
                        <p class="step-desc">Finish Test</p>
                      </div>
                      <svg
                        class="step-img"
                        xmlns="http://www.w3.org/2000/svg"
                        width="24"
                        height="24"
                        viewBox="0 0 24 24"
                      >
                        <g transform="translate(-542 -154)">
                          <rect
                            width="24"
                            height="24"
                            transform="translate(542 154)"
                            fill="rgba(0,0,0,0)"
                          />
                          <path
                            d="M561,175H547a2,2,0,0,1-2-2V159a2,2,0,0,1,2-2h4.18a2.988,2.988,0,0,1,5.64,0H561a2,2,0,0,1,2,2v14A2,2,0,0,1,561,175Zm-11-6a1,1,0,1,0,0,2h5a1,1,0,0,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm4-4a1,1,0,1,0,1,1A1,1,0,0,0,554,157Z"
                            fill=""
                          />
                        </g>
                      </svg>
                    </a>
                    </li>
                  </ul>
              </div>
            
              <div class="card-body">
         <h2>Question Vault</h2>
               <div class="details-box">                 
                  <div class="form-row filter-row">
                      
                      <div class="form-group col-md-9 mb-0">
                        <div class="input-group search-filter">                         
                          <input type="text"  class="form-control input-sm id_search_filter" placeholder="Id search for..." id="id_filter" name="id_filter"/>
                          <span class="input-group-append">
                            <button class="btn main_filter" type="button" id="search_btn">
                              <i class="fa fa-search search-icon fs-13 text-primary"></i>
                            </button>
                          </span>
                        </div>
                      </div>
                      <div class="form-group col-md-3 mb-0">
                        <select  id="language_filter" name="language_filter" class="form-control input-sm search_filter">
                          <option value="" selected>Select Language</option>
                          @if($languages)
                            @foreach($languages as $language)
                              <option value="{{$language->language_id}}">@if($language->language_id == 1){{'English'}}@else{{'Hindi'}}@endif</option>
                            @endforeach
                          @endif
                        </select>

                      </div>
                    </div>
               </div>                
              </div>
            
              <div class="card-body">
               <div class="details-box">
                  <div class="form-row filter-row">
                      <div class="form-group col-md-3">
                        <select  id="examtype_filter" name="examtype_filter" data-id="exam_type" class="form-control input-sm">
                          <option value="" selected>Exam Type</option>
                          @if($examTypes)
                            @foreach($examTypes as $exams)
                              <option value="{{$exams->exam_type_id}}" selected>{{$exams->exam_type}}</option>
                            @endforeach
                          @endif
                        </select>
                      </div>
                      <div class="form-group col-md-3">
                        <select  id="subject_filter" name="subject_filter"  data-id="subject" class="form-control input-sm search_filter filters">
                          <option value="" selected>Select Subject</option>
                          @if($subjects)
                            @foreach($subjects as $subject)
                              <option value="{{$subject->subject_id}}">@if(isset($subject->subjectByTestSubject)){{$subject->subjectByTestSubject->subject}}@endif</option>
                            @endforeach
                          @endif
                        </select>
                      </div>
                      <div class="form-group col-md-3">
                        <select  id="chapter_filter" name="chapter_filter"  data-id="chapter" class="form-control input-sm search_filter filters">
                          <option value="" selected>Select Chapter</option>
                        </select>
                      </div>
                      <div class="form-group col-md-3">
                        <select  id="topic_filter" name="topic_filter" class="form-control input-sm search_filter">
                          <option value="" selected>Select Topic</option>
                        </select>
                      </div>
                      <div class="form-group col-md-3 mb-0">
                        <select  id="difficulty_level_filter" name="difficulty_level_filter" class="form-control input-sm search_filter">
                          <option value="" selected>Select Difficulty Level</option>
                          <option value="1" >Easy</option>
                          <option value="2" >Medium</option>
                          <option value="3" >Hard</option>
                        </select>
                      </div>
                      <div class="form-group col-md-3 mb-0">
                        <select  id="question_type_filter" name="question_type_filter" class="form-control input-sm search_filter">
                          <option value="" selected>Question Type</option>
                          <option value="1">Multiple Choice</option>
                          <option value="2">Multiple Response</option>
                          <option value="3">True/False</option>
                          <option value="4">Fill In The blanks</option>
                          <option value="5">Match The Following</option>
                          <option value="6">Match Matrix</option>
                          <option value="7">Essay</option>
                          <option value="8">Single Digit</option>
                          <option value="9">Subjective</option>
                        </select>
                      </div>
                      <div class="form-group col-md-3 mb-0">
                        <select  id="faculty_filter" name="faculty_filter" class="form-control input-sm search_filter">
                          <option value="" selected>Select Faculty</option>
                        </select>
                      </div>
                      <div class="form-group col-md-3 mb-0">
                        <select  id="typist_filter" name="typist_filter" class="form-control input-sm search_filter">
                          <option value="" selected>Select Typist</option>
                          <option value="{{Auth::guard('coaching')->user()->manager_holder_name}}" >{{Auth::guard('coaching')->user()->manager_holder_name}}</option>
                        </select>
                      </div>
                  </div>
               </div>   
              </div>
              <div class="card-body">
                <p class="text-right font-bold mb-2 total_question">Total No of Selected Question: 0</p>
                <div class="">

                  <table id="bank-question" class="stripe row-border order-column">
                    <thead>
                      <tr>
                        <th></th>
                        <th>Serial No <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                        <th>Q. ID <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                        <th>Question Details <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                        <th>Subject <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                        <th>Chapter <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                        <th>Question Type <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                        <th>Level <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                        <th>Created Date <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                        <th>Status <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                      </tr>
                    </thead>
                    
                  </table>
                </div>
                <div class="test-footer">
                    <a href="{{route('coaching.test_series_manager.test.question.list', base64_encode($testDetails->id))}}" class="btn btn-outline-primary btn-pill btn-streach font-book mt-6 fs-14">Back</a>
                    <butto class="btn btn-primary btn-streach font-book mt-6 fs-14  ml-3 add_question_to_test">Add Question To Test</button>
                      <div id="loading_image" style="display:none; margin-left:45%;">
                      <image src="{{ url('/admin/images/loading_image.gif') }}" height="70">
                    </div>
                  </div>
              </div>
            </div>

            <!--// MAIN BODY CONTENT -->
        </div>
      </div>
@endsection
@section('scripts')
<script type="text/javascript">
  @if(Session::has('success'))
    Swal.fire('{{ Session::get('success') }}');
  @endif
  var test_vault_list = "{{route('coaching.test_series_manager.test.question.vault.list', base64_encode($testDetails->id))}}"; 
  var question_save_from_vault = "{{route('coaching.test_series_manager.test.question.vault.question_save_from_vault', base64_encode($testDetails->id))}}"; 
  var test_question_data = "{{route('coaching.test_series_manager.test.question.list', base64_encode($testDetails->id))}}"; 
</script>
<script type="text/javascript" src="{{asset('js/coaching/test_question_vault.js?v='.time())}}"></script>
<link href="{{asset('admin/plugins/drag-drop-upload/drag-drop-upload.css?v='.time())}}" rel="stylesheet" />
@endsection