@extends('admin.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="javascript:void(0)">Test Series Manager</a></li>
              <li class="breadcrumb-item active" aria-current="page"><a href="{{route('admin.test_series_manager.test.list', base64_encode($testDetails->test_package_id))}}">Test</a></li>
              <li class="breadcrumb-item active" aria-current="page">Test Edit</li>
            </ol>
          </div>
           <!-- MAIN BODY CONTENT -->
            <h1 class="pageHeadTag">Edit Test</h1>

            <!-- Table -->
            <div class="card add_area">
              <div class="steps-wrap">
                <ul class="steps-item">
                  <li class="active">
                    <a href="{{route('admin.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>
                    <a href="{{route('admin.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>
                    <a href="{{route('admin.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>
                    <a href="{{route('admin.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 class="card-body">
                  <h2>Update Test</h2>
                  <form action="" method="post" id="test_add_frm">
                    {{csrf_field()}}
                    <div class="row">
                      <div class="col-lg-6">
                        <div class="form-group">
                          <label for="testTemplage" class="form-label"
                            >Test Template
                            <span class="text-danger">*</span></label
                          >
                          <select name="" id="choose_template" class="form-control">
                            
                            @if(isset($testTemplateData))
                            <option value="{{$testTemplateData->exam_type_id}}">@if(isset($testTemplateData->examTypeName)){{$testTemplateData->examTypeName->exam_type}}@endif</option>
                            @else
                            <option value="">Select your test template</option>
                            @endif
                          </select>
                        </div>

                        <div class="form-group">
                          <label for="testTemplage" class="form-label">Test Name <span class="text-danger">*</span></label>
                          <input type="text" name="test_name" class="form-control form_input"  value="{{$testDetails->test_name}}" placeholder="Enter your test Name"/>
                        </div>
                        <div class="form-group">
                          <label for="examType" class="form-label">Exam Type <span class="text-danger">*</span></label>
                          <select name="exam_type" id="exam_type" class="form-control form_input">
                              <option value="">Select Exam Type</option>
                            @if($examTypes)
                              @foreach($examTypes as $types)
                                  <option value="{{$types->exam_type_id}}"  @if($testDetails->exam_type_id == $types->exam_type_id){{'selected'}}@endif>@if(isset($types->examTypeNames)){{$types->examTypeNames->exam_type}}@endif</option>
                              @endforeach
                            @endif
                          </select>
                        </div>

                        <div class="form-group">
                          <label for="examType" class="form-label">Test Type <span class="text-danger">*</span></label>
                          <div class="dropdown">
                            <button class="btn btn-custom-toggle dropdown-toggle btn-block test_type_btn" type="button" id="dropdownMenuButton" data-toggle="dropdown"   aria-haspopup="true" aria-expanded="false">
                                @if($testDetails->testTypeByTest)
                                <span>{{$testDetails->testTypeByTest->test_type_name}} </span>
                                <strong class="pull-right pr-4 type_calendar_data">
                                  @if($testDetails->test_type_start_date){!!'<i class="fa fa-calendar"></i> (Start on '.$testDetails->test_type_start_date.')(End on '.$testDetails->test_type_end_date!!}@endif
                                </strong>
                                 @endif
                              </button>
                              <div class="dropdown-menu custom-dropdown-menu" aria-labelledby="dropdownMenuButton">
                                @if($testTypes)
                                  @foreach($testTypes as $type)
                                      <a class="dropdown-item test_type_id" href="javascript:void(0)" data-id="{{$type->id}}" data-enabled="{{$type->date_enabled}}">
                                        <span>{{$type->test_type_name}}</span>
                                        <strong class="pull-right pr-4 type_calendar_data"></strong>
                                      </a>
                                  @endforeach
                                @endif

                                <a class="dropdown-item text-underline text-right add_date_to_test_type" href="javascript:void(0)">Add Test Type</a>
                              </div>                              
                          </div>
                          <input type="hidden" name="test_type" id="test_type" value="@if($testDetails->testTypeByTest){{$testDetails->testTypeByTest->id}}@endif" class="form_input">
                          <input type="hidden" name="test_type_date_enabled" id="test_type_date_enabled" value="@if($testDetails->testTypeByTest){{$testDetails->testTypeByTest->date_enabled}}@endif" class="form_input">
                          <input type="hidden" name="add_new_type" id="add_new_type" value="0" class="">
                          
                        </div>
                        
                        <div class="form-group">
                          <label for="Difficulty" class="form-label">Difficulty Level
                            <span class="text-danger">*</span></label>
                              <select class="form-control form_input" id="difficulty_level" name="difficulty_level">
                                  <option value="" >Difficulty Level</option>
                                <option value="1"  @if($testDetails->difficulty_level == 1){{'selected'}}@endif>Easy</option>
                                <option value="2"  @if($testDetails->difficulty_level == 2){{'selected'}}@endif>Mediium</option>
                                <option value="3" @if($testDetails->difficulty_level == 3){{'selected'}}@endif >Hard</option>
                              </select>
                        </div>
                        <div class="form-group">
                          <label for="totalMarks" class="form-label">Total Marks<span class="text-danger">*</span></label>
                          <input type="text"  name="marks" class="form-control form_input" placeholder="Enter your marks" value="{{$testDetails->marks}}"/>
                        </div>
                        <div class="form-group">
                          <label for="Difficulty" class="form-label" >Faculty <span class="text-danger">*</span></label>
                          <select id="faculty" name="faculty[]" class="js-ExamType form-control form_input" multiple="multiple">
                            
                            @if($faculties)
                              @foreach($faculties as $facultie)
                                  <option value="{{$facultie->id}}"  @if(in_array($facultie->id, $editFaculties)){{'selected'}}@endif>{{$facultie->faculty_name}}</option>
                              @endforeach
                            @endif
                          </select>
                        </div>
                      </div>
                      <div class="col-lg-6">
                        <div class="form-group">
                          <div class="picture-with-radio">
                            <span class="checkedTemplateContent"><img src="@if($testTemplateData){{asset('storage/template_thumb/'.$testTemplateData->thumb_image)}}@else{{asset('admin/images/no-picture.png')}}@endif" alt=""></span>
                            <div class="pic-label-content">
                              <span class="pic-label checkedTemplateName">@if(isset($testTemplateData->examTypeName)){{$testTemplateData->examTypeName->exam_type}}@endif</span>
                              <label class="custom-control custom-radio">
                                <input type="radio" class="custom-control-input" name="template" value="@if(isset($testDetails->templateByTest)){{$testDetails->templateByTest->id}}@endif" checked=""/>
                                <span class="custom-control-label"></span>
                              </label>
                            </div>
                          </div>
                        </div>
                        <div class="form-group">
                          <label for="examType" class="form-label">Exam Name <span class="text-danger">*</span></label>
                          <select name="exam_name" id="exam_name" class="form-control form_input">
                              <option value="">Select Exam Name</option>
                              @if($examNames)
                                @foreach($examNames as $examName)
                                    <option value="{{$examName->id}}"  @if($testDetails->exam_name_id == $examName->id){{'selected'}}@endif>{{$examName->exam_name}}</option>
                                @endforeach
                              @endif
                          </select>
                        </div>
                        <div class="form-group">
                          <label for="examType" class="form-label">Subject <span class="text-danger">*</span></label>
                          <select name="subject[]" id="subject" class="js-ExamType form-control form_input" multiple="multiple">
                              
                              @if($subjects)
                                @foreach($subjects as $subject)
                                    <option value="{{$subject->id}}"  @if(in_array($subject->id, $editSubjects)){{'selected'}}@endif>{{$subject->subject}}</option>
                                @endforeach
                              @endif
                          </select>
                        </div>
                        <div class="form-group">
                          <label for="totalMarks" class="form-label">Duration (in min)<span class="text-danger">*</span></label>
                          <input type="text"  name="duration" class="form-control form_input" placeholder="Enter your duration" value="{{$testDetails->duration}}"/>
                        </div>
                        <div class="form-group">
                          <label for="totalMarks" class="form-label">Language <span class="text-danger">*</span></label>
                          <select name="language[]" id="language" class="js-ExamType form-control form_input" multiple="multiple">
                            
                            @if($languages)
                              @foreach($languages as $langs)
                                  <option value="{{$langs->language_id}}" @if(in_array($langs->language_id, $editLanguages)){{'selected'}}@endif>@if($langs->language_id == 1){{'English'}} @else {{'Hindi'}} @endif</option>
                              @endforeach
                            @endif
                          </select>
                        </div>

                        <div class="form-group">
                          <label for="portalInstruction" class="form-label">Instruction <span class="text-danger">*</span></label>
                          <div class="dropdown">
                            <button class="btn btn-custom-toggle dropdown-toggle btn-block select_inst" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              @if($testDetails->instructionByTest){{$testDetails->instructionByTest->portal_filename.' & '.$testDetails->instructionByTest->test_filename}}@endif
                            </button>
                            <div class="dropdown-menu custom-dropdown-menu v-scroll-200 " aria-labelledby="dropdownMenuButton">
                               <span class="all_instruction">
                                 @if($testInsFiles)
                                  @foreach($testInsFiles as $files)
                                      <a class="dropdown-item instruction_file" href="javascript:void(0)" data-id="{{$files->id}}">{{$files->portal_filename.' & '.$files->test_filename}}</a>
                                  @endforeach
                                @endif
                               </span>
                              <a class="dropdown-item text-underline text-right add_instruction" href="javascript:void(0)">Add Portal & Test Instruction<img src="assets/images/pencil.svg" alt=""/></a>
                            </div>
                          </div>
                          <input type="hidden" name="instruction_files" class="form_input" id="instruction_files_id" value="@if($testDetails->instructionByTest){{$testDetails->instructionByTest->id}}@endif" class="">
                        </div>
                        
                      </div>
                      
                      
                      <input type="hidden" name="edit_id" id="edit_id" value="{{base64_encode($testDetails->id)}}" class="">
                      <input type="hidden" name="test_package_id" id="" value="@if(isset($packageDetails)){{base64_encode($packageDetails->id)}}@endif" class="form_input">
                      <input type="hidden" name="type_start_date" id="type_start_date" value="{{$testDetails->test_type_start_date}}" class="">
                      <input type="hidden" name="type_end_date" id="type_end_date" value="{{$testDetails->test_type_end_date}}" class="">
                      <input type="hidden" name="type_type_new_name" id="type_type_new_name" value="" class="">
                      <div class="test-footer">
                        
                        <a class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14" href="{{route('admin.test_series_manager.test.list', base64_encode($packageDetails->id))}}">
                            Cancel
                          </a>

                        <a href="{{route('admin.test_series_manager.test.question.list', base64_encode($testDetails->id))}}"><button type="button" class="btn btn-primary btn-streach font-book mt-6 fs-14" id="test_add_step1_next">Next</button></a>

                        <button type="button" class="btn btn-primary btn-streach font-book mt-6 fs-14" id="test_add_step1_update" style="float: right;">Update</button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>

            <!--PORTAL INTRUCTION AREA -->
            <div class="card instruction_area" style="display: none;">
              <div class="card-body">
                <h2>Description</h2>
                <div class="inst-header">
                  <div class="inst-left">
                    <select name="portal_language" id="portal_language" class="form-control">
                      @if($languages)
                        @foreach($languages as $langs)
                            <option value="{{$langs->language_id}}">@if($langs->language_id == 1){{'English'}} @else {{'Hindi'}} @endif</option>
                        @endforeach
                      @endif
                    </select>
                    <label for="uploadFile" class="upload-file-light mx-4">
                      <input type="" id="uploadFile" class="uploadFile" data-id="1"/>
                      Select File
                    </label>
                    <p></p>
                  </div>
                  <button class="btn btn-primary btn-streach mt-7 fs-14 float-right import_portal" data-id="1">Import</button>
                </div>

                <div class="editor-inst-box">
                  <div class="form-group">
                    <label for="totalMarks" class="form-label">Filename<span class="text-danger">*</span></label>
                    <input type="text"  name="portal_filename" id="portal_filename" class="form-control" placeholder="Enter your filename" value=""/>
                    <input type="hidden"  name="portal_existing_filename" id="portal_existing_filename"/>
                  </div>
                  <textarea name="portal_data" id="portal_data" cols="30" rows="10"></textarea>
                </div>
                <div class="test-footer">
                  <button class="btn btn-outline-primary btn-pill btn-streach font-book mt-6 fs-14 preview_html" data-id="1">Preview</button>
                  <button class="btn btn-primary btn-streach font-book mt-6 fs-14  ml-3 instruction_area_save"  data-id="1">Save</button>
                  <button class="btn btn-primary btn-streach font-book mt-6 fs-14  ml-3 instruction_area_next"  data-id="1" disabled="disabled" style="float: right;">Next</button>
                </div>
              </div>
            </div>

            <!--TEST INTRUCTION AREA -->
              <div class="card test_instruction_area" style="display: none;">
              <div class="card-body">
                <h2>Description</h2>
                <div class="inst-header">
                  <div class="inst-left">
                    <select name="portal_language" id="test_language" class="form-control">
                      @if($languages)
                        @foreach($languages as $langs)
                            <option value="{{$langs->language_id}}">@if($langs->language_id == 1){{'English'}} @else {{'Hindi'}} @endif</option>
                        @endforeach
                      @endif
                    </select>
                    <label for="uploadFile1" class="upload-file-light mx-4">
                      <input type="" id="uploadFile1" class="uploadFile" data-id="2"/>
                      Select File
                    </label>
                    <p></p>
                  </div>
                  <button class="btn btn-primary btn-streach mt-7 fs-14 float-right import_portal" data-id="2">Import</button>
                </div>
                <input type="hidden" name="last_id" id="last_id">
                <div class="editor-inst-box">
                  <div class="form-group">
                    <label for="totalMarks" class="form-label">Filename<span class="text-danger">*</span></label>
                    <input type="text"  name="test_filename" id="test_filename" class="form-control" placeholder="Enter your filename" value=""/>
                    <input type="hidden"  name="test_existing_filename" id="test_existing_filename"/>
                  </div>
                  <textarea name="test_data" id="test_data" cols="30" rows="10"></textarea>
                </div>
                <div class="test-footer">
                  <button class="btn btn-outline-primary btn-pill btn-streach font-book mt-6 fs-14 preview_html" data-id="2">Preview</button>
                  <button class="btn btn-primary btn-streach font-book mt-6 fs-14  ml-3 instruction_area_save"  data-id="2">Save</button>
                  <button class="btn btn-primary btn-streach font-book mt-6 fs-14  ml-3 instruction_area_next"  data-id="2" disabled="disabled" style="float: right;">Add</button>
                </div>
              </div>
            </div>
            <!-- //Table -->
            <!--// MAIN BODY CONTENT -->
    </div>
  </div>

  
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/test.js?v='.time())}}"></script>
<script>
  CKEDITOR.replace( 'portal_data');
  CKEDITOR.replace( 'test_data');
  @if(isset($testTemplateData))
      $('.templates_list').each(function(){
        if($(this).val() == "{{$testTemplateData->exam_type_id}}"){
          $(this).attr('checked','checked');
        }
      })
      $('.template_details').html('');
      $.ajax({
          data : {exam_type_id: "{{$testTemplateData->exam_type_id}}"},
          url: get_exam_name_by_type,
          type: "POST",
          headers: {
              'X-CSRF-TOKEN': csrf_token,
              '_token' : csrf_token
          },    
          dataType: 'JSON',
          success:function (data) {
              console.log(data);
              if (data.status == 200){
                  $('#template_exam_name').html(data.result);
                  $('#template_exam_name').val("{{$testTemplateData->exam_name_id}}");
              }
          }, error:function (data) {                        
                                
          }
      })

      $.ajax({
          data : {
              exam_name_id: "{{$testTemplateData->exam_name_id}}"
          },
          url: get_template_data_by_exam_name,
          type: "POST",
          headers: {
              'X-CSRF-TOKEN': csrf_token,
              '_token' : csrf_token
          },    
          dataType: 'JSON',
          success:function (data) {
              console.log(data);
              if (data.status == 200){
                  $('.template_details').html(data.result);
                  $('.template_thumb_img').html(data.image);
              }
          }, error:function (data) {                        
                                
          }
      })
  @endif
</script> 
@endsection