@extends('layouts.main')
@section('title','Manage Questions')
@section('content')

<div class="pcoded-content">
  <div class="pcoded-inner-content p-0">
    <div class="main-body">
      <div class="page-wrapper p-0">
        <div class="page-header p-15 m-b-0 pro-page-heading1">
           @if($message = Session::get('success'))
                         <div class="alert alert-success background-success">
                          <button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
                          <i class="hiremee-multiply text-white"></i>
                          </button>
                          <strong>Success!</strong> {{ $message }}
                        </div>
            @elseif($message = Session::get('error'))
            <div class="alert alert-danger background-danger">
                <button type="button" class="close m-t-0" data-dismiss="alert" aria-label="Close">
                <i class="hiremee-multiply text-white"></i>
                </button>
                <strong>Error!</strong>{{ $message }}
              </div>
            @endif
          <div class="page-header-title">
            <h4>Manage QMS</h4>
          </div>
          <div class="page-header-breadcrumb p-r-10">
            <ul class="breadcrumb-title">
              <li class="breadcrumb-item">
                @if(Auth::guard('corporate')->user()->user_type == 1)
                <a href="{{secure_url('company/dashboard') }}">
                  @elseif(Auth::guard('corporate')->user()->user_type == 2)
                  <a href="{{secure_url('recruiter/dashboard') }}">
                    @endif 
                    <span class="hiremee-home"></span>
                  </a>
                </li>
                <li class="breadcrumb-item"><a href="{{ secure_url('pro/create-question') }}">Manage QMS</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="page-body">
            <div class="hme-loading-mask">
                            <div class="hme-loading-container">
                                <div class="hme-dual-ring"></div>
                                <div>Please wait, Loading...</div>
                            </div>
                          </div>
            <div class="pageheader">
              <div class="row">
                <div class="col col-md-6 d-flex align-items-center">
                  Upload your questions
                </div>
                <div class="col col-md-6 text-right">
                  @if(!empty($is_course_mapping))
                     @if($is_course_mapping == 1)
                         <a href="{{ secure_url('QuestionAndCourseTemplate.xls')}}" class="btn btn-success pull-right"> <i class="hiremee-excel"></i>
                        <span>Download Excel</span> </a>
                     @endif
                   @else
                     <a href="{{ secure_url('QuestionTemplate.xlsx')}}" class="btn btn-success pull-right"> <i class="hiremee-excel"></i>
                        <span>Download Excel</span> </a>
                  @endif
                        
                </div>
              </div>
            </div>
            
            <div class="row">
              <div class="col-xs-12 col-md-12">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                   @if($id)
                    <li class="nav-item">
                      <a class="nav-link f-16 disabled" id="bulk-upload-tab" data-toggle="tab" href="#bulk-upload" role="tab" aria-controls="bulk-upload" aria-selected="true" ><span class="tab-icons hmepro-icon-upload"></span> Bulk Upload</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link f-16 active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false"><span class="tab-icons hmepro-icon-singlr-question"></span> Update Question</a>
                    </li>
                  @else
                    @if($errors->isEmpty())
                       <li class="nav-item">
                          <a class="nav-link f-16 active" id="bulk-upload-tab" data-toggle="tab" href="#bulk-upload" role="tab" aria-controls="bulk-upload" aria-selected="true"><span class="tab-icons hmepro-icon-upload"></span> Bulk Upload</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link f-16 " id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false"><span class="tab-icons hmepro-icon-singlr-question"></span> Add Question</a>
                        </li>
                      @else
                       <li class="nav-item">
                          <a class="nav-link f-16" id="bulk-upload-tab" data-toggle="tab" href="#bulk-upload" role="tab" aria-controls="bulk-upload" aria-selected="true" ><span class="tab-icons hmepro-icon-upload"></span> Bulk Upload</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link f-16 active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false"><span class="tab-icons hmepro-icon-singlr-question"></span> Update Question</a>
                        </li>
                      @endif
                  @endif
                </ul>
                <div class="tab-content p-0" id="myTabContent">
                  @if($id)
                  <div class="tab-pane fade fade" id="bulk-upload" role="tabpanel" aria-labelledby="bulk-upload-tab">
                  @else
                    @if($errors->isEmpty())
                    <div class="tab-pane fade show active" id="bulk-upload" role="tabpanel" aria-labelledby="bulk-upload-tab">
                    @else
                    <div class="tab-pane fade fade" id="bulk-upload" role="tabpanel" aria-labelledby="bulk-upload-tab">
                    @endif
                  @endif
                  <div class="card-block p-t-0">
                      {!! Form::open(array('url' =>secure_url('pro/question/bulkupload'), 'class'=>'form-horizontal','files' => true,'encytype'=>'multipart/form-data', 'method'=>'post','id'=>'js-question-bulk-upload')) !!}
                  <div class="row">

                     <div class="col-xs-12 col-md-9 m-t-20">
                    <div class="d-flex flex-row">
                      <div class="hme-pro-info-badge bgn-gradient-blue">!</div>
                      <p class="hme-pro-info-wrapper">
                        Download the Template and Fill all the required<br>Question details then upload Excel File to process Questions
                      </p>
                    </div>
                  
                      <div class="input-group mb-5 mt-5">
                        <div class="input-group input-group-primary1" style="width: 45%">                        
                          {!! Form::file('upload_question',array('class' => 'custom-file-input','id'=>'inputGroupFile02',"style"=>"display: none;")) !!}
                          <input type="text" class="custom-file-label form-control" value="Choose Excel Question file" readonly>
                          <label class="input-group-addon" for="inputGroupFile02">Browse Excel File</label>
                          <span id="inputGroupFile02-error"></span>                          
                        </div>


                        @if ($errors->has('upload_question')) 
                        <span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{!! $errors->first('upload_question') !!}" data-trigger="hover" data-animation="false"></span>
                         @endif 
                       
                      </div>

                      <button class="btn btn-lg orange pro-icon-button" type="submit"><span class="pro-btn-icon proicon-icon-upload"></span> Upload Questions</button>
                    

                  </div>

                    <div class="col-xs-12 col-md-3 p-r-0">
                            <div class="pro-right-utility bg-f7f7f7">
                            <header class="hme-pro-head">QMS Settings</header>
                             
                                <div class="form-group mb-4">
                                  <label>Question Type </label>
                                  <div class="pos-relative">
                                    <div class="hme-select-style">
                                       <div class="hme-select-style w-100 radius-4">
                                      {!! Form::select('bulk_question_type',$question_type_master_bulk,"",array('class'=>'hme-select-style ','id'=>'js-bulk_question_type','placeholder'=>'Select a Question Type')) !!}
                                      <span id="js-bulk_question_type-error"></span>
                                       @if ($errors->has('bulk_question_type')) 
                                        <span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{!! $errors->first('bulk_question_type') !!}" data-trigger="hover" data-animation="false"></span>
                                       @endif 
                                    </div>
                                  </div>
                                  </div>
                                </div>
                                <div class="form-group mb-4">
                                  <label>Question Pool Name </label>
                                  <div class="pos-relative">
                                    <div class="hme-select-style">
                                       {!! Form::select('bulk_pool_name',[],"",array('class'=>'hme-select-style select2','id'=>'js-bulk_pool_name','placeholder'=>'Select a Question Pool')) !!}
                                       <span id="js-bulk_pool_name-error"></span>
                                       @if ($errors->has('bulk_pool_name')) 
                                        <span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate p-r-25" data-toggle="tooltip" data-original-title="{!! $errors->first('bulk_pool_name') !!}" data-trigger="hover" data-animation="false"></span>
                                       @endif 
                                    </div>
                                  </div>
                                </div>
                            </div>
                          </div>
                          
                          </div>
                           {!! Form::close()!!}
                          </div>

                  </div>
                  @if($id)
                  <div class="pro-accordion tab-pane show p-15 active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                  @else
                    @if($errors->isEmpty())
                     <div class="pro-accordion tab-pane fade p-15" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                    @else
                     <div class="pro-accordion tab-pane show p-15 active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                    @endif
                  @endif
                
                  {!! Form::open(['url' =>secure_url('pro/question-upload'),'method'=>'POST','name'=>'pro_question_form','id'=>'pro_question_form']) !!}
                  {!! Form::hidden('pool_id',$question_details['pool_id'],array('id'=>"js_pool_id"))!!}
                   {!! Form::hidden('questiontype',$question_details['question_type'],array('id'=>"js_pro_question_type"))!!}
                  {!! Form::hidden('question_id',$id,array('id'=>"js_question_id"))!!}
                  {!! Form::hidden('problem_id',$problem_id,array('id'=>"js_problem_id"))!!}
                      {!! Form::hidden('sub_audio_count','',array('id'=>"js-subquestion-audio-count"))!!}
                        {!! Form::hidden('subquestion_edit_audios[]','',array('id'=>"js_edit_subquestion_aud",'class'=>"js_edit_subquestion_audios"))!!}
                            <input type="hidden" value="{{ $subquestion_count ? $subquestion_count : ''  }}" name="" class="js-pro-subqus-count">
   {!! Form::hidden('sub_video_count','',array('id'=>"js-subquestion-video-count"))!!}
             {!! Form::hidden('audio_url','',array('id'=>"js_audio_url_id"))!!}
                  {!! Form::hidden('audio_mime','',array('id'=>"js_audio_url_mime"))!!}
                   {!! Form::hidden('video_url','',array('id'=>"js_video_url_id"))!!}
                  {!! Form::hidden('video_mime','',array('id'=>"js_video_url_mime"))!!}
                   {!! Form::hidden('pdf_url','',array('id'=>"js_pdf_url_id"))!!}
                  {!! Form::hidden('pdf_mime','',array('id'=>"js_pdf_url_mime"))!!}
                  {!! Form::hidden('audio_media_type','',array('id'=>"js_audio_media_type"))!!}
                  {!! Form::hidden('audio_media_type','',array('id'=>"js_video_media_type"))!!}
                  {!! Form::hidden('pdf_media_type','',array('id'=>"js_pdf_media_type"))!!}

                   {!! Form::hidden('audio_resource_url','',array('id'=>"js_audio_resource_url"))!!}
                   {!! Form::hidden('video_resource_url','',array('id'=>"js_video_resource_url"))!!}
                   {!! Form::hidden('pdf_resource_url','',array('id'=>"js_pdf_resource_url"))!!}

                    {!! Form::hidden('upload_audio_ajax_s3id','',array('class'=>"js-pro-sub_questions_path"))!!}
                      {!! Form::hidden('upload_audio_ajax_media_type','',array('class'=>"js-pro-sub_questions_media_type"))!!}
                      {!! Form::hidden('upload_audio_ajax_mime_type','',array('class'=>"js-pro-sub_questions_mime_type"))!!}
                      {!! Form::hidden('upload_audio_ajax_resource_url','',array('class'=>"js-pro-sub_questions_resource_url"))!!}
                 @if($audio_video_url)     
                  @if($audio_video_url->is_media_type == 1)
                   @if($audio_video_url)
                    @if($audio_video_url->getAudioVideoUrl)
                          {!! Form::hidden('resource_url',$audio_video_url? $audio_video_url->getAudioVideoUrl->s3_id : "",array('id'=>"js_pro_resource_url"))!!}
                        {!! Form::hidden('data_media_type',$audio_video_url? $audio_video_url->getAudioVideoUrl->media_type : "",array('id'=>"js_pro_media_type"))!!}
                    @endif
                   @endif 
                  @endif  
                 @endif 
                  <div class="row mb-4 pro-question-filter">
                        <div class="col-xs-12 col-md-3">
                            <div class="form-group">
                                  <label>Question Type </label>
                                  <div class="pos-relative">
                                    <div class="hme-select-style">
                                       <div class="hme-select-style w-100 radius-4">
                                     @if(empty($id))
                                     {!! Form::select('question_type',$question_type_master,$question_details['question_type'],array('class'=>'hme-select-style','id'=>'js-question_type','placeholder'=>'Select a Question Type')) !!}
                                     @else
                                     {!! Form::select('question_type',$question_type_master,$question_details['question_type'],array('class'=>'hme-select-style','id'=>'js-question_type','placeholder'=>'Select a Question Type','disabled'=>'true')) !!}
                                     {!! Form::hidden('question_type',$question_details['question_type'],array('id'=>"js_pro_question_type1"))!!}
                                     @endif
                                      @if ($errors->has('question_type'))
                                      <span id="js-question_type-error"><span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_question_type" data-toggle="tooltip" data-original-title="{{ $errors->first('question_type') }}" data-trigger="hover" data-animation="false"></span></span>
                                     @endif
                                     <span id="js-question_type-error" class="select-error"></span>
                                 </div>
                             </div>
                           </div>
                         </div>
                        </div>
                      
                        <div class="col-xs-12 col-md-3">
                            <div class="form-group">
                                  <label>Question Pool </label>
                                  <div class="pos-relative">
                                    <div class="hme-select-style">
                                       <div class="hme-select-style w-100 radius-4">
                                     @if(empty($id))
                                     {!! Form::select('pool_name',[],"",array('class'=>'hme-select-style select2','id'=>'js-pool_name','placeholder'=>'Select a Question Pool')) !!}
                                     @else
                                      {!! Form::select('pool_name',[],"",array('class'=>'hme-select-style select2','id'=>'js-pool_name','placeholder'=>'Select a Question Pool','disabled'=>'true')) !!}
                                     @endif
                                      @if ($errors->has('pool_id'))
                                      <span id="js-pool_id-error"><span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_pool_id" data-toggle="tooltip" data-original-title="{{ $errors->first('pool_id') }}" data-trigger="hover" data-animation="false"></span></span>
                                      @endif
                                      <span id="js-pool_name-error" class="select-error"></span>
                                    </div>
                                  </div>

                                </div>
                             </div>
                        </div>
                      
                    <div class="col-xs-12 col-md-3">
                        @php
                          if(!empty($id))
                          {
                            if(isset($question_details['topic_id']) && $question_details['topic_id']!=0)
                                $topic_name_input = $question_details->topic_name ? $question_details->topic_name->name : '';   
                            else
                                $topic_name_input = "No Topic";
                          } 
                          else
                              $topic_name_input = "";  
                        @endphp
                        <div class="form-group">
                          <label>Question Topic </label>
                          <div class="input-group input-group-primary2">
                            <div class="input-group mb-3 w-100 radius-4 question-topic-dropdown">
                            <input name="question_topics" id="pro_question_topics" data-topic_id="{{$question_details['topic_id']}}" type="text" class="form-control" placeholder="Question topic" value="{{ $topic_name_input }}" disabled="true">
                            <div class="input-group-append bg-inverse c-p ellipse-btn" id="dropdownMenuButton" @if(empty($id)) data-toggle="dropdown" aria-haspopup="true" @endif aria-expanded="false">
                              <i class="hiremee-ellipsis"></i>
                                <span id="js-pool_topic_exist-error"></span>
                            </div>
                            <div class="dropdown-menu question-topic-dropdown-list" aria-labelledby="dropdownMenuButton">

                              <ul class="nav nav-tabs " role="tablist">
                                <li class="nav-item q-t-tabs">
                                  <a class="nav-link active f-12" href="#existing-topic" role="tab" data-toggle="tab">Existing Topic</a>
                                </li>
                                <li class="nav-item q-t-tabs">
                                  <a class="nav-link f-12" href="#new-topic" role="tab" data-toggle="tab">New Topic</a>
                                </li>
                              </ul>

                              <!-- Tab panes -->
                                        <div class="tab-content tab-padding">
                                          <div role="tabpanel" class="tab-pane fade in active text-center show" id="existing-topic">
                                    <div class="pos-relative">
                                       <div class="hme-select-style w-100 radius-4">
                                           
                                             {!! Form::select('pool_topic_exist',[],"",array('class'=>'f-14 m-b-0','id'=>'js-pool_topic_exist','placeholder'=>'Select a Question Pool Topic')) !!}
                                             <span id="js-pool_topic_exist-error"></span>
                                             </div>
                                          </div>
                                          </div>
                                          <div role="tabpanel" class="tab-pane fade text-center" id="new-topic">
                                            <div class="form-group pos-relative">{!! Form::text('pool_topic_new',"",array('class'=>'form-control tab-text-area ','id'=>'js-pool_topic_new','placeholder'=>'Enter question topic','maxlength'=>100)) !!}
                                              <span id="js-pool_topic_new-error"></span></div>
                                            <button class="btn btn-primary pro-green c-white f-1001" id="js-button-update-topic">Update to Options</button>
                                          </div>
                                        </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                        <div class="col-xs-12 col-md-3">
                            <div class="form-group">
                                  <label>Difficulty Level </label>
                                  <div class="pos-relative">
                                    <div class="hme-select-style">
                                       <div class="hme-select-style w-100 radius-4">
                                    @if(empty($id))
                                    {!! Form::select('difficulty_level',$difficulty_level,$question_details['difficult_level_id'],array('class'=>'hme-select-style ','id'=>'js-difficulty_level','placeholder'=>'Select a Difficulty Level'))  !!}
                                    @else
                                      {!! Form::select('difficulty_level',$difficulty_level,$question_details['difficult_level_id'],array('class'=>'hme-select-style ','id'=>'js-difficulty_level','placeholder'=>'Select a Difficulty Level','disabled'=>'true'))  !!}
                                      {!! Form::hidden('difficulty_level',$question_details['difficult_level_id'],array('id'=>"js_pro_difficulty_level"))!!}
                                    @endif
                                     @if ($errors->has('difficult_level_id'))
                                      <span id="js-difficulty_level-error"><span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_difficulty_level" data-toggle="tooltip" data-original-title="{{ $errors->first('difficult_level_id') }}" data-trigger="hover" data-animation="false"></span></span>
                                      @endif
                                    <span id="js-difficulty_level-error" class="select-error"></span>
                                  </div>
                                </div>
                                </div>
                             </div>
                        </div>
                        @if($question_details['question_type'] !=7)
                        <div class="col-xs-12 col-md-3 js-pro-taxonomy">
                            <div class="form-group">
                                  <label>Blooms taxonomy </label>
                                  <div class="pos-relative">
                                    <div class="hme-select-style">
                                       <div class="hme-select-style w-100 radius-4">
                                    {!! Form::select('bloomstaxonomy',$bloomstaxonomy,$question_details['blooms_taxonomy_id'],array('class'=>'hme-select-style ','id'=>'js-bloomstaxonomy','placeholder'=>'Select a bloomstaxonomy'))  !!}
                                    <span id="js-bloomstaxonomy-error" class="select-error"></span>
                                </div>
                              </div>
                            </div>
                             </div>
                        </div>
                       @endif 

                       <!--course mapping for question-->
    <input type="hidden" id="is_custom_course_mapping" value="{{$is_course_mapping}}">
    @if(!empty($is_course_mapping))
    @if($is_course_mapping == 1)
      <div class="col-xs-12 col-md-3" id="courseDiv">
                @php
                  if(!empty($id))
                  {
                    if(isset($question_details['course_id']) && (($question_details['course_id']!=0)&&($question_details['course_id']!=null))){
                        $course_name_input = $question_details->course_name ? $question_details->course_name->course_name : '';                         
                    }else{
                        $course_name_input = "";
                      }
                  } 
                  else{
                      $course_name_input = "";  
                    }
                @endphp
                <div class="form-group">
                  <label>Course Outcome No</label>
                  <div class="input-group input-group-primary2">
                    <div class="input-group mb-3 w-100 radius-4 question-course-dropdown">
                    <input name="mapping_course" id="mapping_course" data-course_id="{{$question_details['course_id']}}" type="text" class="form-control" placeholder="Question topic" value="{{ $course_name_input }}" disabled="true">
                    <div class="input-group-append bg-inverse c-p ellipse-btn" id="dropdownMenuButton" @if(empty($id)) data-toggle="dropdown" aria-haspopup="true" @endif aria-expanded="false">
                      <i class="hiremee-ellipsis"></i>
                        <span id="js-pool_topic_exist-error"></span>
                    </div>
                    <div class="dropdown-menu question-course-dropdown-list" aria-labelledby="dropdownMenuButton">

                      <ul class="nav nav-tabs " role="tablist">
                        <li class="nav-item q-t-tabs">
                          <a class="nav-link active f-12" href="#existing-course" role="tab" data-toggle="tab">Existing Courses</a>
                        </li>
                        <li class="nav-item q-t-tabs">
                          <a class="nav-link f-12" href="#new-course" role="tab" data-toggle="tab">New Course</a>
                        </li>
                      </ul>

                      <!-- Tab panes -->
                                <div class="tab-content tab-padding">
                                  <div role="tabpanel" class="tab-pane fade in active text-center show" id="existing-course">
                            <div class="pos-relative">
                               <div class="hme-select-style w-100 radius-4">
                                   
                                     {!! Form::select('course_exist',$questionCourses,"",array('class'=>'f-14 m-b-0','id'=>'js_course_exist','placeholder'=>'Select a Courses')) !!}
                                     <span id="js-pool_topic_exist-error"></span>
                                     </div>
                                  </div>
                                  </div>
                                  <div role="tabpanel" class="tab-pane fade text-center" id="new-course">
                                    <div class="form-group pos-relative">{!! Form::text('course_new',"",array('class'=>"form-control course-input tab-text-area",'id'=>'js_course_new','placeholder'=>'Enter Course','maxlength'=>100)) !!}
                                      <span id="js_course_new-error"></span></div>
                                    <button class="btn btn-primary pro-green c-white f-1001" id="js-button-update-course">Update to Options</button>
                                  </div>
                                </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
         @endif
          @endif
<!--course mapping end for questions-->

                        @if($id)
                          @if($question_details['question_type']==4)
                              <div class="col-xs-12 col-md-3 js-language-cluster">
                              
                          @else
                              <div class="col-xs-12 col-md-3 js-language-cluster d-none">
                          @endif
                        @else
                            <div class="col-xs-12 col-md-3 js-language-cluster d-none">
                        @endif
                            <div class="form-group">
                                  <label>Programming Languages </label>
                                  <div class="pos-relative">
                                    <div class="hme-select-style">
                                       <div class="hme-select-style w-100 radius-4">
                                    {!! Form::select('language_cluster[]',$languatgecluster,!empty($prog_lang)?$prog_lang:null,array('class'=>'form-control select2','multiple'=>true,'id'=>'js-languagecluster-id','data-placeholder'=>'Select Programming Language'))  !!}
                                    <span id="js-languagecluster-id-error" class="select-error"></span>
                                </div>
                              </div>
                            </div>
                             </div>
                        </div>
                  </div>
                  <div id="accordion" class="panel-group">
                    @if($id && $question_details['question_type']==4)
                     <div class="panel js-pro-div-problem-name">
                        <div class="panel-heading">
                        <h4 class="panel-title">
                          <a href="#panelBodyOne1" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                              <span class="label">Problem Name</span>
                              <span class="required-flag">[Required]</span>
                               <span id="js_pro_problem_name-error" class="info-badge se"></span>
                              <span class="info-badge bgn-gradient-blue" data-toggle="tooltip" data-placement="left" title="Expected problem name for the question">!</span>
                          </a>
                          </h4>
                        </div>
                        <div id="panelBodyOne1" class="panel-collapse collapse in show">
                        <div class="panel-body">
                              {!! Form::text('problem_name',$problem_name,array('class'=>'form-control','id'=>'js_pro_problem_name','maxlength'=>150))  !!}
                          </div>
                        </div>
                      </div>
                      @else
                       <div class="panel js-pro-div-problem-name d-none">
                        <div class="panel-heading">
                        <h4 class="panel-title">
                          <a href="#panelBodyOne1" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                              <span class="label">Problem Name</span>
                              <span class="required-flag">[Required]</span>
                               <span id="js_pro_problem_name-error" class="info-badge problem-error"></span>
                              <span class="info-badge bgn-gradient-blue" data-toggle="tooltip" data-placement="left" title="Expected problem name for the question">!</span>
                          </a>
                          </h4>
                        </div>
                        <div id="panelBodyOne1" class="panel-collapse collapse in show">
                        <div class="panel-body">
                              {!! Form::text('problem_name',$problem_name,array('class'=>'form-control','id'=>'js_pro_problem_name','maxlength'=>150))  !!}
                          </div>
                        </div>
                      </div>

                      @endif

                      <!-- <div class="panel js-pro-div-comprehension">
                        <div class="panel-heading">
                        <h4 class="panel-title">
                          <a href="#panelBodyOne" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                              <span class="label">Comprehension</span>
                              <span class="required-flag">[Optional]</span>
                               <span id="js_pro_comprehension-error" class="info-badge"></span>
                              <span class="info-badge bgn-gradient-blue" data-toggle="tooltip" data-placement="left" title="Expected comprehension for the question">!</span>
                          </a>
                          </h4>
                        </div>
                        <div id="panelBodyOne" class="panel-collapse collapse">
                        <div class="panel-body">
                                     {!! Form::textarea('comprehension',htmlentities($question_details['comprehension']),array('class'=>'js_pro_editors ','id'=>'js_pro_comprehension'))  !!}
                          </div>
                        </div>
                      </div> -->
                    <div class="panel">
                      <div class="panel-heading">
                      <h4 class="panel-title">
                        <a href="#panelBodyTwo" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                            <span class="label">Question</span>
                            <span class="required-flag">[required]</span>
                            @if($errors->has('question'))
                              <span id="js_pro_question-error" class="info-badge problem-error"><span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_question" data-toggle="tooltip" data-original-title="{{ $errors->first('question') }}" data-trigger="hover" data-animation="false"></span></span>
                            @endif
                            <span id="js_pro_question-error" class="info-badge problem-error"></span>
                            <span class="info-badge bgn-gradient-blue" data-toggle="tooltip" data-placement="left" title="Expected question">!</span>

                        </a>
                        </h4>
                      </div>
                      <div id="panelBodyTwo" class="panel-collapse collapse">
                      <div class="panel-body">
                                {!! Form::textarea('question',htmlentities($question_details['question']),array('class'=>' ','id'=>'js_pro_question'))  !!}
                        </div>
                      </div>
                    </div>

                    <!-- Essay type question creation -->
                    <div class="panel js-pro-div-essay-question d-none">

                            <div class="panel-heading">
                          <h4 class="panel-title">
                            <a href="#panelBodyEssaytype" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                                <span class="label js-pr-essay-model">Essay Model</span>
                                <span class="required-flag">[Required]</span>
                                 <span id="js_pro_essay_question-error" class="info-badge problem-error"></span>
                                <span class="info-badge bgn-gradient-blue" data-toggle="tooltip" data-placement="left" title="Expected Essay Models for the question">!</span>
                            </a>
                            </h4>
                          </div>
                          <div id="panelBodyEssaytype" class="panel-collapse collapse in show">
                            <div class="panel-body pro-essay">
                              <ul id="fieldList">
                            @if($essay_qus) 
                                @php $essayids = 0; @endphp
                                 @foreach($essay_qus->essayAnswerDetail as $values)
                                   <li>
                                    {{-- @if($essayids==1) --}}
                                      <span class='essay_list_heading'>Essay Model {{ ($essayids+1) }}</span>
                                    {{-- @endif  --}}
                                   
                                   {!! Form::hidden('car_essay_id',$values->id,array('class'=>'form-control essay_ids','id'=>'js_pro_essay_id'))!!}
                                  {!! Form::textarea('essay_ans',htmlentities($values->essay_model),array('class'=>'js_pro_editors getvalues','id' =>'js_pro_essay_question_'.$essayids))  !!}  </li>
                                   @php ++$essayids; @endphp
                                 @endforeach
                            @else
                              <li><span class='essay_list_heading'>Essay Model 1</span>{!! Form::textarea('essay_ans','',array('class'=>'js_pro_editors getvalues','id'=>'js_pro_essay_question_0'))  !!}  
                              <span id="js_pro_essay_question_0-error" class="select-error"></span> </li>
                            @endif     
                              </ul>
                            </div>
                          </div>
                        
                        </div>
                           <div class="hints">
                             <button class="btn btn-primary btn-sm pro-green c-white f-1001 js-pro-add-more-essaymodel " id="js-pro-add-more-essaymodel" rel="1"  type="button"><span id="js-add-more-essaymodel-span">Add More</span>
                        </button>
                      </div>
                   
                    <!-- TestCases Start-->
                    
                    @if($id)
                      @if($question_details['question_type']==4)
                    <div class="panel js-testcase-panle">                    
                      <div class="panel-heading">
                      <h4 class="panel-title">
                        <a href="#panelBodytestcases" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                            <span class="label">Test Cases</span>
                            <span class="required-flag">[REQUIRED]</span>
                            <span id="js-pro-testcases-error" class="info-badge problem-error"></span>                        
                            <span class="info-badge bgn-gradient-blue" data-toggle="tooltip" data-placement="left" title="Expected Test Cases">!</span>

                        </a>
                        </h4>
                      </div>
                      <div id="panelBodytestcases" class="panel-collapse collapse">
                      <div class="panel-body">
                        <div class='testcase_container'>
                          <div class="row testcase-counter-container">
                              <div class="col-xs-12 col-md-4 ">
                                <label>Input </label>
                              {!! Form::textarea('test_input',null,array('class'=>'js_pro_TestCaseEditors','id'=>'js_pro_test_input','placeholder'=>'text editor'))  !!}

                               <p align="center" style="margin:10px;"> -- OR -- </p>

                              <div class="form-group" style="margin: 5px 5px;">
                                <label>Upload Input File</label> <span id="js-pro-testcase-inputfile-error" class="info-badge problem-error"></span><br>
                                 {!! Form::file('input_file',array('id'=>'input_file')) !!} 
                                <!--<input type="file" name="input_file" id="input_file">-->
                                <span class="testcase_filenames" id="input_file_spans"></span>
                              </div> 
                              
                            </div>
                                                
                            <div class="col-xs-12 col-md-4 ">
                                <label>Output </label>
                              {!! Form::textarea('test_output',null,array('class'=>'js_pro_TestCaseEditors','id'=>'js_pro_test_output','placeholder'=>'text editor'))  !!}
                              
                              <!--testcase file uplod chagnes-->
                               <p align="center" style="margin:10px;"> -- OR -- </p>

                              <div class="form-group" style="margin: 5px 5px;">
                                <label>Upload Output File</label> <span id="js-pro-testcase-outputfile-error" class="info-badge problem-error"></span><br>
                               <!-- <input type="file" name="output_file" id="output_file"> -->
                                 {!! Form::file('output_file',array('id'=>'output_file')) !!} 
                                <span class="testcase_filenames" id="output_file_spans"></span>
                              </div> 
                            </div>     
                                                   
                                                   
                            <div class="col-xs-12 col-md-4 ">
                                <label for="pro_question_score">Time Estimate:</label>                                   
                                {!! Form::text('testcasetime',null,array('id'=>'js-pro-tescase-timestimate','class'=>'form-control','placeholder'=>'Enter Time in Seconds')) !!} 
                                 <div class="form-group mb-5 mt-4 d-flex justify-content-start">
                                       <label>Is Active :  </label>
                                       <div class='switch'>                                         
                                            <input type="checkbox" name='test_case_active' id='test_case_active' checked="checked">
                                            <span class='checked'></span>
                                            <label for="test_case_active" class="js-testcase-check">Yes</label>
                                        </div>
                                   </div>  
                                   <label for="test_case_score">Test Case Score:</label>                                   
                                {!! Form::number('test_case_score','',array('id'=>'js-pro-test-case-score','class'=>'form-control','placeholder'=>'Enter test case score','min'=>1,'max'=>50,"step"=>"0.1")) !!} 
                                    <div class="table-responsive">
                                   <table id='js-append-testcase-table' class="table table-bordered">
                                        <tbody class='js-testcase-table-content'>
                                        @php $t=1 @endphp
                                        @foreach($testcases as $tetstcase)   
                                          <tr>
                                            <td>{{ $t }}</td>
                                            <td>
                                              <span>Test Case {{ $t }}</span>
                                              <button type="button" class="sort-action js-testcase-edit" id={{ $t }}  data-testcase-id={{ $t }}><i class="hmepro-icon-edit "></i></button> 
                                              {!! Form::hidden('testcase_input[]',$tetstcase->input,array("id"=>'js-testcase-input-id'.$t)) !!}
                                              {!! Form::hidden('testcase_output[]',$tetstcase->output,array("id"=>'js-testcase-output-id'.$t)) !!}
                                              {!! Form::hidden('testcase_time_estimate[]',$tetstcase->time_limit,array("id"=>'js-testcase-time-estimate-id'.$t)) !!}
                                              {!! Form::hidden('testcase_id[]',$tetstcase->id,array("id"=>'js-testcase-id'.$t)) !!}
                                              {!! Form::hidden('testcase_status_id[]',($tetstcase->active_status==1)?'true':'false',array("id"=>'js-testcase-status-id'.$t)) !!}
                                              {!! Form::hidden('testcase_score_value[]',$tetstcase->score,array("id"=>"js-testcase-score-value".$t)) !!}
<!-- testcase file upload chanegs-->
                                              {!! Form::hidden('inputFileUrl[]',$tetstcase->input_s3_resource,array("id"=>"testcase-input-url".$t)) !!}
                                               {!! Form::hidden('outputFileUrl[]',$tetstcase->output_s3_resource,array("id"=>"testcase-output-url".$t)) !!}
                                            </td>
                                          </tr>

                                        @php $t++ @endphp
                                        @endforeach
                                        </tbody>
                                   </table>      
                                </div>
                                                     
                            </div>     
                        </div>
                      </div>
                          <div class="hints">
                                <button class="btn btn-primary btn-sm pro-green c-white f-1001 js-pro-add-more-testcase-class" id="js-pro-add-more-testcase" type="button"><span id="js-add-more-testcase-span">Save & Add More</span></button>
                                <button class="btn btn-primary btn-sm pro-green c-white f-1001 js-pro-update-more-testcase-class d-none" id="js-pro-update-more-testcase-id" type="button">Update & Add More</button>
                              </div>
                             
                      </div>
                     </div>
                  
                </div>
                @endif
                      @else
                        <div class="panel js-testcase-panle d-none">
                    
                      <div class="panel-heading">
                      <h4 class="panel-title">
                        <a href="#panelBodytestcases" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                            <span class="label">Test Cases</span>
                            <span class="required-flag">[REQUIRED]</span>
                            <span id="js-pro-testcases-error" class="info-badge problem-error"></span>                        
                            <span class="info-badge bgn-gradient-blue" data-toggle="tooltip" data-placement="left" title="Expected Test Cases">!</span>

                        </a>
                        </h4>
                      </div>
                      <div id="panelBodytestcases" class="panel-collapse collapse">
                      <div class="panel-body">
                        <div class='testcase_container'>
                          <div class="row testcase-counter-container">
                              <div class="col-xs-12 col-md-4 ">
                                <label>Input </label>
                              {!! Form::textarea('test_input','',array('class'=>'js_pro_TestCaseEditors','id'=>'js_pro_test_input','placeholder'=>'text editor'))  !!}
                              

                              <!--testcase file upload chnages-->
                               <p align="center" style="margin:10px;"> -- OR -- </p>

                              <div class="form-group" style="margin: 5px 5px;">
                                <label>Upload Input File</label> <span id="js-pro-testcase-inputfile-error" class="info-badge problem-error"></span><br>
                                <!--<input type="file" name="input_file" id="input_file"> -->
                                {!! Form::file('input_file',array('id'=>'input_file')) !!} 
                                <span class="testcase_filenames" id="input_file_spans"></span>
                              </div> 
                            </div>
                                                
                            <div class="col-xs-12 col-md-4 ">
                                <label>Output </label>
                              {!! Form::textarea('test_output','',array('class'=>'js_pro_TestCaseEditors','id'=>'js_pro_test_output','placeholder'=>'text editor'))  !!}

                              <!--testcase file upload chnages-->
                               <p align="center" style="margin:10px;"> -- OR -- </p>

                              <div class="form-group" style="margin: 5px 5px;">
                                <label>Upload Output File</label> <span id="js-pro-testcase-outputfile-error" class="info-badge problem-error"></span><br>
                                <!--<input type="file" name="output_file" id="output_file">--> 
                                {!! Form::file('output_file',array('id'=>'output_file')) !!} 
                                <span class="testcase_filenames" id="output_file_spans"></span>
                              </div> 
                              
                              
                            </div>  
                                              
                                                   
                            <div class="col-xs-12 col-md-4 ">
                                <label for="pro_question_score">Time Estimate:</label>                                   
                                {!! Form::text('testcasetime','',array('id'=>'js-pro-tescase-timestimate','class'=>'form-control','placeholder'=>'Enter Time in Seconds')) !!} 
                                 <div class="form-group mb-5 mt-4 d-flex justify-content-start">
                                       <label>Is Active :  </label>
                                       <div class='switch'>                                         
                                            <input type="checkbox" name='test_case_active' id='test_case_active' checked="checked">
                                            <span class='checked'></span>
                                            <label for="test_case_active" class="js-testcase-check">Yes</label>
                                        </div>
                                   </div> 
                                    <label for="test_case_score">Test Case Score:</label>                                   
                                {!! Form::number('test_case_score','',array('id'=>'js-pro-test-case-score','class'=>'form-control','placeholder'=>'Enter test case score','min'=>1,'max'=>50)) !!} 

                                    <div class="table-responsive">
                                   <table id='js-append-testcase-table' class="table bg-e0e0e0">
                                        <tbody class='js-testcase-table-content '>
                                        </tbody>
                                   </table>      
                                </div>
                                                     
                            </div>     
                        </div>
                      </div>
                          <div class="hints">
                                <button class="btn btn-primary btn-sm pro-green c-white f-1001 js-pro-add-more-testcase-class" id="js-pro-add-more-testcase" type="button"><span id="js-add-more-testcase-span">Save & Add More</span></button>
                                <button class="btn btn-primary btn-sm pro-green c-white f-1001 js-pro-update-more-testcase-class d-none" id="js-pro-update-more-testcase-id" type="button">Update & Add More</button>
                              </div>
                             
                      </div>
                     </div>
                  
                </div>
                      @endif
                    
                    
                    <!-- TestCases End-->
                    @if($id)
                      @if($question_details['question_type']==1)
                        <div class="panel js-option-answer">
                      @else
                        <div class="panel js-option-answer d-none">
                      @endif
                    @else
                      <div class="panel js-option-answer">
                    @endif
                     <div class="panel js-pro-audio-video-panel d-none">
                      <div class="panel-heading">
                      <h4 class="panel-title">
                        <a href="#panelBodyAudioVideo" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                            <span class="label">Audio / Video Upload</span>
                        </a>
                        </h4>
                      </div>
                      <div id="panelBodyAudioVideo" class="panel-collapse collapse" >
                      <div class="panel-body">
                             <div class="form-radio d-flex justify-content-start js-div-audiovideo" id="js-div-audiovideo">
                                              <label class="col-md-2"> @lang('core.is_audiovideo')</label>
                                                <div class="radio radio-inline">
                                                    <label>
                                                        <input type="radio"  id="js-audio" name="audiovideo_qus" value="r_audio"> 
                                                        <i class="helper"></i>Audio
                                                    </label>
                                                </div>
                                                <div class="form-radio" >
                                                <div class="radio radio-inline">
                                                    <label>
                                                        <input type="radio" id="js-video" name="audiovideo_qus" value="r_video">
                                                        <i class="helper"></i>Video
                                                    </label>
                                                </div>
                                            </div>
                                             <!--<div class="form-radio" >
                                                <div class="radio radio-inline">
                                                    <label>
                                                        <input type="radio" id="js-pdf" name="audiovideo_qus" value="r_pdf">
                                                        <i class="helper"></i>Pdf
                                                    </label>
                                                </div>
                                            </div>-->
                                             <div class="js-div-pro d-none" id="js-div-pro" class="radio radio-inline">                      
                                                <div class="js-pro-audio-preview d-none" id="js-pro-audio-preview">
                                                   <button class='btn btn-sm btn-primary m-b-10 audio_preview' type="button" ><i class="fa fa-music m-r-0 f-16"></i></button>
                                                </div>
                                                  <div class="js-pro-video-preview d-none" id="js-pro-video-preview">
                                                      <button class='btn btn-sm btn-primary m-b-10 audio_preview' type="button" ><i class="icofont icofont-video-alt m-r-0 f-18"></i></button>
                                                  </div>
                                              </div>
                                            </div>
                                    
                     <div class="js-div-audio d-none" id="js-div-audio">
                          <div class=" border-green" >@lang('core.pro_audio_video')<span style="color: red">*</span></div>
                            <div id="js-audio-file">
                               {!! Form::file('audio_question',array('class' => 'm-t-5 m-b-10 none','id'=>'js-pro-audio_question')) !!}  
                           </div>
                     </div>
                    <div class="js-div-video d-none" id="js-div-video">
                      <div class="">
                        <div class=" border-green" >@lang('core.pro_video_video')<span style="color: red">*</span></div>
                         <div class="" id="js-video-file">
                           {!! Form::file('video_question',array('class' => 'm-t-5 m-b-10 none','id'=>'js-pro-video_question')) !!}  
                        </div>
                      </div>
                    </div>
                      <!--<div class="js-div-pdf d-none" id="js-div-pdf">
                      <div class="">
                        <div class=" border-green" >Pdf<span style="color: red">*</span></div>
                         <div class="" id="js-pdf-file">
                           {!! Form::file('pdf_question',array('class' => 'm-t-5 m-b-10 none','id'=>'js-pro-pdf_question')) !!}  
                        </div>
                      </div>
                    </div>-->
                      <div class="js-div-button d-none" id="js-div-button">
                        {!! Form::button('Upload', ['id'=>'js-pro-audio-video-upload','class' => 'btn btn-primary f-16 waves-effect'] )  !!}
                      </div>
                       <div class="js-pro-audio-preview m-b-10 d-none" id="js-pro-audio-preview" style="display: none;">
                       <button class='btn btn-sm btn-primary  audio_preview' type="button" ><i class='fa fa-music m-r-0 f-16'></i></button>
                   </div>
                    <div class="js-pro-video-preview d-none" id="js-pro-video-preview">
                      <button class='btn btn-sm btn-primary  audio_preview' type="button" ><i class='fa fa-music m-r-0 f-18'></i></button>
                    </div>
     
                            </div>
                         </div>
                      </div>
                      <div class="panel-heading">
                      <h4 class="panel-title">
                        <a href="#panelBodyThree" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion">
                            <span class="label">Answer</span>
                            <span class="required-flag">[required]</span>
                             <span id="js_pro_options-error" class="info-badge problem-error"></span>
                            <span class="info-badge bgn-gradient-blue" data-toggle="tooltip" data-placement="left" title="Expected Answer for the question">!</span>
                        </a>
                        </h4>
                      </div>
                      @if($question_details['question_type'] !=7)
                      <div id="panelBodyThree" class="panel-collapse collapse in show">
                        <div class="panel-body p-0">
                          <div class="row answer-container">
                              <div class="col-xs-12 col-md-6 add-answer">
                                @if($id)
                                  @php $i=1 @endphp
                                  @foreach($question_details->options as $key)

                                    <div class="pl-3 pr-3 pro-option-editor pro-form {{ $i !=1 ? 'd-none':''}}" id="pro_edit_option{{$i}}_form">
                                      <div class="form-group pro-editor-comp">
                                          <label id="answer_option">Add answer for the Question Option {{$i}}</label>
                                           {!! Form::textarea('options'.$i,htmlentities($key->options),array('class'=>'js_pro_editors ','id'=>'pro_edit_option'.$i.'_editor'))  !!}
                                      </div>
                                      <div class="form-group mb-5 mt-4 d-flex justify-content-start">
                                         <label>Is Correct Option :  </label>
                                         <div class='switch'>
                                             {!! Form::checkbox('checkbox'.$i,$key->answer ? true : false)!!}
                                             @if($key->answer)
                                              <input type="checkbox" name='checkbox{{$i}}' id='checkbox{{$i}}'  checked="checked">
                                              @php $label='YES';@endphp
                                              @else
                                                <input type="checkbox" name='checkbox{{$i}}' id='checkbox{{$i}}'>
                                                 @php $label='No';@endphp
                                              @endif
                                              <span class='checked'></span>
                                              <label for="checkbox{{$i}}" class="js-ans-check">{!! $label !!}</label>
                                          </div>
                                     </div>
                                     <button class="btn btn-primary pro-green c-white f-1001 button-submit">Update to Options</button>
                                  </div>
                                  @php $i++ @endphp
                                  @endforeach
                                
                                @else
                                <div class="pl-3 pr-3 pro-option-editor pro-form" id="pro_edit_option1_form">
                                    <div class="form-group pro-editor-comp">
                                         <label id="answer_option">Add answer for the Question Option 1</label>
                                        {!! Form::textarea('options1',"",array('class'=>'js_pro_editors ','id'=>'pro_edit_option1_editor'))  !!}

                                    </div>
                                    <div class="form-group mb-5 mt-4 d-flex justify-content-start">
                                       <label>Is Correct Option :  </label>
                                       <div class='switch'>
                                            <input type="checkbox" name='checkbox1' id='checkbox1' checked="checked">
                                            <span class='checked'></span>
                                            <label for="checkbox1" class="js-ans-check">YES</label>
                                        </div>
                                   </div>
                                   <button class="btn btn-primary pro-green c-white f-1001 button-submit">Update to Options</button>
                                </div>

                                <div class="pl-3 pr-3 pro-option-editor pro-form d-none" id="pro_edit_option2_form">
                                    <div class="form-group pro-editor-comp">
                                        <label id="answer_option">Add answer for the Question Option 2</label>
                                        {!! Form::textarea('options2',"",array('class'=>'js_pro_editors ','id'=>'pro_edit_option2_editor'))  !!}

                                    </div>
                                   <div class="form-group mb-5 mt-4 d-flex justify-content-start">
                                       <label>Is Correct Option :  </label>
                                       <div class='switch'>
                                            <input type="checkbox" name='checkbox2' id='checkbox2'>
                                            <span class='checked'></span>
                                            <label for="checkbox2" class="js-ans-check">NO</label>
                                        </div>
                                   </div>
                                   <div class="form-group mb-5 mt-4 d-flex justify-content-start col-md-4 score_option">
                                       <label> Score:</label>
                                       <input type="text" name="option_score[1]" class="form-control option_score" maxlength="4">
                                     </div>
                                   <button class="btn btn-primary pro-green c-white f-1001 button-submit">Update to Options</button>
                                </div>

                                @endif
                              </div>
                              <div class="col-xs-12 col-md-6 answer-list">
                                  <header>Answer Options :</header>
                                  <div class="d-flex p-relative">
                                      <ul class="handles list" id="pro_option_list">
                                        @if($id)
                                          @php $i=1 @endphp
                                          @foreach($question_details->options as $key)
                                            <li>
                                                <span class="drag hmepro-icon-drag-holder"></span>
                                                <label id ="option_edit_name{{$i}}">Option {{$i}}</label>
                                                @if($i >=3)
                                                  <i class="hmepro-icon-trash options_delete" id="{{ $key->id}}"></i>
                                                @endif
                                                @if($key->answer)
                                                <span class="correct-option bgm-blue-gradient" id="option_checked"><i class="hmepro-icon-check"></i></span>
                                                @endif
                                                <button class="sort-action pro-edit" id="pro_edit_option{{$i}}" data-option-id="{{$key->id}}" data-answer-id="{{ $key->answer ? $key->answer->id : ''  }}"><i class="hmepro-icon-edit"></i></button>
                                            </li>
                                            @php $i++ @endphp
                                          @endforeach
                                       @else
                                            <li>
                                                <span class="drag hmepro-icon-drag-holder"></span>
                                                <label id ="option_edit_name1">Option 1</label>
                                                <span class="correct-option bgm-blue-gradient" id="option_checked"><i class="hmepro-icon-check"></i></span>
                                                <button class="sort-action pro-edit" id="pro_edit_option1" data-option-id="" data-answer-id=""><i class="hmepro-icon-edit"></i></button>
                                            </li>
                                            <li>
                                                <span class="drag hmepro-icon-drag-holder"></span>
                                                <label id ="option_edit_name1">Option 2</label>
                                                <button class="sort-action pro-edit" id="pro_edit_option2" data-option-id="" data-answer-id=""><i class="hmepro-icon-edit"></i></button>
                                            </li>
                                        @endif
                                            
                                      </ul>
                                  </div>
                                  <div class="hints">
                                    <button class="btn btn-primary btn-sm pro-green c-white f-1001" type="button" id="pro-add-more-options">Add More</button>
                                     <!--  <p>
                                          <span class="correct-option bgm-blue-gradient">!</span> Drag and arrange the options sequence
                                      </p>
                                      <p>
                                          <span class="correct-option bgm-blue-gradient"><i class="proicon-icon-check"></i></span> Indicates the Correct Options
                                      </p> -->
                                  </div>
                              </div>
                          </div>
                        </div>
                      </div>
                      @endif
                    </div>



<!-- Pragraph Question sub question start-->
<div class="panel js-pro-audio-video-sub-panel d-none">
                      <div class="panel-heading">
                      <h4 class="panel-title">
                        <a href="#sub_panelBodyAudioVideo" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                            <span class="label">Audio / Video Upload</span>
                        </a>
                        </h4>
                      </div>

 <div id="sub_panelBodyAudioVideo" class="panel-collapse collapse" >
                      <div class="panel-body">
                             <div class="form-radio d-flex justify-content-start js-div-sub-audiovideo" id="js-div-sub-audiovideo">
                                              <label class="col-md-2"> @lang('core.is_audiovideo')</label>
                                                <div class="radio radio-inline">
                                                    <label>
                                                        <input type="radio"  id="js-sub-audio" name="audiovideo_qus" value="r_audio"> 
                                                        <i class="helper"></i>Audio
                                                    </label>
                                                </div>
                                                <div class="form-radio" >
                                                <div class="radio radio-inline">
                                                    <label>
                                                        <input type="radio" id="js-sub-video" name="audiovideo_qus" value="r_video">
                                                        <i class="helper"></i>Video
                                                    </label>
                                                </div>
                                            </div>
                                              <!--<div class="form-radio" >
                                                <div class="radio radio-inline">
                                                    <label>
                                                        <input type="radio" id="js-sub-pdf" name="audiovideo_qus" value="r_pdf">
                                                        <i class="helper"></i>Pdf
                                                    </label>
                                                </div>
                                            </div>-->
                                             <div class="js-div-sub-pro d-none" id="js-div-sub-pro" class="radio radio-inline">                      
                                                <div class="js-pro-sub-audio-preview d-none" id="js-pro-sub-audio-preview">
                                                   <button class='btn btn-sm btn-primary m-b-10 audio_preview' type="button" ><i class="fa fa-music m-r-0 f-16"></i></button>
                                                </div>
                                                  <div class="js-pro-sub-video-preview d-none" id="js-pro-sub-video-preview">
                                                      <button class='btn btn-sm btn-primary m-b-10 audio_preview' type="button" ><i class="icofont icofont-video-alt m-r-0 f-18"></i></button>
                                                  </div>
                                              </div>
                                            </div>
                                    
                     <div class="js-div-sub-audio d-none" id="js-div-sub-audio">
                          <div class=" border-green" >@lang('core.pro_audio_video')<span style="color: red">*</span></div>
                            <div id="js-sub-audio-file">
                               {!! Form::file('audio_question',array('class' => 'm-t-5 m-b-10 none','id'=>'js-pro-sub-audio_question')) !!}  
                           </div>
                     </div>
                    <div class="js-div-sub-video d-none" id="js-div-sub-video">
                      <div class="">
                        <div class=" border-green" >@lang('core.pro_video_video')<span style="color: red">*</span></div>
                         <div class="" id="js-sub-video-file">
                           {!! Form::file('video_question',array('class' => 'm-t-5 m-b-10 none','id'=>'js-pro-sub-video_question')) !!}  
                        </div>
                      </div>
                    </div>
                     <!--<div class="js-div-sub-pdf d-none" id="js-div-sub-pdf">
                      <div class="">
                        <div class=" border-green" >Pdf<span style="color: red">*</span></div>
                         <div class="" id="js-sub-pdf-file">
                           {!! Form::file('pdf_question',array('class' => 'm-t-5 m-b-10 none','id'=>'js-pro-sub-pdf_question')) !!}  
                        </div>
                      </div>
                    </div>-->
                      <div class="js-div-button d-none" id="js-div-sub-button">
                        {!! Form::button('Upload', ['id'=>'js-pro-sub-audio-video-upload','class' => 'btn btn-primary f-16 waves-effect'] )  !!}
                      </div>
                       <div class="js-pro-audio-preview m-b-10 d-none" id="js-pro-audio-preview" style="display: none;">
                       <button class='btn btn-sm btn-primary  audio_preview' type="button" ><i class='fa fa-music m-r-0 f-16'></i></button>
                   </div>
                    <div class="js-pro-video-preview d-none" id="js-pro-video-preview">
                      <button class='btn btn-sm btn-primary  audio_preview' type="button" ><i class='fa fa-music m-r-0 f-18'></i></button>
                    </div>
     
                            </div>
                         </div>
                      </div>



  <div class="panel js-pro-subqus-audio-video-panel d-none">
                      <div class="panel-heading">
                      <h4 class="panel-title">
                        <a href="#subqus_panelBodyAudioVideo" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                            <span class="label">SubQuestion Audio / Video Upload</span>
                        </a>
                        </h4>
                      </div>
                      <div id="subqus_panelBodyAudioVideo" class="panel-collapse collapse" >
                      <div class="panel-body">
                             <div class="form-radio d-flex justify-content-start js-div-subqus-audiovideo" id="js-div-subqus-audiovideo">
                                              <label class="col-md-2"> @lang('core.is_subqus_audiovideo')</label>
                                                <div class="radio radio-inline">
                                                    <label>
                                                        <input type="radio"  id="js-subqus-audio" name="subqus_audiovideo_qus" value="r_subqus_audio"> 
                                                        <i class="helper"></i>Audio
                                                    </label>
                                                </div>
                                                <div class="radio radio-inline">
                                                    <label>
                                                        <input type="radio" id="js-subqus-video" name="subqus_audiovideo_qus" value="r_subqus_video">
                                                        <i class="helper"></i>Video
                                                    </label>
                                                </div>
                                             <div class="js-div-pro d-none" id="js-subqus-div-pro" class="radio radio-inline">                      
                                                <div class="js-pro-subqus-audio-preview d-none" id="js-pro-subqus-audio-preview">
                                                   <button class='btn btn-sm btn-primary m-b-10 subqus_audio_preview' type="button" ><i class="fa fa-music m-r-0 f-16"></i></button>
                                                </div>
                                                  <div class="js-subqus-pro-video-preview d-none" id="js-subqus-pro-video-preview">
                                                      <button class='btn btn-sm btn-primary m-b-10 subqus_audio_preview' type="button" ><i class="icofont icofont-video-alt m-r-0 f-18"></i></button>
                                                  </div>
                                              </div>
                                            </div>
                               
                     <div class="js-div-subqus-audio d-none" id="js-div-subqus-audio">
                          <div class=" border-green" >@lang('core.is_subqus_audiovideo')<span style="color: red">*</span></div>
                            <div id="js-subuqs_audio-file">
                               {!! Form::file('subqus_audio',array('class' => 'm-t-5 m-b-10 none','id'=>'js-pro-subqus-audio')) !!}  
                           </div>
                     </div>

                        <div class="js-div-subqus-video d-none" id="js-div-subqus-video">
                          <div class=" border-green" >@lang('core.is_subqus_audiovideo')<span style="color: red">*</span></div>
                            <div id="js-subqus_video-file">
                               {!! Form::file('subqus_video',array('class' => 'm-t-5 m-b-10 none','id'=>'js-pro-subqus-video')) !!}  
                           </div>
                     </div>
                     <!--<div class="js-div-subqus-pdf d-none" id="js-div-subqus-pdf">
                          <div class=" border-green" >@lang('core.is_subqus_audiovideo')<span style="color: red">*</span></div>
                            <div id="js-subqus_pdf-file">
                               {!! Form::file('subqus_pdf',array('class' => 'm-t-5 m-b-10 none','id'=>'js-pro-subqus-pdf')) !!}  
                           </div>
                     </div>-->
                       
                      <div class="js-div-subqus-button d-none" id="js-div-subqus-button">
                        {!! Form::button('Upload', ['id'=>'js-pro-subqus-audio-video-upload','class' => 'btn btn-primary f-16 waves-effect'] )  !!}
                      </div>
                       <div class="js-pro-subqus-audio-preview m-b-10 d-none" id="js-pro-subqus-audio-preview" style="display: none;">
                       <button class='btn btn-sm btn-primary  subqus-audio_preview' type="button" ><i class='fa fa-music m-r-0 f-16'></i></button>
                   </div>
                    <div class="js-pro-subqus-video-preview d-none" id="js-pro-subqus-video-preview">
                      <button class='btn btn-sm btn-primary  subqus-audio_preview' type="button" ><i class="fa fa-video-camera"></i></button>
                    </div>
     
                            </div>
                         </div>
                      </div>
                     <div class="panel" id="subquestion-panel" style="display: none;"> 
                      <div class="panel-heading">
                      <h4 class="panel-title">
                        <a href="#panelBodySubquestion" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion">
                            <span class="label">Sub Questions</span>
                            <span class="required-flag">[required]</span>
                             <span id="js_pro_sub_options-error" class="info-badge subquestions_tooltip_error"></span>
                            <span class="info-badge bgn-gradient-blue" data-toggle="tooltip" data-placement="left" title="Expected Answer for the question">!</span>
                        </a>
                        </h4>
                      </div>
                      <div id="panelBodySubquestion" class="panel-collapse collapse in show">
                        <div class="panel-body p-0">
                           <div class="col-xs-12 col-md-12 pl-3 pr-3 ">
                                    <div class="form-group pro-editor-comp">
                                      
                                        {!! Form::textarea('subquestion1',"",array('class'=>'js_pro_subquestion_editors ','id'=>'pro_subquestion_editor'))  !!}
                                        <input type="hidden" id="table-temp-row" value="">
                                    </div>
                             </div>

                          <div class="row answer-container">
                              <div class="col-xs-12 col-md-6 js-add-answer-sub">
                               <div class="pl-3 pr-3 pro-option-editor-sub pro-form" id="pro_sub_edit_option1_form">
                                    <div class="form-group pro-editor-comp">
                                       <label id="answer_option">Add answer for the Question Option 1</label>
                                        {!! Form::textarea('options1',"",array('class'=>'js_pro_sub_editors ','id'=>'pro_sub_edit_option1_editor'))  !!}
                                    </div>
                                    <div class="form-group mb-5 mt-4 d-flex justify-content-start">
                                       <label>Is Correct Option :  </label>
                                       <div class='switch'>
                                            <input type="checkbox" name='sub_checkbox1' id='sub_checkbox1' checked="checked">
                                            <span class='checked'></span>
                                            <label for="sub_checkbox1" class="js-ans-check">YES</label>
                                        </div>
                                   </div>

                                  
                                </div>

                                   
                               
                              </div>
                              <div class="col-xs-12 col-md-6 js-answer-sub-list">
                                  <header>Answer Options :</header>
                                  <div class="d-flex p-relative">
                                      <ul class="handles list" id="pro_option_sub_list">
                                      
                                            <li class="d-flex justify-content-start align-items-center">
                                                <span class="drag hmepro-icon-drag-holder"></span>
                                               <p>Option 1</p>
                                               
                                                <button class="sort-action js-sub-pro-edit" id="pro_sub_edit_option1" data-option-id="" data-answer-id=""><i class="hmepro-icon-edit"></i></button>
                                            </li>
                                            <li class="d-flex justify-content-start align-items-center">
                                                <span class="drag hmepro-icon-drag-holder"></span>
                                                <p>Option 2</p>
                                                <button class="sort-action js-sub-pro-edit" id="pro_sub_edit_option2" data-option-id="" data-answer-id=""><i class="hmepro-icon-edit"></i></button>
                                           
                                         
                                      </ul>
                                    </div>
                                     <div class="hints">
                                    <button type="button" class="btn btn-primary btn-sm pro-green c-white f-1001" id="pro-add-more-sub-options">Add More</button>
                                     <!--  <p>
                                          <span class="correct-option bgm-blue-gradient">!</span> Drag and arrange the options sequence
                                      </p>
                                      <p>
                                          <span class="correct-option bgm-blue-gradient"><i class="proicon-icon-check"></i></span> Indicates the Correct Options
                                      </p> -->
                                  </div>

                                   <div class="row">
                                <div class="col-md-4">
                               <div class="form-group">
                                  
                                      <label for="pro_sub_question_score">Answer Score :</label>
                                   
                                      {!! Form::selectRange('question_score',1, 99,$question_details['score'],array('id'=>'pro_sub_question_score','class'=>'form-control sub_question_score1','placeholder'=>'Select answer score')) !!}
                                   
                               </div>
                             </div>
                                <div class="col-md-4">

                                <div class="form-group">
                                  
                                      <label for="pro_negative_sub_question_score">Negative Marking :</label>
                                    {!! Form::text('sub_negative_question_score',$question_details['negative_score'],array('id'=>'pro_negative_sub_question_score', 'class'=>'form-control sub_question_negative_score1','onkeypress'=>"return isNumberKey(event)")) !!}
                                    <span id="pro_negative_sub_question_score-error"></span>
                                   
                               </div>
                             </div>
                             </div>
                               
                              </div>
                          </div>
                         <div class="pro-form pl-3 pr-3 "> 
                            <div class="form-group">
                              <button type="button" class="btn btn-primary c-white pro-green" id="saveadd">Save & Add Subquestions</button>  
                               <button type="button" class="btn btn-warning c-white" id="tempupdate" style="display: none;">Update Subquestions</button> 
                            </div>
  <table class="table table-bordered table-stripped mb30" class="display" cellspacing="0" width="100%" id="subquestiontable">
    <thead>
      <tr>
        <th width="5%">#</th>
        <th width="10%">Sub Questions</th>
        <th style='display:none' width="20%">Sub question</th>
        <th style='display:none' width="10%">Option A</th>
        <th style='display:none' width="10%">Option B</th>
        <th style='display:none' width="5%">Option C</th>
        <th style='display:none' width="5%">Option D</th>
        <th style='display:none' width="10%">Checkbox Options</th>
        <th width="25%">Action</th>
      </tr>
    </thead>

    <tbody class="js_subbody">
   
@if($id)
 @php $i = 1; @endphp
 @foreach($question_details->subquestion as $key => $subquestions)
<tr class="subrows sub-question-row{{$i}}">
  <td id="subquestiontd">{{$i}}</td>
  <td class="question_count">Sub Question {{$i}}</td>
  <td style="display:none" id="subquestion"><input type="hidden" id="subquestion_content" value="{{$subquestions->sub_question}}"></td>
   @php $j = 1; @endphp
 @foreach($subquestions->suboptions as $suboption)
  <td style="display:none" class="suboptions" id="subquestionoption{{$j}}">{{$suboption->options}}</td>

  <td style="display:none" class="checkoptions">
  @if($suboption->answer != null)
 <span class="checkoption{{$j}}">true</span>
 @else
 <span class="checkoption{{$j}}"></span>
 @endif
  </td>
   @php $j++; @endphp
@endforeach

  <td style='display:none' width="5%"> <span class="AnswerScore">{{$subquestions->score}}</span><span class="NegativeScore">{{$subquestions->negative_score}}</span></td>
  
  <td><i  class="hmepro-icon-edit" id="subquestion-temp-edit" data-toggle="tooltip" data-placement="left" title="Expected Question Settings"></i> <button type="button" class="md-trigger btn-link subquestion-view" data-backdrop="static" data-keyboard="false"><i class="fa fa-eye m-r-0"></i></button> <i class="hmepro-icon-trash sub_row_delete" id=""></i> 
   @if($subquestions->getaudiovideolist) 
                                          @foreach($subquestions->getaudiovideolist as $audio_videos) 
                                            @php $k=1;
                                            $l=1;@endphp
                                              <span class="getaudiovideo_list" style="display: none;">{{$audio_videos->s3_id}}</span>
                                               <span class="getmime_lists" style="display: none;">{{$audio_videos->media_type}}</span>
                                             @if($audio_videos->media_type == "audio")
                                              <input type="hidden" id="js_pro_edit_audio" name="js_pro_edit_audio" value="{{$audio_videos->s3_id}}" class="js-pro-audio-qus">
                                                <input type="hidden" name="js-pro-audio-media-type" id="js_pro_audio_media_type" value="{{$audio_videos->media_type}}" class="js-pro-audio-media-type">
                                                  <input type="hidden" name="js-pro-audio-mime-type" media-type='audio_mime' id="js_pro_audio_mime_type" value="{{$audio_videos->mime_type}}" class="js-pro-audio-mime-type">
                                                   <input type="hidden" name="js-pro-audio-resourceurl" id="js_pro_audio_resource_url" value="{{$audio_videos->resourceurl}}" class="js-pro-audio-resourceurl">

                                               <button type='button' value ='{!! $audio_videos->s3_id !!}'class='md-trigger btn-link subquestion-audiovideo-modal'  data-backdrop='static' data-keyboard='false'><span title="Audio Preview"><i class="fa fa-music"></i></button>
                                                @php $k++; @endphp
                                              @endif  
                                            @if($audio_videos->media_type == "video") 
                                            <input type="hidden" name="js_pro_edit_audio" id="js_pro_edit_video" value="{{$audio_videos->s3_id}}" class="js-pro-audio-qus">
                                             <input type="hidden" name="js-pro-audio-media-type" id="js_pro_video_media_type" value="{{$audio_videos->media_type}}" class="js-pro-audio-media-type">
                                              <input type="hidden" name="js-pro-audio-mime-type" media-type='video_mime' id="js_pro_video_media_type" value="{{$audio_videos->mime_type}}" class="js-pro-audio-mime-type">
                                               <input type="hidden" id="js_pro_video_resource_url" value="{{$audio_videos->resourceurl}}" name="js-pro-audio-resourceurl" class="js-pro-audio-resourceurl">
                                             <button type='button' value ='{!! $audio_videos->s3_id !!}' class='md-trigger btn-link subquestion-audiovideo-modal'  data-backdrop='static' data-keyboard='false'><i class="fa fa-video-camera"></i></button>
                                              <input type="hidden" id="js_pro_s3_id"name="{{$i}}S3_id" value="{{$audio_videos ? $audio_videos->s3_id : ""}}">
                                           <input type="hidden" name="{{$i}}subquestion_id" value="{{$subquestions->id}}">
                                           @endif
                                            <!-- @if($audio_videos->media_type == "pdf")
                                            <input type="hidden" name="js_pro_edit_audio" id="js_pro_edit_video" value="{{$audio_videos->s3_id}}" class="js-pro-audio-qus">
                                             <input type="hidden" name="js-pro-audio-media-type" id="js_pro_pdf_media_type" value="{{$audio_videos->media_type}}" class="js-pro-audio-media-type">
                                              <input type="hidden" name="js-pro-audio-mime-type" id="js_pro_pdf_media_type" value="{{$audio_videos->mime_type}}" class="js-pro-audio-mime-type">
                                               <input type="hidden" id="js_pro_pdf_resource_url" value="{{$audio_videos->resourceurl}}" name="js-pro-audio-resourceurl" class="js-pro-audio-resourceurl">
                                             <button type='button' value ='{!! $audio_videos->s3_id !!}' class='md-trigger btn-link subquestion-audiovideo-modal'  data-backdrop='static' data-keyboard='false'><i class="fa fa-video-camera"></i></button>
                                              <input type="hidden" id="js_pro_s3_id"name="{{$i}}S3_id" value="{{$audio_videos ? $audio_videos->s3_id : ""}}">
                                           <input type="hidden" name="{{$i}}subquestion_id" value="{{$subquestions->id}}">
                                            </td>
                                         
                                           @endif -->
                                              @php $k++; @endphp
                                         @endforeach  
                                         @endif  
                                         
</tr>
@php $i++; @endphp
@endforeach
@endif


    </tbody>
  </table>
</div>
                        </div>
                  
                      </div>
                     
                    </div>

                     
                         
                   
<!-- Pragraph Question sub question end-->
                  {{-- @author Dilip <v2e17314> @abstract Remarks --}}
                  <div class="panel">
                    <div class="panel-heading">
                      <h4 class="panel-title">
                      <a href="#panelBodyremarks" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                          <span class="label">Remarks</span>
                          <span class="required-flag">[Optional]</span>
                          @if($errors->has('remarks'))
                            <span id="js_pro_remarks-error" class="info-badge remarks-error"><span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_remarks" data-toggle="tooltip" data-original-title="{{ $errors->first('remarks') }}" data-trigger="hover" data-animation="false"></span></span>
                          @endif
                          <span id="js_pro_remarks-error" class="info-badge problem-error"></span>
                          <span class="info-badge bgn-gradient-blue" data-toggle="tooltip" data-placement="left" title="Expected Remarks">!</span>
                      </a>
                      </h4>
                    </div>
                    <div id="panelBodyremarks" class="panel-collapse collapse">
                      <div class="panel-body">
                        <div class="form-group">
                          @if(empty($id)) 
                              {!! Form::text('remarks',isset($question_details['remarks']) ? $question_details['remarks'] : '',array('class'=>'form-control','id'=>'js_pro_remarks'))  !!}
                          @else 
                             {!! Form::text('remarks',isset($question_details['remarks']) ? $question_details['remarks'] : '',array('class'=>'form-control','id'=>'js_pro_remarks','disabled'=>true)) !!}
                          @endif
                        </div>     
                      </div>
                    </div>
                  </div>
                  {{-- @author Dilip <v2e17314> @abstract Remarks --}}

                      @if($id)
                  @if($question_details['question_type']==7)
                        <div class="panel subquestionhide">
                    @else
                        <div class="panel js-question-setting subquestionhide">
                    @endif
                  @else
                      <div class="panel js-question-setting subquestionhide">
              @endif  
              @if($question_details['question_type'] !=4)     
                      <div class="panel-heading" id="js-pro-qus-setting">
                      <h4 class="panel-title">
                        <a href="#panelBodyquestionsetting" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion">
                            <span class="label">Question Settings</span>
                            <span class="required-flag"id="js-pro-label"></span>
                            <span id="js_pro_question-settings-error" class="info-badge problem-error"></span>                        
                            <span class="info-badge bgn-gradient-blue" data-toggle="tooltip" data-placement="left" title="Expected Question Settings">!</span>

                        </a>
                        </h4>
                      </div>
                      @endif
                      <div id="panelBodyquestionsetting" class="panel-collapse collapse">
                      <div class="panel-body">
                             <!--  <div class="input-group">
                                  <div class="d-flex flex-row pro-accordion-action">
                                     <p class="mr-1 ml-2">
                                      <label for="testcheck1">Shuffle Option</label>
                                    </p>
                                    <p class="mr-1 ml-2">
                                       {!! Form::radio('shuffle_option',"0",$question_details['shuffle']==0,array("id"=>"testcheck1")) !!}
                                      <label for="testcheck1">Do not Shuffle</label>
                                    </p>
                                    <p class="mr-1 ml-2">
                                      {!! Form::radio('shuffle_option',"1",$question_details['shuffle']==1,array("id"=>"testcheck2")) !!}
                                      <label for="testcheck2">Shuffle Question</label>
                                    </p>
                                  </div>
                                   
                              </div> -->
                              <div class="row">
                                <div class="col-md-4">
                               <div class="form-group">
                                  
                                      <label for="pro_question_score">Answer Score :</label>                                   
                                      {!! Form::selectRange('question_score',1, 99,$question_details['score'],array('id'=>'pro_question_score','class'=>'form-control','placeholder'=>'Select answer score')) !!}     

                               </div>
                             </div>
                              @if($question_details['question_type'] ==3 && $question_details['question_type'] ==7 )
                                <div class="col-md-4 js-subjective-div d-none">
                              @else
                                <div class="col-md-4 js-subjective-div">
                               @endif
                               @if($question_details['question_type'] !=3 && $question_details['question_type'] !=5)
                                <div class="form-group">
                                  
                                      <label for="pro_negative_question_score">Negative Marking :</label>
                                    {!! Form::text('negative_question_score',$question_details['negative_score'],array('id'=>'pro_negative_question_score', 'class'=>'form-control','onkeypress'=>"return isNumberKey(event)")) !!}
                                    <span id="pro_negative_question_score-error"></span>
                                   
                               </div>
                               @endif
                             </div>
                             
                             </div>

                             <!-- $question_details['question_type'] -->
                             @if($id)
                                @if($question_details['question_type']==1 || $question_details['question_type']==7 || $question_details['question_type']==5)
                                  <div class="row js-subjective-mark d-none">
                                @else
                                  <div class="row js-subjective-mark">
                                @endif
                              @else
                                <div class="row js-subjective-mark">
                              @endif
                              
                                <div class="col-md-4">
                               <div class="form-group">
                                  
                                      <label for="pro_subjectivequestion_character">Minimum Character :</label>                                   
                                      {!! Form::text('subjective_question_minumcharacter',$question_details['min_character'],array('id'=>'subjective_question_minumcharacter', 'class'=>'form-control','placeholder'=>'0','onkeypress'=>"return isNumberKey(event)")) !!}                                 
                               </div>
                             </div>
                             <div class="col-md-4">
                               <div class="form-group">
                                  
                                      <label for="pro_subjectivequestion_character">Maximum Character :</label>                                   
                                      {!! Form::text('subjective_question_maxcharacter',$question_details['max_character'],array('id'=>'subjective_question_maxcharacter', 'class'=>'form-control','placeholder'=>'5000','onkeypress'=>"return isNumberKey(event)")) !!}                                 
                               </div>
                             </div>


                      <!-- @author Naveenkumar S <V2E17315> -->
                      <!-- Start -->
                       <div class="form-group">
                              <label class="col-md-12">Is SubjectiveQuestion Document :</label>
                              <div class="col-md-12">
                                <div class="form-radio">
                                  <div class="radio radiofill radio-primary radio-inline" id="yes">
                                    <label>
                                      {!! Form::radio('subquestion_doc_check',1,$question_details['sub_question_upload']==1?true:null,array('id'=>'js-subquestion_doc')) !!}
                                      <i class="helper"></i>Yes
                                    </label>
                                  </div>
                                  <div class="radio radiofill radio-primary radio-inline" id="no">
                                    <label>
                                      {!! Form::radio('subquestion_doc_check',0,$question_details['sub_question_upload']==0?true:null,array('id'=>'js-subquestion_doc_1')) !!}
                                      <i class="helper"></i>No
                                    </label>

                                  </div>
                                  <span id="gender-error" class="p-t-0"></span>
                                </div>

                            <!-- @version 23.0 @author Naveenkumar Sekar -->
                                <span style="color: red">@if(isset($max_file_size)) Note:Maximum {{ isset($max_file_size->max_file_size) ? $max_file_size->max_file_size : 5 }}MB data in png, jpg and pdf format. @else Note:Maximum 5MB data in png, jpg and pdf format. @endif</span>
                              </div>
                            </div>    
                             <div class="col-md-4">
                          <div class="form-group">
                          <div class="js-div-document-mandatory d-none ml-3" id="js-div-document-mandatory">
                          <div class=" border-green" >Is Mandatory:</div>
<!--                             <div class="col-md-12"> -->
                                <div class="form-radio">
                                  <div class="radio radiofill radio-primary radio-inline" >
                                    <label>
                                      {!! Form::radio('subquestion_doc_mandatory',1,$question_details['is_document_mandatory']==1?true:null,array('id'=>'js-subquestion_doc')) !!}
                                      <i class="helper"></i>Yes
                                    </label>
                                  </div>
                                  <div class="radio radiofill radio-primary radio-inline">
                                    <label>
                                      {!! Form::radio('subquestion_doc_mandatory',0,$question_details['is_document_mandatory']==0?true:null,array('id'=>'js-subquestion_doc_1')) !!}
                                      <i class="helper"></i>No
                                    </label>

                                  </div>
                                  <span id="gender-error" class="p-t-0"></span>
                                </div>
                            </div>
                           </div>
                        </div>
                        </div>   
                      <!-- End -->
                                
                             </div>
                            </div>
                         </div>
                      </div>
                       {!! Form::submit($id ? 'Update Question' : 'Add Question', ['class' => 'btn btn-primary f-16 waves-effect'] )  !!} 
                   {!! Form::close() !!}
                     </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
  <div class="animation-model">
 <div class="md-modal m-w-740 md-effect-1" id="subquestion-view">
     
     
        <div class="md-content">
            <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn hme-modal-close" id="js-subquestion-view-modal-close"><span class="hiremee-multiply f-18"></span></button>
                    <div class="row p-l-15 p-r-15">
                        <div class="col-sm-12 col-lg-12">
                           <div class="page-header-title m-t-10 m-b-20">
                                    <h4 class="g-l-b">Sub Question View</h4>
                                 </div>
                     
                    <div class="dynamic-proctoring" style="overflow: auto;max-height: 450px;">
                    </div>

                      
                        
                          
                        </div>
                    </div>
                   
                    
        </div>
        
    </div>

<div class="md-overlay"></div>
</div>
<div class="animation-model">
<div class="md-modal m-w-600 md-effect-1" id="js-pro-preview">
   <div class="md-content">
      <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="js-pro-modal-close"><span class="hiremee-multiply f-18"></span></button>
      <div class="row p-l-15 p-r-15">
         <div class="col-sm-12 col-lg-12">
            <div class="page-header-title m-t-10 m-b-20">
               <h4 class="g-l-b"></h4>
            </div>
            <div class="min-h-250">
            <div class="form-group" id="js-pro-audiovideoqus-preview">
            </div>
          </div>
         </div>
      </div>
   </div>
</div>
 <div class="md-overlay"></div>
</div>
                          <!-- Subquestion View Audio Video type -->
   <div class="modal fade" id="subquestion-audiovideo-modal" role="dialog">
     <div class="modal-dialog modal-md" style="width: 600px;">
        <div class="modal-content ">
          <div class="modal-footer" style="padding-bottom: 0px;">
            <button type="button" id="js-subques_close-popup" class="btn-link close text-dark" style="opacity: 1 !important;" data-dismiss="modal" ><i class="fa fa-times"></i></button>
            </div>
         <div class="modal-body" style="display: flex; justify-content: center;">
                 <div id="js-pro-subqus_audiovideo"></div>
             </div>
              <div class="modal-footer" style="border-top: none;">
            
            </div>
           
    </div>
</div>

@endsection
@section('footer')
<script src="{{ secure_asset('js/ckfinder/standard-all/ckeditor.js') }}"></script>
<script src="{{ secure_asset('js/ckfinder/ckfinder.js') }}"></script> 
<script>CKFinder.config( { connectorPath: '/ckfinder/connector' } );</script>

<script src="{{ secure_asset('assets/js/pro/question-type-paragraph.js') }}"></script> 
   <script type="text/javascript" src="https://cdn.jwplayer.com/libraries/aqtkpmax.js"></script>
<script src="{{secure_asset('/jwplayer/jwplayer.js') }}"></script>
<script>jwplayer.key="xft7GtCt5AolYdOZ1T4lnR1np4iAGMgwdvRqiw==";</script>
<style type="text/css">
#fieldList > li{
margin-bottom: 15px;  
}  
.essay_list_heading{
  font-size: 18px;
}
</style>
<script type="text/javascript">
      var i=1; 
       var j=1;
       var k=1;
       var m=1;
       var sub_ques_count =1; 
       var sub_ques_edit_count=1;
       var sub_qus_video_count=1;
       var sub_ques_video_edit_count=1;
       var testCaseS3Url = ''; //testcase file upload changes
var regex = /<img/; 
var questionid; 
    function isNumberKey(evt)
   {
      var charCode = (evt.which) ? evt.which : evt.keyCode;
      if (charCode != 46 && charCode > 31 
        && (charCode < 48 || charCode > 57)){
         return false;
        }else{
          return true;
        }
   }
   $("#js-pro-test-case-score" ).change(function() {
          var max = parseInt($(this).attr('max'));
          var min = parseInt($(this).attr('min'));
          if ($(this).val() > max)
          {
              $(this).val(max);
          }
          else if ($(this).val() < min)
          {
              $(this).val(min);
          }       
        }); 

  $(document).ready(function() {
        $(".select2").select2();
       questionid=$('#js_question_id').val();
       $('#js-pro-add-more-essaymodel').hide();
      //@author Naveenkumar S <V2E17315>
       if(!questionid){
        $('#js-subquestion_doc_1').attr('checked',true); 
       }
        if(questionid){
        $('#js-div-document-mandatory').removeClass('d-none'); 
       }

       $('#js-pro-label').text("[Optional]");
        var questiontype=$('#js_pro_question_type').val();
        if(questionid && questiontype == 1){
          $('.js-pro-audio-video-panel').removeClass('d-none');
           $('#js-div-pro').removeClass('d-none');
          $('.js-div-audiovideo').removeClass('d-none');
           $('.js-div-button').removeClass('d-none');
         $("#js-audio").click(function(){
          //$('#js-div-pdf').removeClass('d-none');
            $('#js-div-audio').removeClass('d-none');
             $('#js-div-video').addClass('d-none');
             $('.js-div-button').removeClass('d-none');
        });
        $("#js-video").click(function(){
         // $('#js-div-pdf').removeClass('d-none');
             $('#js-div-video').removeClass('d-none');
            $('#js-div-audio').addClass('d-none');
            $('.js-div-button').removeClass('d-none');
        });
        /*$("#js-pdf").click(function(){
          // $('#js-div-pdf').removeClass('d-none');
             $('#js-div-video').addClass('d-none');
            $('#js-div-audio').addClass('d-none');
            $('.js-div-button').removeClass('d-none');
        });*/
          editQuestions();
        }
         if(questionid && questiontype == 6){
           $("#subquestion-panel").css("display", "block");
             $('.js-pro-subqus-audio-video-panel').removeClass('d-none');
           $('#js-div-pro').removeClass('d-none');
           $('.js-div-button').removeClass('d-none');
           $('.js-div-sub-audiovideo').removeClass('d-none');

            $("#js-subqus-audio").click(function(){
               document.getElementById("js-pro-subqus-video").value = null;
            $('#js-div-subqus-audio').removeClass('d-none');
             $('#js-div-subqus-video').addClass('d-none');
              // $('#js-div-subqus-pdf').addClass('d-none');
             $('.js-div-subqus-button').removeClass('d-none');
        });
        $("#js-subqus-video").click(function(){
             $('#js-div-subqus-video').removeClass('d-none');
            $('#js-div-subqus-audio').addClass('d-none');
            $('.js-div-subqus-button').removeClass('d-none');
              $('#js-div-subqus-pdf').addClass('d-none');
        });
        /*$("#js-subqus-pdf").click(function(){
             $('#js-div-subqus-pdf').removeClass('d-none');
            $('#js-div-subqus-audio').addClass('d-none');
             $('#js-div-subqus-video').addClass('d-none');
            $('.js-div-subqus-button').removeClass('d-none');
        });*/
          $("#subquestion-panel").css("display", "block");
           $('.js-pro-audio-video-sub-panel').removeClass('d-none');
           $('#js-div-sub-pro').removeClass('d-none');
           $('#js-div-sub-audiovideo').removeClass('d-none');
             $("#js-sub-audio").click(function(){
                 document.getElementById("js-pro-sub-video_question").value = null;
             $('#js-div-sub-audio').removeClass('d-none');
             $('#js-div-sub-video').addClass('d-none');
              //$('#js-div-sub-pdf').addClass('d-none');
             $('#js-div-sub-button').removeClass('d-none');
        });
        $("#js-sub-video").click(function(){
                document.getElementById("js-pro-sub-audio_question").value = null;
                document.getElementById("js-pro-subqus-pdf").value = null;
             $('#js-div-sub-video').removeClass('d-none');
             $('#js-div-sub-button').removeClass('d-none');
            $('#js-div-sub-audio').addClass('d-none');
              //$('#js-div-sub-pdf').addClass('d-none');
        });
       /*  $("#js-sub-video").click(function(){
              document.getElementById("js-pro-subqus-audio").value = null;
              document.getElementById("js-pro-subqus-video").value = null;
            $('#js-div-subqus-pdf').removeClass('d-none');
            $('#js-div-subqus-audio').addClass('d-none');
             $('#js-div-subqus-video').addClass('d-none');
            $('.js-div-subqus-button').removeClass('d-none');
        });*/


        //      $('.js-pro-audio-video-sub-panel').removeClass('d-none');
        //    $('#js-div-sub-pro').removeClass('d-none');
        //    $('#js-div-sub-audiovideo').removeClass('d-none');
        //      $("#js-sub-audio").click(function(){
        //         document.getElementById("js-pro-sub-audio_question").value = null;
        //      $('#js-div-sub-audio').removeClass('d-none');
        //      $('#js-div-sub-video').addClass('d-none');
        //      $('#js-div-sub-button').removeClass('d-none');
        // });
        // $("#js-sub-video").click(function(){
        //     document.getElementById("js-pro-sub-video_question").value = null;
        //      $('#js-div-sub-video').removeClass('d-none');
        //      $('#js-div-sub-button').removeClass('d-none');
        //     $('#js-div-sub-audio').addClass('d-none');
        // });


          editQuestions();
        }
         if(questionid && questiontype == 3){
             $('.js-pro-audio-video-sub-panel').removeClass('d-none');
           $('#js-div-sub-pro').removeClass('d-none');
            $('.js-div-button').removeClass('d-none');
           $('#js-div-sub-audiovideo').removeClass('d-none');
             $("#js-sub-audio").click(function(){
                document.getElementById("js-pro-sub-audio_question").value = null;
             $('#js-div-sub-audio').removeClass('d-none');
             $('#js-div-sub-video').addClass('d-none');
              //$('#js-div-sub-pdf').addClass('d-none');
             $('#js-div-sub-button').removeClass('d-none');
        });
        $("#js-sub-video").click(function(){
            document.getElementById("js-pro-sub-video_question").value = null;
             $('#js-div-sub-video').removeClass('d-none');
             $('#js-div-sub-button').removeClass('d-none');
            $('#js-div-sub-audio').addClass('d-none');
             $//('#js-div-sub-pdf').addClass('d-none');
        });
        /*   $("#js-sub-pdf").click(function(){
            document.getElementById("js-pro-sub-pdf_question").value = null;
             $('#js-div-sub-pdf').removeClass('d-none');
             $('#js-div-sub-button').removeClass('d-none');
            $('#js-div-sub-audio').addClass('d-none');
             $('#js-div-sub-video').addClass('d-none');
        });*/


          editQuestions();
        }
        if(questionid && questiontype == 5){
          var ess_index_val=[];
          var m=1;
           $('.js-pro-div-essay-question').removeClass('d-none');
           $('#js-pro-add-more-essaymodel').hide();
           $('#js-pro-qus-setting').show();
           // for(var i = 1; i <3; i++){
           //  ess_index_val[i]=i;
           //   $("#fieldList").append("<li><span>Essay Model" +(i+1)+"</span><textarea  class='getvalues' id='js_pro_essay_question_"+i+"' data-name='pro-essay-qus-values' placeholder='File description'></textarea></li>");
           //  CKEditorChange('js_pro_essay_question_' +i,i);
           //  $(this).attr('rel', parseInt(i) + parseInt(1));
           // }
        }
        

          var question_type=$('#js-question_type').val();
          var pool_id=$("#js_pool_id").val();
          var topic_id=$("#pro_question_topics").attr('data-topic_id');
          if(question_type && pool_id){
            getPool(question_type,pool_id);
            getTopic(pool_id,question_type,topic_id);
          }

  });
   function editQuestions(){
    questionid=$('#js_question_id').val();
    var data_media_type=$('#js_pro_media_type').val();
     var data_s3_id=$('#js_pro_resource_url').val();
    if(questionid){
      if(data_media_type == 'audio'){
             $("#file_name_qus_exist").remove();
              $('#js-audio').attr('checked','checked');
              $('#js-sub-audio').attr('checked','checked');
              $('#js-div-subqus-audio').removeClass('d-none');
              $('#js-pro-audio-preview').removeClass('d-none');
              $('#js-pro-audio-preview').attr('title','Audio Preview' );
              $('#js-pro-sub-audio-preview').removeClass('d-none');
              $('#js-pro-sub-audio-preview').attr('title','Audio Preview' );
              $('#js-div-audio').removeClass('d-none');
              $('#js-div-button').removeClass('d-none');
              $('#js-div-sub-audio').removeClass('d-none');
              $('#js-audio-file').append("<span id='file_name_qus_exist'>" +
            data_s3_id +
            "</span>");
            $('#js-sub-audio-file').append("<span id='file_name_qus_exist'>" +
            data_s3_id +
            "</span>");
              $('#js-pro-audio-video-upload').prop('disabled',false);
      }else if(data_media_type == 'video'){
        // $("#file_name_qus_exist").remove();
          $('#js-sub-video').attr('checked','checked');
          $('#js-pro-sub-video-preview').removeClass('d-none');
          $('#js-pro-sub-video-preview').attr('title','Audio Preview' );
          $('#js-pro-button').removeClass('d-none');
           $('#js-pro-video-preview').attr('title','Video Preview');
           $('#js-div-video').removeClass('d-none');
            $('#js-div-sub-video').removeClass('d-none');
           $('#js-div-subqus-video').removeClass('d-none');
            $('#js-video-file').append("<span id='file_name_qus_exist'>" +
            data_s3_id +
            "</span>");
             $('#js-sub-video-file').append("<span id='file_name_qus_exist'>" +
            data_s3_id +
            "</span>");
            $('#js-pro-audio-video-upload').prop('disabled',false);
      } /*else if(data_media_type == 'pdf'){
         $("#file_name_qus_exist").remove();
          $('#js-sub-pdf').attr('checked','checked');
          $('#js-pro-sub-pdf-preview').removeClass('d-none');
          $('#js-pro-sub-pdf-preview').attr('title','Audio Preview' );
          $('#js-pro-button').removeClass('d-none');
           $('#js-pro-pdf-preview').attr('title','Video Preview');
           $('#js-div-video').removeClass('d-none');
            $('#js-div-sub-pdf').removeClass('d-none');
           $('#js-div-subqus-pdf').removeClass('d-none');
            $('#js-video-file').append("<span id='file_name_qus_exist'>" +
            data_s3_id +
            "</span>");
             $('#js-sub-pdf-file').append("<span id='file_name_qus_exist'>" +
            data_s3_id +
            "</span>");
            $('#js-pro-audio-video-upload').prop('disabled',false);
      }*/
      $('body').on('click','.audio_preview',function(){
            var data_resource_url=$('#js_pro_resource_url').val();
         $.ajax({
          url: "{!! secure_url('pro/get-resourceurl') !!} ",
          type: "POST",
          data: {'s3_url':data_resource_url},
          success: function(data) {
                        $('#js-pro-preview').addClass('md-show');
                var playerInstance = jwplayer("js-pro-audiovideoqus-preview");
                playerInstance.setup({
                    file:data,
                    mediaid: "xxxxYYYY",
                    Mimetype:"mp4",
               });
          }
      });
    })
    }
  }

    function addOptions(id){
           var form=id + '_form';
           var correct_option_render='';
           var score_render ='';
              var questiontype_id = $('#js-question_type').val();
           if (document.getElementById(form)) {
               $("#"+form).removeClass('d-none');
               $('.pro-option-editor').not("#"+form).addClass('d-none');
            }else{
              var editor_id=id +'_editor';
               var sd =  id.replace(/[^0-9]/gi, ''); 
              var option_count = parseInt(sd, 10); 
              if(questiontype_id != 11){
                  correct_option_render = "<div class='form-group mb-5 mt-4 d-flex justify-content-start' id='correct_option'><label>Is Correct Option :  </label><div class='switch'><input type='checkbox' name='checkbox"+option_count+"' id='checkbox"+option_count+"'><span class='checked'></span><label for='checkbox"+option_count+"' class='js-ans-check'>NO</label></div></div>";  
              }
               if(questiontype_id == 11){
                score_render = "<div class='form-group mb-5 mt-4 d-flex justify-content-start col-md-4 score_option'><label> Score:</label><input type='text' name='option_score["+option_count+"]' class='form-control option_score' placeholder='Please enter positive and negative score numbers' title='Please enter positive and negative score numbers' maxlength='4'></div>"; 
              }
              $('.pro-option-editor').not('#' + form).addClass('d-none');
              $('.add-answer').append("<div class='pl-3 pr-3 pro-option-editor pro-form' id='"+form+"'><div class='form-group pro-editor-comp'><label id='answer_option'>Add answer for the Question Option"+option_count+"</label><textarea id='"+editor_id+"' class='js_pro_editors'></textarea></div>"+correct_option_render+score_render+"<button class='btn btn-primary pro-green c-white f-1001 button-submit'>Update to Options</button</div>");
               CKFinder.setupCKEditor( CKEDITOR.replace(editor_id, {
                    extraPlugins: 'uploadimage,image2,eqneditor',
                    removePlugins:'image',
                    removeButtons: 'Source',
                    filebrowserImageBrowseUrl:'',
                    filebrowserFlashBrowseUrl:'',
                    filebrowserBrowseUrl: '',
                    height:250
                  }));
            }
      }

   $('.handles').sortable({
                handle: '.drag'
            });
    $('.js_pro_editors').each(function(){
       var editor = CKEDITOR.replace( $(this).attr('id'), {
        extraPlugins: 'uploadimage,image2,eqneditor',
        removePlugins:'image',
        removeButtons: 'Source',
        filebrowserImageBrowseUrl:'',
        filebrowserFlashBrowseUrl:'',
        filebrowserBrowseUrl: '',
        height:250
      } );
      CKFinder.setupCKEditor( editor );
  });
  var question_editor=CKEDITOR.replace('js_pro_question',{
     extraPlugins: 'uploadimage,eqneditor,image2',
        removePlugins:'image',
        removeButtons: 'Source',
        filebrowserImageBrowseUrl:'',
        filebrowserFlashBrowseUrl:'',
        filebrowserBrowseUrl: '',
        height:250
      } );
      CKFinder.setupCKEditor( question_editor );

 $('#js-question_type').on('change', function(){
  
    var question_type=$(this).val();
    $("#pro_question_topics").val("").attr('data-topic_id',"");
    getPool(question_type,"");
      $(".js-option-answer").addClass('d-none');        
      
      if(question_type=='4'){
        $('#js-pro-add-more-essaymodel').hide();
        $('.panel-question-div').removeClass('d-none')
        $('.js-pro-div-essay-question').addClass('d-none');
        $("#subquestion-panel").css("display", "none");
           $('.js-pro-subqus-audio-video-panel').addClass('d-none')
        $('.js-pro-audio-video-sub-panel').addClass('d-none');
           $('#js-div-sub-audiovideo').addClass('d-none');
         $('.js-pro-audio-video-sub-panel').addClass('d-none');
           $('#js-div-sub-audiovideo').addClass('d-none');
        $(".js-subjective-mark").addClass('d-none');
        $(".js-testcase-panle").removeClass('d-none');
        $(".js-language-cluster").removeClass('d-none');                   
        $("#js-question-setting").removeClass('d-none');
         $(".js-pro-div-problem-name").removeClass('d-none');
         $(".js-option-answer").addClass('d-none');          
         $('#js-pro-qus-setting').hide();
         $('#js-pro-label').text("[Optional]");
         if(CKEDITOR){
            if(CKEDITOR.instances.js_pro_question){
                CKEDITOR.instances.js_pro_question.destroy(false);
               var question_editor= CKEDITOR.replace('js_pro_question', {
                  extraPlugins: 'uploadimage,eqneditor,image2',
                   removePlugins: 'image',
                  removeButtons: 'Source',
                  filebrowserBrowseUrl: "@{{ route('ckfinder_browser') }}",
                   removeDialogTabs : 'link:upload;link:advanced',
                   height:250
                });
                 CKFinder.setupCKEditor(question_editor);
            }
        }
      }else if(question_type=='5'){
       $("#subquestion-panel").css("display", "none");
      $('#js-pro-add-more-essaymodel').show();
       $('.panel-question-div').removeClass('d-none')
        $(".js-option-answer").addClass('d-none');     
        $('#js-pro-qus-setting').show();
         $('#js-pro-label').text("");
        $('.js-pro-div-essay-question').removeClass('d-none');
        $('#js-div-sub-audiovideo').addClass('d-none');
        $('.js-pro-audio-video-sub-panel').addClass('d-none');
        $('.js-pro-subqus-audio-video-panel').addClass('d-none');
        $('#js-div-subqus-audio').addClass('d-none');
        $(".js-pro-div-problem-name").addClass('d-none');      
        $(".js-language-cluster").addClass('d-none')    
        $(".js-option-answer").addClass('d-none');
        $('#js-div-audiovideo').css('display','none');
        $(".js-subjective-mark").addClass('d-none');
        $(".js-subjective-div").addClass('d-none');
        $('.js-pro-taxonomy').removeClass('d-none');
        /*$('#js-pro-div-comprehension').addClass('d-none');   */   
        $('#js-pro-answer').hide();
        $('#js-pro-div-qustion-setting').hide();
        $('#js-pro-new-topic').hide();
        $('.js-pro-audio-video-panel').addClass('d-none');
        $(".js-testcase-panle").addClass('d-none');
       if(CKEDITOR){
            if(CKEDITOR.instances.js_pro_essay_question){
                CKEDITOR.instances.js_pro_essay_question.destroy();
                CKEDITOR.replace('js_pro_essay_question', {
                  extraPlugins: 'uploadimage,eqneditor',
                   removePlugins: 'image',
                  removeButtons: 'Source',
                  filebrowserImageBrowseUrl:'',
                  filebrowserFlashBrowseUrl:'',
                  filebrowserBrowseUrl: '',
                   height:250
                });
            }
        }
      }else if(question_type=='1'){
        $('#js-pro-add-more-essaymodel').hide();
          $('.panel-question-div').removeClass('d-none')
      $('.js-pro-div-essay-question').addClass('d-none');
        $('.js-pro-subqus-audio-video-panel').addClass('d-none')
        $('.js-pro-audio-video-sub-panel').addClass('d-none');
           $('#js-div-sub-audiovideo').addClass('d-none');
      $(".js-pro-div-problem-name").addClass('d-none');
      $('.js-pro-audio-video-panel').removeClass('d-none');
      $(".js-option-answer").removeClass('d-none');
      $(".js-subjective-mark").addClass('d-none');
      $(".js-testcase-panle").addClass('d-none');
      $(".js-language-cluster").addClass('d-none')    
      $("#js-question-setting").removeClass('d-none');
      $('#js-div-pro').addClass('d-none');
      $('#js-pro-qus-setting').show();
       $(".js-subjective-div").removeClass('d-none');
      $('.js-pro-taxonomy').removeClass('d-none');
      /*$('#js-pro-div-comprehension').removeClass('d-none');*/
      $('#js-pro-answer').show();
      $('#js-pro-div-qustion-setting').show();
      $('#js-pro-new-topic').show();
      $('#js-div-audiovideo').addClass('d-none');
      $('#js-pro-label').text("[Optional]");

      $('#panelBodyThree').parent().css("display", "block");
      $("#subquestion-panel").css("display", "none");
      $('.subquestionhide').css("display", "block");      
      $('#js-pro-question-score').hide();      
      $('#js-div-audiovideo').removeClass('d-none');
         $("#js-audio").click(function(){
                document.getElementById("js-pro-video_question").value = null;
                //document.getElementById("js-pro-pdf_question").value = null;    
             $('#js-div-audio').removeClass('d-none');
              //$('#js-div-pdf').addClass('d-none');
             $('#js-div-video').addClass('d-none');
             $('#js-div-button').removeClass('d-none');
        });
        $("#js-video").click(function(){
            document.getElementById("js-pro-audio_question").value = null;
            //document.getElementById("js-pro-pdf_question").value = null;
             $('#js-div-video').removeClass('d-none');
             $('#js-div-button').removeClass('d-none');
             // $('#js-div-pdf').addClass('d-none');
            $('#js-div-audio').addClass('d-none');
        });
        /* $("#js-pdf").click(function(){
            document.getElementById("js-pro-video_question").value = null;
             document.getElementById("js-pro-audio_question").value = null;
             $('#js-div-pdf').removeClass('d-none');
             $('#js-div-button').removeClass('d-none');
            $('#js-div-audio').addClass('d-none');
             $('#js-div-video').addClass('d-none');
        });*/
        if(CKEDITOR){
            if(CKEDITOR.instances.js_pro_question){
                CKEDITOR.instances.js_pro_question.destroy(false);
               var question_editor= CKEDITOR.replace('js_pro_question', {
                  extraPlugins: 'uploadimage,eqneditor,image2',
                   removePlugins: 'image',
                  removeButtons: 'Source',
                  filebrowserBrowseUrl: "@{{ route('ckfinder_browser') }}",
                   removeDialogTabs : 'link:upload;link:advanced',
                   height:250
                });
                 CKFinder.setupCKEditor(question_editor);
            }
        }
        
    }else if(question_type == 3){
       // $(".js-subjective-mark").removeClass('d-none');
       //  $(".js-testcase-panle").addClass('d-none'); 
       //  $(".js-language-cluster").addClass('d-none')    
       //  $("#js-pro-qus-setting").removeClass('d-none');
       //  $(".js-pro-div-problem-name").addClass('d-none');
       //  $(".js-subjective-div").addClass('d-none');
      $('.panel-question-div').removeClass('d-none')
      $('#js-pro-add-more-essaymodel').hide();
       $('.js-pro-div-essay-question').addClass('d-none');
       $('.js-pro-audio-video-sub-panel').removeClass('d-none');
       $(".js-option-answer").addClass('d-none'); 
        $(".js-subjective-mark").removeClass('d-none');
        $(".js-testcase-panle").addClass('d-none'); 
        $(".js-language-cluster").addClass('d-none')    
        $("#js-pro-qus-setting").removeClass('d-none');
        $(".js-pro-div-problem-name").addClass('d-none');
        $(".js-subjective-div").addClass('d-none');
           $('#js-div-sub-audiovideo').removeClass('d-none');
         $("#js-sub-audio").click(function(){
                document.getElementById("js-pro-sub-audio_question").value = null;
             $('#js-div-sub-audio').removeClass('d-none');
             $('#js-div-sub-video').addClass('d-none');
             $('#js-div-sub-button').removeClass('d-none');
              $('#js-div-sub-pdf').addClass('d-none');
        });
        $("#js-sub-video").click(function(){
            document.getElementById("js-pro-sub-video_question").value = null;
             $('#js-div-sub-video').removeClass('d-none');
             $('#js-div-sub-button').removeClass('d-none');
            $('#js-div-sub-audio').addClass('d-none');
            $('#js-div-sub-pdf').addClass('d-none');
        });
          $("#js-sub-pdf").click(function(){
            document.getElementById("js-pro-sub-pdf_question").value = null;
             $('#js-div-sub-pdf').removeClass('d-none');
             $('#js-div-sub-button').removeClass('d-none');
            $('#js-div-sub-audio').addClass('d-none');
             $('#js-div-sub-video').addClass('d-none');
        });
        
         $('#js-pro-label').text(""); 
        $('.js-question-setting').css('display','block');
        // $('#js-pro-label').text("");
    }else if(question_type=='7'){
      $('#js-pro-add-more-essaymodel').hide();
      $('.panel-question-div').removeClass('d-none')
      $('.js-pro-div-essay-question').addClass('d-none');
       $('#js-div-sub-audiovideo').addClass('d-none');
        $('.js-pro-audio-video-sub-panel').addClass('d-none');
         $('.js-pro-subqus-audio-video-panel').addClass('d-none');
        $('#js-div-subqus-audio').addClass('d-none');
      $(".js-pro-div-problem-name").addClass('d-none');      
      $(".js-language-cluster").addClass('d-none')    
      $(".js-option-answer").addClass('d-none');
      $('#js-div-audiovideo').css('display','none');
      $(".js-subjective-mark").addClass('d-none');
      $(".js-subjective-div").addClass('d-none');
      $('.js-pro-taxonomy').addClass('d-none');
      /*$('#js-pro-div-comprehension').addClass('d-none');   */   
      $('#js-pro-answer').hide();
      $('#js-pro-div-qustion-setting').hide();
      $('#js-pro-new-topic').hide();
       $('.js-pro-audio-video-panel').addClass('d-none');
        $(".js-testcase-panle").addClass('d-none');

      if(CKEDITOR){
            if(CKEDITOR.instances.js_pro_question){
                CKEDITOR.instances.js_pro_question.destroy();
                CKEDITOR.replace('js_pro_question', {
                  extraPlugins: 'uploadimage,eqneditor',
                   removePlugins: 'image',
                  removeButtons: 'Source',
                  filebrowserImageBrowseUrl:'',
                  filebrowserFlashBrowseUrl:'',
                  filebrowserBrowseUrl: '',
                   height:250
                });
            }
        }
    }else if(question_type == 6)
    {
      $('#js-pro-add-more-essaymodel').hide();
      $('.panel-question-div').removeClass('d-none')
      $('.js-pro-div-essay-question').addClass('d-none');
        $('.js-pro-audio-video-sub-panel').removeClass('d-none');
          $('#js-div-sub-audiovideo').removeClass('d-none');
         $("#js-sub-audio").click(function(){
                document.getElementById("js-pro-sub-audio_question").value = null;
             $('#js-div-sub-audio').removeClass('d-none');
             $('#js-div-sub-video').addClass('d-none');
              //$('#js-div-sub-pdf').addClass('d-none');
             $('#js-div-sub-button').removeClass('d-none');
        });
        $("#js-sub-video").click(function(){
            document.getElementById("js-pro-sub-video_question").value = null;
             $('#js-div-sub-video').removeClass('d-none');
             $('#js-div-sub-button').removeClass('d-none');
            $('#js-div-sub-audio').addClass('d-none');
             //$('#js-div-sub-pdf').addClass('d-none');
        });
       /* $("#js-sub-pdf").click(function(){
            document.getElementById("js-pro-sub-pdf_question").value = null;
             $('#js-div-sub-pdf').removeClass('d-none');
             $('#js-div-sub-button').removeClass('d-none');
            $('#js-div-sub-audio').addClass('d-none');
             $('#js-div-sub-video').addClass('d-none');
        });*/
     $(".js-language-cluster").addClass('d-none');
       $(".js-testcase-panle").addClass('d-none');   
      $(".js-pro-div-problem-name").addClass('d-none');
      $("#subquestion-panel").css("display", "block");
      $('#panelBodyThree').parent().css("display", "none");
       $('.subquestionhide').css("display", "none");
          $('.js-pro-subqus-audio-video-panel').removeClass('d-none');
        $('#js-div-subqus-audio').removeClass('d-none');
           $("#js-subqus-audio").click(function(){
               document.getElementById("js-pro-subqus-video").value = null;
             $('#js-div-subqus-audio').removeClass('d-none');
             $('#js-div-subqus-video').addClass('d-none');
             $('#js-div-subqus-button').removeClass('d-none');
        });
         $('#js-subqus-video').click(function(){
          document.getElementById("js-pro-subqus-audio").value = null;
          $('#js-div-subqus-video').removeClass('d-none');
          $('#js-div-subqus-audio').addClass('d-none');
          $('#js-div-subqus-button').removeClass('d-none');
         });
  

       if(CKEDITOR){
            if(CKEDITOR.instances.js_pro_question){
                CKEDITOR.instances.js_pro_question.destroy(false);
               var question_editor= CKEDITOR.replace('js_pro_question', {
                  extraPlugins: 'uploadimage,eqneditor,image2',
                   removePlugins: 'image',
                  removeButtons: 'Source',
                  filebrowserBrowseUrl: "@{{ route('ckfinder_browser') }}",
                   removeDialogTabs : 'link:upload;link:advanced',
                   height:250
                });
                 CKFinder.setupCKEditor(question_editor);
            }
        }

      
    }else{ 
      $('#js-pro-add-more-essaymodel').hide();
        $('#panelBodyThree').parent().css("display", "block");
      $("#subquestion-panel").css("display", "none");
      $('.subquestionhide').css("display", "block");
      $('.js-pro-audio-video-panel').removeClass('d-none');
      $('#js-pro-question-score').hide();
      $('#js-pro-qus-setting').show();
      $('#js-div-audiovideo').removeClass('d-none');
      $('#js-pro-taxonomy').removeClass('d-none');
      /*$('#js-pro-div-comprehension').removeClass('d-none');*/
      $('#js-pro-answer').show();
      $('#js-pro-div-qustion-setting').show();
      $('#js-pro-new-topic').show();
  }
  });

    var question_type = $('#js-question_type').val();
  if(question_type == 6)
    {
      $(".js-pro-div-problem-name").addClass('d-none');
      $("#subquestion-panel").css("display", "block");
      $('#panelBodyThree').parent().css("display", "none");
       $('.subquestionhide').css("display", "none");
      
    }else{ 
       $('#panelBodyThree').parent().css("display", "block");
      $("#subquestion-panel").css("display", "none");
      $('.subquestionhide').css("display", "block");
  }
  // $('.js_pro_editors').each(function(){
  //      var editor = CKEDITOR.replace( $(this).attr('id'), {
  //       extraPlugins: 'uploadimage,image2,eqneditor',
  //       removePlugins:'image',
  //       removeButtons: 'Source',
  //       filebrowserImageBrowseUrl:'',
  //       filebrowserFlashBrowseUrl:'',
  //       filebrowserBrowseUrl: '',
  //       height:250
  //     } );
  //     CKFinder.setupCKEditor( editor );
  // });
  $('#js-pro-audio-video-upload').on('click',function(){
   var formData = new FormData();
   var question_type=$('#js-question_type').val();
   var audio=document.getElementById('js-pro-audio_question');
   var video=document.getElementById('js-pro-video_question');
   //var pdf=document.getElementById('js-pro-pdf_question');
   var audioFilePath = audio.value;
   var videoFilePath = video.value;
   //var pdfFilePath = pdf.value;
   var selValue = $('input[name=audiovideo_qus]:checked').val(); 
    var audioExtension = audioFilePath.substring(audioFilePath.lastIndexOf('.') + 1).toLowerCase();
    var videoExtension= videoFilePath.substring(videoFilePath.lastIndexOf('.') + 1).toLowerCase();
       // var pdfExtension= pdfFilePath.substring(pdfFilePath.lastIndexOf('.') + 1).toLowerCase();

   if(question_type == 1 && selValue == 'r_audio' || selValue == 'r_video'){
      if(selValue == 'r_audio' && audioFilePath == ""){
          swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the audio",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
          return false;
      }else if(selValue == 'r_audio' && audioExtension != 'mp3'){
           swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "mp3,wmv and avi type only allowed'",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
            return false;
      }else if(selValue == "r_audio" && audio.files[0].size > 16194304){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please Upload Audio less than 15 MB",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
           return false;
      }else if(selValue == 'r_video' && videoFilePath == ''){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the video",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
            return false;
      }else if(selValue == 'r_video' && videoExtension !='mp4'){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "mp4 type only allowed",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
           return false;
      }else if(selValue == 'r_video' && video.files[0].size > 16194304){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please Upload Video less than 15 MB",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
                return false;
      }/*else if(selValue == 'r_pdf' && pdfFilePath == ''){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the Pdf",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
            return false;
      }else if(selValue == 'r_pdf' && pdfExtension !='pdf'){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Pdf type only allowed",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
           return false;
      }else if(selValue == 'r_pdf' && pdf.files[0].size > 16194304){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please Upload Pdf less than 15 MB",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
                return false;
      }*/else{
    if(audioFilePath){
            formData.append('audio_question', $('#js-pro-audio_question')[0].files[0]);
   }else if(videoFilePath){
            formData.append('video_question',$('#js-pro-video_question')[0].files[0]);
   }/*else if(pdfFilePath){
            formData.append('pdf_question',$('#js-pro-pdf_question')[0].files[0]);
   }*/
       $('#js-pro-audio-video-upload').text('Uploading').attr('disabled',true);
        $.ajax({
           url: "{{secure_url('pro/audio-video-upload')}}",
          type: "POST",
          data: formData,
          contentType: false,
          cache: false,
          processData: false,
          success: function(data) {
            $('#js-pro-audio-video-upload').text('Upload').attr('disabled',false);
            if(data.status == 200){
              $('#js_audio_url_id').val(data.path);
              $('#js_audio_url_mime').val(data.mime_type);
              $('#js_video_url_id').val(data.path);
               /* $('#js_pdf_url_id').val(data.path);
                 $('#js_pdf_url_mime').val(data.mime_type);
                  $('#js_pdf_media_type').val(data.media_type);
                    $('#js_pdf_resource_url').val(data.resourceurl)*/
              $('#js_audio_url_mime').val(data.mime_type);
              $('#js_video_url_mime').val(data.mime_type);
              $('#js_audio_media_type').val(data.media_type);
               $('#js_video_media_type').val(data.media_type);
               $('#js_audio_resource_url').val(data.resourceurl);
               $('#js_video_resource_url').val(data.resourceurl)
            }
          },
          error: function(data) {
            $('#js-pro-audio-video-upload').text('Upload').attr('disabled',false);
            swal({
              html: true, 
              title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
              type: "error",
              showCancelButton: false,
              confirmButtonText: "OK",
              closeOnConfirm: false
            });
          },
      });
  }
   }
 });

 $('#js-pro-modal-close').click(function(){
    $('#js-pro-audiovideoqus-preview').html("");
    $('#js-pro-preview').removeClass('md-show');
   });
  

  function getPool(question_type,pool_id){
        if(question_type != ""){
          var type='pool'
          $.ajax({
            url:"{{secure_url('pro/get-get-masterdata')}}",
            type:'get',
            data:{question_type:question_type,type:type},
            success:function(res){
              $("#js-pool_name").html(res.response);
              if(pool_id){
                $("#js-pool_name").val(pool_id);
              }

            },error:function(err){
              alert(err);
            }
          });
        }else{
          $("#js-pool_name").html('<option value="">Select a Question Pool</option> ');
          $("#js-pro-topic-master-dev").addClass('d-none');
        }
  }


  $('input[type=radio]').on('change',function(){
    if($(this).val()==1){
      $("#js-pool_topic_new").removeClass('d-none');
      $("#js-pool_topic_exist").addClass('d-none');

    }else{
      $("#js-pool_topic_exist").removeClass('d-none');
      $("#js-pool_topic_new").addClass('d-none');
    }
  });

  $("#js-pool_name").on("change",function(){
   var question_pool_id = $(this).val();
   var question_type_id = $('#js-question_type').val();
   $("#pro_question_topics").val("").attr('data-topic_id',"");
   getTopic(question_pool_id,question_type_id,"");

  });

  function getTopic(question_pool_id,question_type_id,topic_id){
     var type = "topic";
     if(question_pool_id !="" && question_type_id){
      $.ajax({
        url: "{{secure_url('pro/get-get-masterdata')}}",
        type:'get',
        data:{question_pool_id:question_pool_id,type:type},
        success:function(res){
           $("#js-pro-topic-master-dev").removeClass('d-none');
           $("#js-pool_topic_exist").html(res.response);
           if(topic_id){
             $("#js-pool_topic_exist").val(topic_id)
           }
        },error:function(res){
          alert(err);
        }

      });
     }else{
       $("#js-pro-topic-master-dev").addClass('d-none');
     }
  }
$(document).on('click','.pro-edit', function() {
      var id=$(this).attr('id');
      addOptions(id);
      return false;
  });

$(document).on('click','.button-submit', function() {
   var validateoptions=CKEDITOR.instances[$(this).parent().attr('id').replace("form", "editor")].getData();
   var options_text=CKEDITOR.instances[$(this).parent().attr('id').replace("form", "editor")].document.getBody().getText();
   if(validateoptions == null || validateoptions=="" || !$.trim(options_text).length && regex.exec(validateoptions)==null){
      alertMessage("error",'Please Enter option',"Error");
   }else if($.trim(options_text).length > 2000){
      alertMessage("warning",'Option possible 2000 characters only allowed',"Warning");
   }else{
      var sd =  $(this).parent().attr('id').replace(/[^0-9]/gi, ''); 
      var option_id = parseInt(sd, 10); 
      var radio = $('#checkbox'+option_id).prop("checked");

      var checked=$(this).parent().attr('id').replace("_form", "");

       if(radio==true){
        if($('#'+checked).prevAll('span:first').attr('id') != 'option_checked' || $('#'+checked).prevAll('span:first').attr('id') == 'undefined'){
            $('<span class="correct-option bgm-blue-gradient" id="option_checked"><i class="hmepro-icon-check"></i></span>').insertBefore($('#'+checked));
        }
       }else{
         if($('#'+checked).prevAll('span:first').attr('id') == 'option_checked'){
          $('#'+checked).prevAll('span:first').remove();
        }
       }
   }
  
    return false;
});

$(document).on('change', '[type=checkbox]', function() {
    var id=$(this).attr('id');
    if($(this).prop("checked") == true){
      $('#'+id).labels().text("YES");
    }
    else if($(this).prop("checked") == false){
        $('#'+id).labels().text("NO");
    }

});


$(document).on('click','#pro-add-more-options', function() {
    var check =true;
    var id='';
    var count="";
    $( ".pro-edit" ).each(function(){
          id=$(this).attr('id');
          var editor=id + '_editor';
          var options_text=CKEDITOR.instances[editor].document.getBody().getText();
          var validateoptions=CKEDITOR.instances[editor].getData();
          if(validateoptions == null || validateoptions=="" || !$.trim(options_text).length && regex.exec(validateoptions)==null){
            check =false;
           }
           count++;
    });
  
    if(check){
          var sd =  id.replace(/[^0-9]/gi, ''); 
          var option_count = parseInt(sd, 10) + 1; 
          if(count < 10){
            $("#pro_option_list").append('<li><span class="drag hmepro-icon-drag-holder"></span><lable id ="option_edit_name'+option_count+'">Option '+option_count+' </lable></i><i class="hmepro-icon-trash options_delete" id=""></i><button class="sort-action pro-edit" id="'+id.replace(/[0-9]+(?!.*[0-9])/, parseInt(id.match(/[0-9]+(?!.*[0-9])/), 10)+1)+'" data-option-id="" data-answer-id=""><i class="hmepro-icon-edit"></i></button></li>');
            $( ".pro-edit" ).each(function(){
              var id=$(this).attr('id');
              addOptions(id);
            });

             $('.handles').sortable({
                handle: '.drag'
            });
             $(".cke_dialog_ui_hbox_last").css('display','none');

          }else{
            $(this).attr('disabled','true');
             alertMessage("warning",'Answer options should not be exceed than 10',"Warning");
          }
        
    }else{
        alertMessage("warning",'Answer options should not be exceed than 15',"Warning");
    }
 return false;
});

$(document).on('click','.options_delete',function(){
    var option_id= $(this).attr("id");
    var option=this;
    var count="";
    var form=$(this).next().attr('id') + '_form';
    var ch="#"+form;

     swal({
      html: true, 
      title: '<span class="sweet-danger-text">Are You Sure Want to delete?</span>', 
      type: "error",
      showCancelButton: true,
      confirmButtonText: "OK",
      confirmButtonColor: '#f0443a',
      closeOnConfirm: false
    },function(){
         swal.close();
        if(option_id){
          $.ajax({
            url:"{{secure_url('pro/delete/option')}}",
            type: "post",
            data:{option_id:option_id},
            success: function(res){
                   if(res.status ==200){
                    alertMessage("success",res.msg,"Success");
                   }else{
                    alertMessage("danger",res.msg,"Warning");
                   }
            },error:function(res){
                  alertMessage("danger",res,"Warning");
            }
          })

        }
          
          $("body").find(ch).remove();
          $("body").find(option).parent().remove();
            $( ".pro-edit" ).each(function(){
                var id=$(this).attr('id');
                addOptions(id);
                 count++;
             });

           /* Option reset*/
              var new_sequence_number =1;
              $( ".pro-option-editor").each(function(i){
                $(this).attr('id','pro_edit_option'+new_sequence_number+'_form');
                var reset_element =$('#pro_edit_option'+new_sequence_number+'_form');
                reset_element.find('#answer_option').html('Add answer for the Question Option '+new_sequence_number+'');
                reset_element.find('textarea').attr('id','pro_edit_option'+new_sequence_number+'_editor');
                var correct_ans = reset_element.find('#correct_option').find('.switch').find('input');
                correct_ans.attr('name','checkbox'+new_sequence_number+'');
                correct_ans.attr('id','checkbox'+new_sequence_number+'');
                reset_element.find('#correct_option').find('.switch').find('.js-ans-check').attr('for','checkbox'+new_sequence_number+'');
                reset_element.find('.score_option').find('input').attr('name','option_score['+ new_sequence_number +']');
                reset_element.find('.cke_chrome').attr('id','cke_pro_edit_option'+new_sequence_number+'_editor');
                reset_element.find('.cke_voice_label').attr('id','cke_pro_edit_option'+new_sequence_number+'_editor__arialbl');
                reset_element.find('.cke_voice_label').html('Rich Text Editor, pro_edit_option'+new_sequence_number+'_editor')             
                new_sequence_number++ ;
              });
               var proedit =1;
               $( ".pro-edit" ).each(function(){
                  if(proedit > 2){
                     $(this).attr('id','pro_edit_option'+proedit);
                     $(this).prev().prev().html('Option '+proedit+'');
                  }
                  proedit++ ;
              });
              /* option reset end*/

            if(count < 10){
              $("#pro-add-more-options").removeAttr('disabled');
            }
         

      });
    return false;
});
 $('#js-pool_topic_new').keypress(function( e ) {
   var firstChar = $(this).val();
     if(e.which == 32 && firstChar == ""){
      return false;
     }

    });
 $.validator.addMethod('lessThanEqual', function(value, element, param) {
    return parseFloat(value) <= parseInt($(param).val());
}, "Negative mark should be less than or equal to answer score");

$('#pro_question_form').validate({
    /*ignore: ":disabled",
    ignore: ":d-none",*/
    ignore: ".note-editor *",
    errorElement: 'span',
    errorPlacement: function (error,element){
        var parent = $(element).parent();
        console.log(error[0].id);
        $('.tooltip').tooltip('hide');             
        $("body").find('#'+error[0].id+'-custom').remove();
        $('#'+error[0].id).append('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="'+error[0].id+'-custom" data-toggle="tooltip" data-original-title="'+error[0].innerText+'" data-trigger="hover"></span>');
        $('#'+error[0].id+'-custom').tooltip(tooltip_direction_options);
  },
  success: function (element){
    $("body").find('#'+element[0].id+'-custom').remove();
      $('#'+element[0].id+'-custom').tooltip('hide');
      $('.js-tooltip-validate').tooltip();
  },
   onfocusout: false,
    rules: {
      question_type: {
        required:true,
      },
      pool_name:{
        required:true,
      },
      problem_name:{
         required: function(element) {
         return ($("#js-question_type").val() == 4);
        },
        normalizer: function( value ) {
        return $.trim( value );
      }
      },
      difficulty_level:{
        required:true
      },
      'language_cluster[]':{
        required: function(element) {
         return ($("#js-question_type").val() == 4);
        }
      },
      
  },
  messages: {
     question_type: {
      required:"Please select a question type",
      },
      pool_name: {
        required:"Please select a question pool",
      },
     difficulty_level:{
        required:"Please Select Difficulty Level",
      },'language_cluster[]':{
        required:"Please select Programming Languages",
      },
  },
  submitHandler:function(form){
    var subquestion_tr_count = $('#subquestiontable tbody tr').length;
     if(subquestion_tr_count == 0 && $("#js-question_type").val() == 6)
      {
      alertMessage("warning",'Add Atleast One Subquestion',"Warning");
       return false;
     }
     var sub_question = [];
     var sub_options = [];
     var sub_answer = [];
      
            $('.subrows').each(function (a, b) {

                //var subquestion = $(this).find('#subquestion').html();
                var subquestion = $(this).find('#subquestion_content').val();
                 var subquestion_score = $(this).find('.AnswerScore').text();
                 var subquestion_negative_score = $(this).find('.NegativeScore').text();

                 var option_1 = $(this).find('#subquestionoption1').text();
                 var option_2 = $(this).find('#subquestionoption2').text();
                 var option_3 = $(this).find('#subquestionoption3').text();
                 var option_4 = $(this).find('#subquestionoption4').text();
                  var sub_qus_audio_url=$(this).find('#subquestion__audiovideo_url').text();
                 var subqus_audio_mime=$(this).find('#subquestion_audiovideo_mime').text();
                 var subqus_audio_media=$(this).find('#subquestion__audiovideo_media_type').text();
                 var subqus_audio_resourceurl=$(this).find('#subquestion__resource_url').text();

                 var get_audio_s3_id=$(this).find('.js-pro-audio-qus').val();
                  var get_audio_media_type=$(this).find('.js-pro-audio-media-type').val()
                   var get_audio_mime_type=$(this).find('.js-pro-audio-mime-type').val()
                    var get_resource_url=$(this).find('.js-pro-audio-resourceurl').val()

                  var sub_qus_video_url=$(this).find('#subquestion__video_url').text();
                  var subqus_video_mime=$(this).find('#subquestion__video_mime').text();
                  var subqus_video_media=$(this).find('#subquestion__video_mediatype').text();
                  var subqus_video_resourceurl=$(this).find('#subquestion__video_resourceurl').text();

                 var sub_qus_video_url=$(this).find('#subquestion__video_url').text();
                 var subqus_video_mime=$(this).find('#subquestion__video_mime').text();
                 var subqus_video_media=$(this).find('#subquestion__video_mediatype').text();
                 var subqus_video_resourceurl=$(this).find('#subquestion__video_resourceurl').text();

                 /* var sub_qus_pdf_url=$(this).find('#subquestion__video_url').text();
                  var subqus_pdf_mime=$(this).find('#subquestion__video_mime').text();
                  var subqus_pdf_media=$(this).find('#subquestion__video_mediatype').text();
                  var subqus_pdf_resourceurl=$(this).find('#subquestion__video_resourceurl').text();

                 var sub_qus_pdf_url=$(this).find('#subquestion__video_url').text();
                 var subqus_pdf_mime=$(this).find('#subquestion__video_mime').text();
                 var subqus_pdf_media=$(this).find('#subquestion__video_mediatype').text();
                 var subqus_pdf_resourceurl=$(this).find('#subquestion__video_resourceurl').text();*/



                 var answer_1 = $(this).find('.checkoption1').text();
                 var answer_2 = $(this).find('.checkoption2').text();
                 var answer_3 = $(this).find('.checkoption3').text();
                 var answer_4 = $(this).find('.checkoption4').text();

                 //@author Naveenkumar S <V2E17315>
                 if(answer_1 == "" && answer_2 == "" && answer_3 == "" && answer_4 == ""){
                   var answer_1 = $(this).find('.checkoption1').val();
                   var answer_2 = $(this).find('.checkoption2').val();
                   var answer_3 = $(this).find('.checkoption3').val();
                   var answer_4 = $(this).find('.checkoption4').val();
                 }

                // var value = $(this).find('.attrValue').text();
                 sub_options.push({option_1,option_2,option_3,option_4});
                sub_answer.push({answer_1,answer_2,answer_3,answer_4});

                    sub_question.push({ subquestion: subquestion, subquestion_score:subquestion_score, subquestion_negative_score:subquestion_negative_score,subquestion_audio_url:sub_qus_audio_url,subquestion_mime:subqus_audio_mime,subquestion_media:subqus_audio_media,subquestion_resourceurl:subqus_audio_resourceurl,


                      sub_qus_video_url:sub_qus_video_url,subqus_video_mime:subqus_video_mime,subqus_video_media:subqus_video_media,subqus_video_resourceurl:subqus_video_resourceurl,

                   // sub_qus_pdf_url:sub_qus_pdf_url,subqus_pdf_mime:subqus_pdf_mime,subqus_pdf_media:subqus_pdf_media,subqus_pdf_resourceurl:subqus_pdf_resourceurl,



                      get_audio_s3_id:get_audio_s3_id,get_audio_media_type:get_audio_media_type,get_audio_mime_type:get_audio_mime_type,get_resource_url:get_resource_url});
              


               
            });


   
     var checking = true;
      var question_id = $("#js_question_id").val();
      var question_type = $("#js-question_type").val();
      var pool_id=$("#js-pool_name").val();
      var blooms_taxonomy_id= $("#js-bloomstaxonomy").val();
      var topic=$("#pro_question_topics").val()
      var topic_id=$("#pro_question_topics").attr('data-topic_id');      
      var question=CKEDITOR.instances.js_pro_question.getData();
      var score=$("#pro_question_score").val();
       var audio_media_type=$('#js_audio_media_type').val();
      var video_media_type=$('#js_video_media_type').val();
       // var pdf_media_type=$('#js_pdf_media_type').val();
       var selValue = $('input[name=audiovideo_qus]:checked').val();

       var subquestion_doc=$("input[name='subquestion_doc_check']:checked").val(); // @author Naveenkumar S <V2E17315> 
       var subquestion_doc1=$("input[name='subquestion_doc_mandatory']:checked").val();

      var negative_score= 0.0;

      if(audio_media_type == 'audio'){
          var audio_url=$("#js_audio_url_id").val();
         var audio_mime=$('#js_audio_url_mime').val();
      }else if(video_media_type == 'video'){
         var video_url=$("#js_video_url_id").val();
         var video_mime=$('#js_video_url_mime').val();
      }/*else if(pdf_media_type == 'pdf'){
         var pdf_url=$("#js_pdf_url_id").val();
         var pdf_mime=$('#js_pdf_url_mime').val();
      }*/else{
        var video_url ='';
        var video_mime='';
      }     
      if(($("#pro_negative_question_score").val() == "") || ($("#pro_negative_question_score").val() == null)){
        negative_score= 0.0;
      }else{
         negative_score= parseFloat($("#pro_negative_question_score").val()).toFixed(2);
      }      
      //var shuffle=$("input[name='shuffle_option']:checked").val();
      var shuffle=1;
      var comprehension='';
      //CKEDITOR.instances.js_pro_comprehension.getData();
      var comprehension_text='';
      //CKEDITOR.instances["js_pro_comprehension"].document.getBody().getText();
      var difficult_level_id=$("#js-difficulty_level").val();
      var options=[];
      var i=0;
      var option_val=0;
      var option_check=0;
      var option_length=0;
      var options_check=0;
      var min_quest_mark=0;
      var max_quest_mark=0;
      var testcaseobj=[];
      var language_cluster='';
      var problem_id=$("#js_problem_id").val();
      var problem_name = "";

            /* mapping course changes */
      var custom_course_mapping = $('#is_custom_course_mapping').val();
      if(parseInt(custom_course_mapping) == 1){
        var mapping_course = $("#mapping_course").val();
        var mapping_course_id = $("#mapping_course").attr('data-course_id');
      }else{
        var mapping_course = "";
        var mapping_course_id = "";
      
      }
      /* mapping course changes end */

      options_val="";
      if(question_type=='1'){
      $( ".pro-edit" ).each(function(){
            var id=$(this).attr('id');
            var option_id=$(this).attr('data-option-id');
            var answer_id=$(this).attr('data-answer-id');
            var form = id +'_editor';
            var options_text=CKEDITOR.instances[form].document.getBody().getText();
            options_val="";
            for(var ck in CKEDITOR.instances) {
              if(CKEDITOR.instances[ck]==CKEDITOR.instances[form]){
                var options_val=CKEDITOR.instances[ck].getData();
              }
            }

            if($.trim(CKEDITOR.instances[form].getData()).length != 0){
              option_val++;
            }
            if($.trim(options_text).length > 2000){
              option_length++;
            }
             if($('#'+id).prevAll('span:first').attr('id') == 'option_checked'){
                var checked=1;
                option_check++;
              }else{
                var checked=0;
              }
              if($.trim(options_val).length == 0){
                 options_check++;
              }else{
                options[i]=[options_val,checked,option_id,answer_id];
                i++;
              }
            
        });
    }
    var essay_values=[];
    var ess_answer=[]
    var k=0;
    var ess_value=[];
   if(question_type == '5'){
     $( ".getvalues" ).each(function(){
      var id=$(this).attr('id');
       var form = id;
          for(var ck in CKEDITOR.instances) {
              if(CKEDITOR.instances[ck]==CKEDITOR.instances[form]){
                essay_val=CKEDITOR.instances[ck].getData();
              }
            }
            ess_answer[k]=essay_val;
                k++;
     });
    //essay_values.push(ess_answer);
     console.log(ess_answer);

   }
    if(question_type=='4'){
      var problem_name = $("#js_pro_problem_name").val();
      var testcase_count_final=$('#js-append-testcase-table tr').length;
      language_cluster=$("#js-languagecluster-id").val();      
      if(testcase_count_final < 1){
          $("#js-pro-testcases-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Please Provide at lease one Testcase" data-trigger="hover" data-animation="false"></span>');
          $('#custom_quetion_settings').tooltip(); 
          checking=false; 
      }else{          
            $("body").find('#custom_quetion_settings').remove();
            $('#custom_quetion_settings').tooltip('hide');
            var testcase={};
            for(i=1;i<=testcase_count_final;i++){                           
                testcase={
                  "input":$('#js-testcase-input-id'+i).val(),
                  "output":$('#js-testcase-output-id'+i).val(),
                  "timeestimate":$('#js-testcase-time-estimate-id'+i).val(),
                  "test_case_id": $('#js-testcase-id'+i).val(),
                  "test_case_active":$('#js-testcase-status-id'+i).val(),
                  "test_case_score":$('#js-testcase-score-value'+i).val(),
                  /* Testcase file upload chanegs */
                  "inputs3url":$('#testcase-input-url'+i).val(),
                  "outputs3url":$('#testcase-output-url'+i).val()
                };
                testcaseobj.push(testcase);                
            }
            console.log(testcaseobj);          
      }

    }
    
    if(question_type=='3'){
      min_quest_mark=$("#subjective_question_minumcharacter").val();
      max_quest_mark=$("#subjective_question_maxcharacter").val();
      if(min_quest_mark==null || min_quest_mark==""){
        $('.tooltip').tooltip('hide');
           $("#js_pro_question-settings-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Please Enter Minimum Character" data-trigger="hover" data-animation="false"></span>');
            $('#custom_quetion_settings').tooltip();
            checking=false;
      }else if(max_quest_mark==null || max_quest_mark==""){
          $('.tooltip').tooltip('hide');
             $("#js_pro_question-settings-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Please Enter Maximum Character" data-trigger="hover" data-animation="false"></span>');
              $('#custom_quetion_settings').tooltip();
              checking=false;
      }else if(parseInt(min_quest_mark) > parseInt(max_quest_mark)){
          $('.tooltip').tooltip('hide');
             $("#js_pro_question-settings-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Minimum should not be greater than Maximum Character" data-trigger="hover" data-animation="false"></span>');
              $('#custom_quetion_settings').tooltip();
              checking=false;
      }else if(parseInt(max_quest_mark) >5000){
          $('.tooltip').tooltip('hide');
             $("#js_pro_question-settings-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Maximum Character should be 5000" data-trigger="hover" data-animation="false"></span>');
              $('#custom_quetion_settings').tooltip();
              checking=false;
      }else if(parseInt(min_quest_mark)<1){
          $('.tooltip').tooltip('hide');
             $("#js_pro_question-settings-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Minimum Characters should be 1-5000" data-trigger="hover" data-animation="false"></span>');
              $('#custom_quetion_settings').tooltip();
              checking=false;
      }else{
        $("body").find('#custom_quetion_settings').remove();
            $('#custom_quetion_settings').tooltip('hide');
      }
    }
        var question_text=CKEDITOR.instances.js_pro_question.document.getBody().getText();
        var validateQuestion=CKEDITOR.instances.js_pro_question.getData();
         if(validateQuestion == null || validateQuestion=="" || !$.trim(question_text).length && regex.exec(validateQuestion)==null)
        {
           $('.tooltip').tooltip('hide');
           $("#js_pro_question-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_question" data-toggle="tooltip" data-original-title="Please enter a question" data-trigger="hover" data-animation="false"></span>');
            $('#custom_question').tooltip();
            checking=false;
        }else if($.trim(question_text).length > 6000){
           $('.tooltip').tooltip('hide');
           $("#js_pro_question-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_question" data-toggle="tooltip" data-original-title="Question possible 6000 characters only allowed" data-trigger="hover" data-animation="false"></span>');
            $('#custom_question').tooltip();
            checking=false;
        }
        else{
           $("body").find('#custom_question').remove();
            $('#custom_question').tooltip('hide');
        }

        var remarks = $("#js_pro_remarks").val();
        var regx_alphanumeric = /^[A-Za-z0-9 _.-]+$/;
        if(remarks!= null && remarks!= "" && !(regx_alphanumeric.test(remarks)))
        {
            $('.tooltip').tooltip('hide');
            $("#js_pro_remarks-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_remarks" data-toggle="tooltip" data-original-title="Please enter a valid Remarks" data-trigger="hover" data-animation="false"></span>');
            $('#custom_remarks').tooltip();
            checking=false;
        }else{
            $("body").find('#custom_remarks').remove();
            $('#custom_remarks').tooltip('hide');
        }

     /*if($.trim(comprehension_text).length > 4000){
         $('.tooltip').tooltip('hide');
         $("#js_pro_comprehension-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_comprehension" data-toggle="tooltip" data-original-title="Comprehension possible 4000 characters only allowed" data-trigger="hover" data-animation="false"></span>');
          $('#custom_comprehension').tooltip();
          checking=false;
      }*/
     /* else{
           $("body").find('#custom_comprehension').remove();
            $('#custom_comprehension').tooltip('hide');
        }*/

        if(question_type=='1'){
        var optionsArray = options; 
        var reportoptionsDuplicate = [];
        for (var i = 0; i < optionsArray.length - 1; i++) {
           for (var j = 0; j < optionsArray.length; j++) {
              if (i != j && optionsArray[i][0] == optionsArray[j][0]) {
                  reportoptionsDuplicate.push(optionsArray[i]);
              }
          }
      }
        if(options_check !=0){
           $('.tooltip').tooltip('hide');
           $("#js_pro_options-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_options" data-toggle="tooltip" data-original-title="Option field is empty" data-trigger="hover" data-animation="false"></span>');
            $('#custom_options').tooltip();
            checking=false;
        }
        else if(option_val < 2){
            $('.tooltip').tooltip('hide');
           $("#js_pro_options-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_options" data-toggle="tooltip" data-original-title="Option field is empty" data-trigger="hover" data-animation="false"></span>');
            $('#custom_options').tooltip();
            checking=false;
        }else if(option_length > 0){
          $('.tooltip').tooltip('hide');
           $("#js_pro_options-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_options" data-toggle="tooltip" data-original-title="Option possible 2000 characters only allowed" data-trigger="hover" data-animation="false"></span>');
            $('#custom_options').tooltip();
            checking=false;
        }else if(option_check < 1){
            $('.tooltip').tooltip('hide');
           $("#js_pro_options-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_options" data-toggle="tooltip" data-original-title="Please choose correct answer" data-trigger="hover" data-animation="false"></span>');
            $('#custom_options').tooltip();
            checking=false;
        }else if(reportoptionsDuplicate.length > 0){
           $('.tooltip').tooltip('hide');
           $("#js_pro_options-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_options" data-toggle="tooltip" data-original-title="Duplicate option" data-trigger="hover" data-animation="false"></span>');
            $('#custom_options').tooltip();
            checking=false;
        }else{
            $("body").find('#custom_options').remove();
            $('#custom_options').tooltip('hide');
        }
      }
        if(question_type=='11'){

         if(options_check !=0){
           $('.tooltip').tooltip('hide');
           $("#js_pro_options-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_options" data-toggle="tooltip" data-original-title="Option field is empty" data-trigger="hover" data-animation="false"></span>');
            $('#custom_options').tooltip();
            checking=false;
        }
        else if(option_val < 2){
            $('.tooltip').tooltip('hide');
           $("#js_pro_options-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_options" data-toggle="tooltip" data-original-title="Option field is empty" data-trigger="hover" data-animation="false"></span>');
            $('#custom_options').tooltip();
            checking=false;
        }

      }
   if(checking){   
    if(question_type == 1 && selValue == "r_audio" && audio_media_type == '' && question_id == ''){
           swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the audio",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
          return false;
      }else if(question_type == 1 && selValue == "r_video" && video_media_type == '' && question_id == ''){
            swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the video",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
          return false;
      }/*else if(question_type == 1 && selValue == "r_pdf" && pdf_media_type == '' && question_id == ''){
            swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the Pdf",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
          return false;
      }*/
else{
       if(question_type == 5){
         if($('#pro_question_topics').val() == "" || $('#pro_question_topics').val() =="No Topic" ){
          alertMessage("warning","Please Select the Valid Topic","Warning");
            return false;
         }else if(ess_answer.length !=3){
           alertMessage("warning","Please Provide the 3 Essay Models","Warning");
            return false;
         }else if(ess_answer[0] == "" || ess_answer[0] == "null" || ess_answer[1] == "" || ess_answer[1] == "null" || ess_answer[2] == "" || ess_answer[2] == "null"){
            alertMessage("warning","Essay Answer should not be empty","Warning");
            return false;
        }
       } 
        if(questionid && question_type == 5){
          var type=1;
        }
      $('.hme-loading-mask').fadeIn();
     //   $('.hme-loading-mask').fadeIn();
         $.ajax({
          url: "{{secure_url('pro/question-upload')}}",
          type:'post',
          data:{question_id:question_id,question_type:question_type,options:options,pool_id:pool_id,topic_id:topic_id,topic:topic,question:question,score:score,negative_score:negative_score,shuffle:shuffle,comprehension:comprehension,difficult_level_id:difficult_level_id,blooms_taxonomy_id:blooms_taxonomy_id,sub_question:sub_question,sub_options: sub_options, sub_answer:sub_answer,max_question_char:max_quest_mark,min_question_char:min_quest_mark,testcases:testcaseobj,programming_language:language_cluster,problem_id:problem_id,audio_url:audio_url,audio_mime:audio_mime,video_url:video_url,video_mime:video_mime,problem_name:problem_name,is_subquestion_doc:subquestion_doc,essay_ans:ess_answer,type_val:type,remarks:remarks,is_document_mandatory:subquestion_doc1,mapping_course:mapping_course,mapping_course_id:mapping_course_id},
          success:function(res){
            $('.hme-loading-mask').fadeOut();
                  if(res.status ==200){
                     if(res.qus_type == 5){
                       if(res.message == "Created Successfully"){
                          alertMessage("success",res.msg,"Success");
                       }else if(res.message == "Essay ID Already Exists"){
                         alertMessage("danger",res.message,"");
                       }else if(res.message == "Essay not specified"){
                          alertMessage("danger",res.message,"");
                       }else if(res.message == "EssayID not specified"){
                          alertMessage("danger",res.message,"");
                       }else if(res.message == 'Authentication failed'){
                          alertMessage("danger",res.message,"");
                       }
                    }else{
                      alertMessage("success",res.msg,"Success");
                    }
                    window.location.href = baseUrl+'pro/question-listing';
                  }else{
                    if(res.errors){
                      
                      if(res.errors.question_type[0] != ""){
                         $('.tooltip').tooltip('hide');
                         $("#js-question_type-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_question_type" data-toggle="tooltip" data-original-title="'+res.errors.question_type[0]+'" data-trigger="hover" data-animation="false"></span>');
                          $('#custom_question_type').tooltip();
                      }else{
                         $("body").find('#custom_question_type').remove();
                          $('#custom_question_type').tooltip('hide');
                      }

                      if(res.errors.pool_id[0]){
                       
                         $('.tooltip').tooltip('hide');
                         $("#js-pool_name-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_pool_id" data-toggle="tooltip" data-original-title="'+res.errors.pool_id[0]+'" data-trigger="hover" data-animation="false"></span>');
                          $('#custom_pool_id').tooltip();
                      }
                      if(res.errors.question[0]){
                         $('.tooltip').tooltip('hide');
                         $("#js_pro_question-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_question" data-toggle="tooltip" data-original-title="'+res.errors.question[0]+'" data-trigger="hover" data-animation="false"></span>');
                          $('#custom_question').tooltip();
                      }

                      /* if(res.errors.comprehension[0]){
                         $('.tooltip').tooltip('hide');
                         $("#js_pro_comprehension-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_comprehension" data-toggle="tooltip" data-original-title="'+res.errors.comprehension[0]+'" data-trigger="hover" data-animation="false"></span>');
                          $('#custom_comprehension').tooltip();
                      }*/

                       if(res.errors.difficult_level_id[0]){
                         $('.tooltip').tooltip('hide');
                         $("#js-difficulty_level-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_difficult_level_id" data-toggle="tooltip" data-original-title="'+res.errors.difficult_level_id[0]+'" data-trigger="hover" data-animation="false"></span>');
                          $('#custom_difficult_level_id').tooltip();
                      }
                     
                    }

                   }
          },error:function(res){
            alertMessage("danger",res.message,"Something Went Wrong");
            $('.hme-loading-mask').fadeOut();
          }

        });
      }
    }
     return false;
  } 
 });

$.validator.addMethod("noSpace", function(value, element) { 
  return value.indexOf(" ") < 0 && value != ""; 
}, "No space please and don't leave it empty");

 $("#js-question-bulk-upload").validate({
           ignore: ":disabled",
           errorElement: 'span',
          errorPlacement: function (error,element){
                var parent = $(element).parent();
                console.log(error[0].id);
                $('.tooltip').tooltip('hide');             
                $("body").find('#'+error[0].id+'-custom').remove();
                $('#'+error[0].id).append('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="'+error[0].id+'-custom" data-toggle="tooltip" data-original-title="'+error[0].innerText+'" data-trigger="hover" data-animation="false"></span>');
                $('#'+error[0].id+'-custom').tooltip(tooltip_direction_options);
          },
          success: function (element){
            $("body").find('#'+element[0].id+'-custom').remove();
              $('#'+element[0].id+'-custom').tooltip('hide');
              $('.js-tooltip-validate').tooltip();
          },
           onfocusout: false, 
            rules: {               
                upload_question:{
                    required: true,
                    extension: "xls,xlsx,"
                }, 
                bulk_question_type:{
                    required: true,
                },
                bulk_pool_name:{
                   required: true,
                },
               /* bulk_difficulty_level:{
                   required: true,
                },*/
               
            },
            messages: {
                upload_question:{
                   required: "Please Select File",
                   extension: "Invalid File Type"
                },  
            },
            submitHandler: function(form) {
              $('.hme-loading-mask').fadeIn();
              return true;
          }
            
       }); 

   $('#js-bulk_question_type').on('change', function(){
      var question_type=$(this).val();
      if(question_type != ""){
            var type='pool'
            $.ajax({
              url:"{{secure_url('pro/get-get-masterdata')}}",
              type:'get',
              data:{question_type:question_type,type:type},
              success:function(res){
              
                $("#js-bulk_pool_name").html(res.response);
               
              },error:function(err){
                alert(err);
              }
            });
          }else{
            $("#js-bulk_pool_name").html('<option value="">Select a Question Pool</option> ');
            
          }
  });

   $(".nav-link").on("click", function(){
      if($(this).attr('id')=='profile-tab'){
         $("#js-question-bulk-upload").trigger("reset");
         $('.tooltip-validate').remove();
      }else if ($(this).attr('id')=='bulk-upload-tab'){
        if($("#js_question_id").val() == ""){
          $("#pro_question_form").trigger("reset");
           $('#pro_question_form')[0].reset();
          $('.tooltip-validate').remove();
          for ( instance in CKEDITOR.instances ){
                CKEDITOR.instances[instance].setData('');
            }
            
          }
         
      }

   });

   $("#pro_negative_question_score").on("keydown keyup keypress change",function(){
    if($("#pro_question_score").val() !=""){
      if(parseFloat($("#pro_question_score").val()) < parseFloat($(this).val())){
        $(this).val("");
      }
    }else{
      return false;
    }
   });

   $("#js-button-update-topic").on("click",function(){
     var question_type = $("#js-question_type").val();
     if(question_type == 5){
      if($("#js-pool_topic_new").val() == ""){
         $('.tooltip').tooltip('hide');
         $("#js-pool_topic_new-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="topic-add" data-toggle="tooltip" data-original-title="Enter topic" data-trigger="hover" data-animation="false"></span>');
          $('#topic-add').tooltip();
       }else if($("#js-pool_topic_new").val() == "No Topic" || $("#js-pool_topic_new").val() == "NO TOPIC" || $("#js-pool_topic_new").val() == "No topic" || $("#js-pool_topic_new").val() == "no topic" || $("#js-pool_topic_new").val() == "notopic"){
         $('.tooltip').tooltip('hide');
         $("#js-pool_topic_new-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="topic-add" data-toggle="tooltip" data-original-title="No Topic is not allowed provide the valid topic name" data-trigger="hover" data-animation="false"></span>');
          $('#topic-add').tooltip();
       }else{
            $("body").find('#topic-add').remove();
            $('#topic-add').tooltip('hide');
            $("#pro_question_topics").val($("#js-pool_topic_new").val());
            $("#js-pool_topic_exist").val("");
            $("#pro_question_topics").attr('data-topic_id',"");
            $(".question-topic-dropdown").removeClass('show');
             $('#js-pool_topic_new').val(""); 
       }
     }else{
      if($("#js-pool_topic_new").val() == ""){
         $('.tooltip').tooltip('hide');
         $("#js-pool_topic_new-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="topic-add" data-toggle="tooltip" data-original-title="Enter topic" data-trigger="hover" data-animation="false"></span>');
          $('#topic-add').tooltip();
       }else{
            $("body").find('#topic-add').remove();
            $('#topic-add').tooltip('hide');
            $("#pro_question_topics").val($("#js-pool_topic_new").val());
            $("#js-pool_topic_exist").val("");
            $("#pro_question_topics").attr('data-topic_id',"");
            $(".question-topic-dropdown").removeClass('show');
             $('#js-pool_topic_new').val("");
       }
     }
      return false;
   });

   $("#js-pool_topic_exist").on("change",function(){
       if($(this).val() != ""){
         $("#pro_question_topics").val($(this).find('option:selected').text());
         $("#pro_question_topics").attr('data-topic_id',$(this).val());
         $("#js-pool_topic_new").val("");
         $(".question-topic-dropdown").removeClass('show');
       }

   });

   $("#pro_question_score").on("change",function(){
        if(parseFloat($("#pro_negative_question_score").val()) > parseFloat($(this).val())){
         $("#pro_negative_question_score").val("");
        }
   });


/* John <v2e10641>  version PRO 2|Edited and Created Scripts Start*/
 /* Add more for Testcases John <v2e10641>*/ 
 $("#js-pro-add-more-testcase").on("click",function(){  
    
    var testcase_count;
    var testcase_count=$('#js-append-testcase-table tr').length;
     rowcount=testcase_count+1;
     var input_text=CKEDITOR.instances["js_pro_test_input"].document.getBody().getText();    
     var output_text=CKEDITOR.instances["js_pro_test_output"].document.getBody().getText();     
     var time_estimate=$('#js-pro-tescase-timestimate').val();
     var testcase_status=$("#test_case_active").prop("checked");
     var test_case_score = $("#js-pro-test-case-score").val();
     if(testCaseValidation(input_text,output_text,time_estimate,rowcount,test_case_score)){         
     }else{     
     /*testcase file upload changes*/
       var output_file = $("#output_file").val();
      var input_file  = $("#input_file").val();
      var output_file_span = $("#output_file_spans").text('');
      var input_file_span  = $("#input_file_spans").text('');

      if((output_file!=='') || (input_file !='')){
        uploadTestCaseFiles(rowcount,1);
      }else{
        setHiddenValueForTestCaseForm(rowcount,1);
      }
 /*testcase file upload changes end*/
       $('#test_case_active').prop('checked',true);
    $('#test_case_active').labels().text("YES");
     }  
 });
 /* Creating the Ckeditor setup*/
function setCkediotor(params){
   CKFinder.setupCKEditor( CKEDITOR.replace(params, {
                    extraPlugins: 'uploadimage,image2,eqneditor',
                    removePlugins:'image',
                    removeButtons: 'Source',
                    filebrowserImageBrowseUrl:'',
                    filebrowserFlashBrowseUrl:'',
                    filebrowserBrowseUrl: '',
                    height:250
    }));
}

/* Test Case Edit Button */
$(document).on("click",".js-testcase-edit",function(){  
  var rowcount=this.id;
  var input=$("#js-testcase-input-id"+this.id).val();  
   /*testcase file upload changes */
  var inputFileUrl = $('#testcase-input-url'+rowcount).val();
  var outputFileUrl = $('#testcase-output-url'+rowcount).val();
  if(inputFileUrl == ''){
    CKEDITOR.instances["js_pro_test_input"].setData($("#js-testcase-input-id"+this.id).val());
  }
  if(outputFileUrl == ''){
   CKEDITOR.instances["js_pro_test_output"].setData($("#js-testcase-output-id"+this.id).val());
  }
  $('#js-pro-tescase-timestimate').val($("#js-testcase-time-estimate-id"+this.id).val()); 
  $("#js-pro-test-case-score").val($('#js-testcase-score-value'+this.id).val());

   if(inputFileUrl !== ''){
    $('#input_file_spans').text(inputFileUrl)
  }
  if(outputFileUrl !== ''){
    $('#output_file_spans').text(outputFileUrl)
  }
 /* testcase file upload changes end */
  var checkboxval=$("#js-testcase-status-id"+this.id).val();  
  if(checkboxval=='true'){
    $('#test_case_active').prop('checked',true );
    $('#test_case_active').labels().text("YES");
  }else{
    $('#test_case_active').prop('checked',false );
    $('#test_case_active').labels().text("NO");
  }


  
  $("#js-pro-add-more-testcase").addClass("d-none");
  $("#js-pro-update-more-testcase-id").removeClass("d-none");
  $("#js-pro-update-more-testcase-id").attr('data-row_id',rowcount);
  $("#js-pro-update-more-testcase-id").attr('data-testcase_id',$(this).attr('data-testcase-id'));
});

/* Update the Test cases*/
 $(document).on("click","#js-pro-update-more-testcase-id",function(){ 
  var rowcount=$(this).attr('data-row_id');
  var testcase_count=$(this).attr('data-testcase_id');  
  $("#js-pro-update-more-testcase-id").attr('data-row_id',rowcount);  
  $("#js-pro-add-more-testcase").removeClass("d-none");
  $("#js-pro-update-more-testcase-id").addClass("d-none");
  var input_text=CKEDITOR.instances["js_pro_test_input"].document.getBody().getText();    
     var output_text=CKEDITOR.instances["js_pro_test_output"].document.getBody().getText();     
     var time_estimate=$('#js-pro-tescase-timestimate').val();
      var test_case_score = $("#js-pro-test-case-score").val();
  if(testCaseValidation(input_text,output_text,time_estimate,rowcount,test_case_score)){
  }else{
       /*testcase file upload changes*/
      
      var input_file  = $("#input_file").val();
      var output_file = $("#output_file").val();
      var output_file_span = $("#output_file_spans").text('');
      var input_file_span  = $("#input_file_spans").text('');

      if((output_file !=='') || (input_file !=='')){
        uploadTestCaseFiles(rowcount,2);
      }else{
        setHiddenValueForTestCaseForm(rowcount,2);
      }
 /*testcase file upload changes end*/
     $('#test_case_active').prop('checked',true);
    $('#test_case_active').labels().text("YES");
  }    
 });
/* Get Value of Test Cases*/
function getTestCaseValue(){
  var numItems = $('.testcase-counter-container').length;
  var pro_test_input;
  var pro_test_output;
  var pro_tescase_timestimate;
  var test_case_active;

    for(i=1;i<=numItems;i++){      
      pro_test_input='js_pro_test_input'+numItems;
      pro_test_output='js_pro_test_output'+numItems;
      pro_tescase_timestimate='pro_tescase_timestimate'+numItems;
      test_case_active='test_case_active'+numItems; 

    }
}
function getClearText( strSrc ) {
  
  return  strSrc.replace( /<[^<|>]+?>/gi,'' );
}
function setHiddenValueForTestCaseForm(rowcount,type,resourseFile=''){//testcase file upload chages

    var input_text=getClearText(CKEDITOR.instances.js_pro_test_input.getData());    
    var output_text=getClearText(CKEDITOR.instances.js_pro_test_output.getData());
     /* CKEDITOR.instances["js_pro_test_output"].document.getBody().getText(); 
          if we need only the data use the above command */    
     var time_estimate=$('#js-pro-tescase-timestimate').val();
     var testcase_status=$("#test_case_active").prop("checked");    
     var test_case_score = $("#js-pro-test-case-score").val();
 var existingInputUrl = ''; /*testcase file upload changes*/
     var existingOutputUrl = '';
     if(type==1){
        $('.js-testcase-table-content').append(`<tr><td>`+rowcount+`</td><td ><span class='js-testcase-count'>Test Case `+rowcount+`</span>
          
          <td align='right'><i class="hmepro-icon-edit f-18 sort-action  js-testcase-edit " title="Edit" id="`+rowcount+`"  data-testcase-id="`+rowcount+`"></i>
          <i class="hmepro-icon-trash f-18 m-l-10  js-testcase-remove" title="Remove" id=""></i></td>
          {!! Form::hidden('testcase_input[]','',array("id"=>'js-testcase-input-id`+rowcount+`')) !!}{!! Form::hidden('testcase_output[]','',array("id"=>'js-testcase-output-id`+rowcount+`')) !!}{!! Form::hidden('testcase_time_estimate[]','',array("id"=>'js-testcase-time-estimate-id`+rowcount+`')) !!}{!! Form::hidden('testcase_id[]','',array("id"=>'js-testcase-id`+rowcount+`')) !!}{!! Form::hidden('testcase_status_id[]','',array("id"=>'js-testcase-status-id`+rowcount+`')) !!}
          {!! Form::hidden('testcase_score_value[]','',array("id"=>'js-testcase-score-value`+rowcount+`')) !!}
          {!! Form::hidden('inputFileUrl[]','',array("id"=>'testcase-input-url`+rowcount+`')) !!}
          {!! Form::hidden('outputFileUrl[]','',array("id"=>'testcase-output-url`+rowcount+`')) !!}

          </td></tr>`);      
     }else if(type==2){
        var test_case_id=$('#js-testcase-id'+rowcount).val();
        if(test_case_id=='' || test_case_id==null){
          $('#js-testcase-input-id'+rowcount).closest('tr').replaceWith(`<tr><td>`+rowcount+`</td><td><span class='js-testcase-count'>Test Case `+rowcount+`</span>
           <td align='right'><i class="hmepro-icon-edit f-18 sort-action  js-testcase-edit " title="Edit" id="`+rowcount+`"  data-testcase-id="`+rowcount+`"></i>
           <i class="hmepro-icon-trash f-18  js-testcase-remove" title="Remove" id=""></i></td>{!! Form::hidden('testcase_input[]','',array("id"=>'js-testcase-input-id`+rowcount+`')) !!}{!! Form::hidden('testcase_output[]','',array("id"=>'js-testcase-output-id`+rowcount+`')) !!}{!! Form::hidden('testcase_time_estimate[]','',array("id"=>'js-testcase-time-estimate-id`+rowcount+`')) !!}{!! Form::hidden('testcase_id[]','`+test_case_id+`',array("id"=>'js-testcase-id`+rowcount+`')) !!}{!! Form::hidden('testcase_status_id[]','',array("id"=>'js-testcase-status-id`+rowcount+`')) !!}
           {!! Form::hidden('testcase_score_value[]','',array("id"=>'js-testcase-score-value`+rowcount+`')) !!}
           {!! Form::hidden('inputFileUrl[]','',array("id"=>'testcase-input-url`+rowcount+`')) !!}
          {!! Form::hidden('outputFileUrl[]','',array("id"=>'testcase-output-url`+rowcount+`')) !!}
           </td></tr>`);
        }else{
          //testcase file upload changes
           existingInputUrl = $('#testcase-input-url'+rowcount).val();
           existingOutputUrl = $('#testcase-output-url'+rowcount).val();
          $('#js-testcase-input-id'+rowcount).closest('tr').replaceWith(`<tr><td>`+rowcount+`</td><td><span class='js-testcase-count'>Test Case `+rowcount+`</span><td><i class="hmepro-icon-edit f-18 sort-action  js-testcase-edit " title="Edit" id="`+rowcount+`"  data-testcase-id="`+rowcount+`"></i></td> {!! Form::hidden('testcase_input[]','',array("id"=>'js-testcase-input-id`+rowcount+`')) !!}{!! Form::hidden('testcase_output[]','',array("id"=>'js-testcase-output-id`+rowcount+`')) !!}{!! Form::hidden('testcase_time_estimate[]','',array("id"=>'js-testcase-time-estimate-id`+rowcount+`')) !!}{!! Form::hidden('testcase_id[]','`+test_case_id+`',array("id"=>'js-testcase-id`+rowcount+`')) !!}{!! Form::hidden('testcase_status_id[]','',array("id"=>'js-testcase-status-id`+rowcount+`')) !!}
            {!! Form::hidden('testcase_score_value[]','',array("id"=>'js-testcase-score-value`+rowcount+`')) !!}
              {!! Form::hidden('inputFileUrl[]','',array("id"=>'testcase-input-url`+rowcount+`')) !!}
          {!! Form::hidden('outputFileUrl[]','',array("id"=>'testcase-output-url`+rowcount+`')) !!}
            </td></tr>`);
        }
        
     }
     $('#js-testcase-input-id'+rowcount).val(input_text);
      $('#js-testcase-output-id'+rowcount).val(output_text);
      $('#js-testcase-time-estimate-id'+rowcount).val(time_estimate);  
      $('#js-testcase-status-id'+rowcount).val(testcase_status);
      $('#js-testcase-score-value'+rowcount).val(test_case_score);  
      /* file upload Testcase changes */
          var inputFileUrl='';var outputFileurl='';
         
          if(resourseFile==''){
            
           if((existingInputUrl !=='')){
              $('#testcase-input-url'+rowcount).val(existingInputUrl);
           }
           if((existingOutputUrl !=='')){
              $('#testcase-output-url'+rowcount).val(existingOutputUrl);
           }
         }else{
           
            if((resourseFile !=='')&&(resourseFile.inputs3 !== '')){
              $('#testcase-input-url'+rowcount).val(resourseFile.inputs3)
            }else{
              $('#testcase-input-url'+rowcount).val(existingInputUrl);
            }
            if((resourseFile !=='')&&(resourseFile.outputs3 !== '')){
              $('#testcase-output-url'+rowcount).val(resourseFile.outputs3)
            }else{
              $('#testcase-output-url'+rowcount).val(existingOutputUrl);
            }
         }
  /* file upload Testcase changes end */

      CKEDITOR.instances["js_pro_test_input"].setData('');
     CKEDITOR.instances["js_pro_test_output"].setData('');
     $('#js-pro-tescase-timestimate').val('');
     $('#js-pro-test-case-score').val('');
     $('#input_file').val('');
     $('#output_file').val('');/*testcase file upload change*/
}
/* Test Cases Validations*/
function testCaseValidation(input_text,output_text,time_estimate,testcase_count,test_case_score){
  /*testcase file upload change*/
     var output_file = $("#output_file").val(); 
  var input_file  = $("#input_file").val();
  var output_file_span = $("#output_file_spans").html();
  var input_file_span  = $("#input_file_spans").html();
  /*testcase file upload change end*/

  var i=0;
  if($.trim(input_text).length > 2000000){
         $('.tooltip').tooltip('hide');
             $("#js-pro-testcases-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Please Enter Maximum 2000000 Characters for Input" data-trigger="hover" data-animation="false"></span>');
              $('#custom_quetion_settings').tooltip();  
              i=i+1;            
     }else if($.trim(output_text).length > 2000000){
        $('.tooltip').tooltip('hide');
             $("#js-pro-testcases-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Please Enter Maximum 2000000 Characters for Output" data-trigger="hover" data-animation="false"></span>');
              $('#custom_quetion_settings').tooltip();  
              i=i+1;
     }else if($.trim(input_text).length <1 && input_file=='' && input_file_span==''){/*testcase file upload change*/
        $('.tooltip').tooltip('hide');
             $("#js-pro-testcases-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Please Enter Input or upload a file" data-trigger="hover" data-animation="false"></span>');
              $('#custom_quetion_settings').tooltip(); 
              i=i+1;
     }else if($.trim(output_text).length <1 && output_file=='' && output_file_span==''){ /*testcase file upload change*/
        $('.tooltip').tooltip('hide');
             $("#js-pro-testcases-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Please Enter Output or upload a file" data-trigger="hover" data-animation="false"></span>');
              $('#custom_quetion_settings').tooltip(); 
              i=i+1;
     } else if(parseFloat(time_estimate) >= 60){
      $('.tooltip').tooltip('hide');
             $("#js-pro-testcases-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Enter Time Estimate less than 60" data-trigger="hover" data-animation="false"></span>');
              $('#custom_quetion_settings').tooltip(); 
              i=i+1;
     }
     else if(test_case_score == ""){
      $('.tooltip').tooltip('hide');
             $("#js-pro-testcases-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Enter test case score" data-trigger="hover" data-animation="false"></span>');
              $('#custom_quetion_settings').tooltip(); 
              i=i+1;
     }else if(testcase_count > 20){
        $('.tooltip').tooltip('hide');
             $("#js-pro-testcases-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_quetion_settings" data-toggle="tooltip" data-original-title="Maximum 20 Test Cases are Allowed" data-trigger="hover" data-animation="false"></span>');
              $('#custom_quetion_settings').tooltip(); 
              i=i+1;
     }
     if(i==0){
      return false;
     }else{
      return true;
     }
}


  $(document).on('click', ".js-testcase-remove", function () {
  var current_obj = $(this);
  swal({
      html: true, 
      title: '<span class="sweet-danger-text">Are You Sure Want to delete?</span>', 
      type: "error",
      showCancelButton: true,
      confirmButtonText: "OK",
      confirmButtonColor: '#f0443a',
      closeOnConfirm: false
    },function(){         
        current_obj.closest('tr').remove();                
        swal.close();
        resetInputIds();
      });   
    return false;    
  
});
function resetInputIds(){              
   $('#js-append-testcase-table tr').each(function(index) {      
      $(this).find("input[name='testcase_input[]']").attr({'id': 'js-testcase-input-id' + (index+1)});
      $(this).find("input[name='testcase_output[]']").attr({'id': 'js-testcase-output-id' + (index+1)});
      $(this).find("input[name='testcase_id[]']").attr({'id': 'js-testcase-id' + (index+1)});  
      $(this).find("input[name='testcase_status_id[]']").attr({'id': 'js-testcase-status-id' + (index+1)});     
      $(this).find("input[name='testcase_time_estimate[]']").attr({'id': 'js-testcase-time-estimate-id' + (index+1)});
      $(this).find("input[name='testcase_score_value[]']").attr({'id': 'js-testcase-score-value' + (index+1)});
      $(this).find(".js-testcase-edit").attr('id',(index+1));
      $(this).find(".js-testcase-edit").attr('data-testcase-id',(index+1));
      $(this).find(".js-testcase-count").text('Test Case '+(index+1));
      $(this).children('td').first().text(index + 1);       
    });
}
/* John <v2e10641> Edited and Created Scripts End*/
            /* Srinivasan <v2e10209> upload the audio and video for paragraph subquestion verion 15.0 R3*/
   $('#js-pro-subqus-audio-video-upload').on('click',function(){
   var formData = new FormData();
   var question_type=$('#js-question_type').val();
   var subqus_audio=document.getElementById('js-pro-subqus-audio');
   var subqus_video=document.getElementById('js-pro-subqus-video');
   /* var subqus_pdf=document.getElementById('js-pro-subqus-pdf');
    var subqus_pdfFilePath = subqus_pdf.value;
        var subqus_pdfExtension= subqus_pdfFilePath.substring(subqus_pdfFilePath.lastIndexOf('.') + 1).toLowerCase();*/

   var subqus_audioFilePath = subqus_audio.value;
   var subqus_videoFilePath = subqus_video.value;
   var selValue = $('input[name=subqus_audiovideo_qus]:checked').val(); 
    var subqus_audioExtension = subqus_audioFilePath.substring(subqus_audioFilePath.lastIndexOf('.') + 1).toLowerCase();
    var subqus_videoExtension= subqus_videoFilePath.substring(subqus_videoFilePath.lastIndexOf('.') + 1).toLowerCase();
  if(selValue == undefined){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the Atleast One Radio Button",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
                return false;
  }else if(question_type == 6 && selValue == 'r_subqus_audio' || selValue == 'r_subqus_video'){
      if(selValue == 'r_subqus_audio' && subqus_audioFilePath == ""){
           swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the audio",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
                return false;
      }else if(selValue == 'r_subqus_audio' && subqus_audioExtension != 'mp3'){
           swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "mp3,wmv and avi type only allowed'",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });

        return false;
      }else if(selValue == "r_subqus_audio" && subqus_audio.files[0].size > 16194304){
         swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please Upload Audio less than 15 MB",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
           return false;
      }else if(selValue == 'r_subqus_video' && subqus_videoFilePath == ""){
         swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the video",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
        return false;
      }else if(selValue == 'r_subqus_video' && subqus_videoExtension !='mp4'){
         swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "mp4 type only allowed",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
        return false;
      }else if(selValue == 'r_subqus_video' && subqus_video.files[0].size > 16194304){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please Upload Video less than 15 MB",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
        return false;
      }/* else if(selValue == 'r_subqus_pdf' && subqus_pdfFilePath == ""){
         swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the pdf",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
        return false;
      }else if(selValue == 'r_subqus_pdf' && subqus_pdfExtension !='pdf'){
         swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Pdf type only allowed",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
        return false;
      }else if(selValue == 'r_subqus_pdf' && subqus_pdf.files[0].size > 16194304){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please Upload Pdf less than 15 MB",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
        return false;
      }*/
      else{
    if(subqus_audioFilePath){
            formData.append('subqus_audio', $('#js-pro-subqus-audio')[0].files[0]);
   }else if(subqus_videoFilePath){
            formData.append('subqus_video',$('#js-pro-subqus-video')[0].files[0]);
   }/*else if(subqus_pdfFilePath){
            formData.append('subqus_pdf',$('#js-pro-subqus-pdf')[0].files[0]);
   }*/
       $('#js-pro-subqus-audio-video-upload').text('Uploading').attr('disabled',true);
        $.ajax({
           url: "{{secure_url('subqus-audio-video-upload')}}",
          type: "POST",
          data: formData,
          contentType: false,
          cache: false,
          processData: false,
          success: function(data) {
            $('#js-pro-subqus-audio-video-upload').text('Upload').attr('disabled',false);
            if(data.status == 200){
               // var incre=i;
               // var incresment=j
                $(".js-pro-sub_questions_path").val(data.path); 
                $(".js-pro-sub_questions_mime_type").val(data.mime_type);
                $(".js-pro-sub_questions_media_type").val(data.media_type);
                $(".js-pro-sub_questions_resource_url").val(data.resourceurl);
        // $("#js-subquestion-video-count").val(sub_qus_video_count); 
        // j++;
        // sub_qus_video_count++
         }
          },
          error: function(data) {
            $('#js-pro-subqus-audio-video-upload').text('Upload').attr('disabled',false);
               swal({
              html: true, 
              title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
              type: "error",
              showCancelButton: false,
              confirmButtonText: "OK",
              closeOnConfirm: false
            });
          },
      });
  }
   }
 });
$('#js-pro-sub-audio-video-upload').click(function(){
var formData = new FormData();
   var question_type=$('#js-question_type').val();
   var audio=document.getElementById('js-pro-sub-audio_question');
   var video=document.getElementById('js-pro-sub-video_question');
     // var pdf=document.getElementById('js-pro-sub-pdf_question');

   var audioFilePath = audio.value;
   var videoFilePath = video.value;
      //var pdfFilePath = pdf.value;

   var selValue = $('input[name=audiovideo_qus]:checked').val(); 
   console.log(audioFilePath)
    var audioExtension = audioFilePath.substring(audioFilePath.lastIndexOf('.') + 1).toLowerCase();
    var videoExtension= videoFilePath.substring(videoFilePath.lastIndexOf('.') + 1).toLowerCase();
        //var pdfExtension= pdfFilePath.substring(pdfFilePath.lastIndexOf('.') + 1).toLowerCase();

   if(question_type == 3 || question_type == 6 && selValue == 'r_audio' || selValue == 'r_video' || selValue=='r_pdf'){
      if(selValue == 'r_audio' && audioFilePath == ""){
          swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the audio",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
          return false;
      }else if(selValue == 'r_audio' && audioExtension != 'mp3'){
           swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "mp3,wmv and avi type only allowed'",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
            return false;
      }else if(selValue == "r_audio" && audio.files[0].size > 16194304){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please Upload Audio less than 15 MB",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
           return false;
      }else if(selValue == 'r_video' && videoFilePath == ''){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the video",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
            return false;
      }else if(selValue == 'r_video' && videoExtension !='mp4'){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "mp4 type only allowed",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
           return false;
      }else if(selValue == 'r_video' && video.files[0].size > 16194304){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please Upload Video less than 15 MB",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
                return false;
      }/*else if(selValue == 'r_pdf' && pdfFilePath == ''){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please select the pdf",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
            return false;
      }else if(selValue == 'r_pdf' && pdfExtension !='pdf'){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "pdf type only allowed",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
           return false;
      }else if(selValue == 'r_pdf' && pdf.files[0].size > 16194304){
        swal({
            html: true, 
            title: '<span class="sweet-warning-text">Warning</span>', 
            text: "Please Upload pdf less than 15 MB",
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
             confirmButtonColor: '#ffbc01',
          });
                return false;
      }*/else{
    if(audioFilePath){
            formData.append('audio_question', $('#js-pro-sub-audio_question')[0].files[0]);
   }else if(videoFilePath){
            formData.append('video_question',$('#js-pro-sub-video_question')[0].files[0]);
   }/*else if(pdfFilePath){
            formData.append('pdf_question',$('#js-pro-sub-pdf_question')[0].files[0]);
   }*/
       $('#js-pro-sub-audio-video-upload').text('Uploading').attr('disabled',true);
        $.ajax({
           url: "{{secure_url('pro/audio-video-upload')}}",
          type: "POST",
          data: formData,
          contentType: false,
          cache: false,
          processData: false,
          success: function(data) {
            $('#js-pro-sub-audio-video-upload').text('Upload').attr('disabled',false);
            if(data.status == 200){
              $('#js_audio_url_id').val(data.path);
              $('#js_audio_url_mime').val(data.mime_type);
              $('#js_video_url_id').val(data.path);
              $('#js_audio_url_mime').val(data.mime_type);
              $('#js_video_url_mime').val(data.mime_type);
              $('#js_audio_media_type').val(data.media_type);
               $('#js_video_media_type').val(data.media_type);
                /*$('#js_pdf_url_id').val(data.path);
                 $('#js_pdf_url_mime').val(data.mime_type);
                  $('#js_pdf_media_type').val(data.media_type);*/
            }
          },
          error: function(data) {
            $('#js-pro-sub-audio-video-upload').text('Upload').attr('disabled',false);
            swal({
              html: true, 
              title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
              type: "error",
              showCancelButton: false,
              confirmButtonText: "OK",
              closeOnConfirm: false
            });
          },
      });
  }
   }
})
    var i = 1;
    var m=1;
    var essay_value
    /* Essay Tye question start */
    $(document).on('click','#js-pro-add-more-essaymodel', function() {
      //$("#fieldList").append("<li>&nbsp;</li>");
    if(i<3){
       $('#js-pr-essay-model').val("Essay Model"+i);
       $("#fieldList").append("<li><span>Essay Model" +(i+1)+"</span><textarea  class='js_pro_editors getvalues' id='js_pro_essay_question_"+i+"' data-name='pro-essay-qus-values' placeholder='File description'></textarea></li>");
      CKEditorChange('js_pro_essay_question_' + $(this).attr('rel'),i);
      $(this).attr('rel', parseInt($(this).attr('rel')) + parseInt(1));
    i++;
  }else{
    alertMessage("warning",'Essay Model should not be exceed than 3',"Warning");
     return false;
  }
   
});

    /* mapping course changes  */
 $("#js_course_exist").on("change",function(){
       if($(this).val() != ""){
         $("#mapping_course").val($(this).find('option:selected').text());
         $("#mapping_course").attr('data-topic_id',$(this).val());
         $("#js_course_new").val("");
         $(".question-course-dropdown").removeClass('show');
       }

   });

    $("#js-button-update-course").on("click",function(){
     var question_type = $("#js-question_type").val();
     if(question_type == 5){
      if($("#js_course_new").val() == ""){
         $('.tooltip').tooltip('hide');
         $("#js_course_new-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="topic-add" data-toggle="tooltip" data-original-title="Enter Course" data-trigger="hover" data-animation="false"></span>');
          $('#topic-add').tooltip();
       }else if($("#js_course_new").val() == "No Topic" || $("#js_course_new").val() == "NO TOPIC" || $("#js_course_new").val() == "No topic" || $("#js_course_new").val() == "no topic" || $("#js_course_new").val() == "notopic"){
         $('.tooltip').tooltip('hide');
         $("#js_course_new-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="topic-add" data-toggle="tooltip" data-original-title="No Topic is not allowed provide the valid topic name" data-trigger="hover" data-animation="false"></span>');
          $('#topic-add').tooltip();
       }else if(parseInt($("#js_course_new").val().length) > 200){
        $('.tooltip').tooltip('hide');
          $("#js_course_new-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="topic-add" data-toggle="tooltip" data-original-title="Maximum 200 characters allowed" data-trigger="hover" data-animation="false"></span>');
           $('#topic-add').tooltip();
       }
       else{
            $("body").find('#topic-add').remove();
            $('#topic-add').tooltip('hide');
            $("#mapping_course").val($("#js_course_new").val());
            $("#js-pool_topic_exist").val("");
            $("#mapping_course").attr('data-topic_id',"");
            $(".question-course-dropdown").removeClass('show');
             $('#js_course_new').val(""); 
       }
     }else{
      if($("#js_course_new").val() == ""){
         $('.tooltip').tooltip('hide');
         $("#js_course_new-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="topic-add" data-toggle="tooltip" data-original-title="Enter Course" data-trigger="hover" data-animation="false"></span>');
          $('#topic-add').tooltip();
       }else if(parseInt($("#js_course_new").val().length) > 200){
        $('.tooltip').tooltip('hide');
          $("#js_course_new-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="topic-add" data-toggle="tooltip" data-original-title="Maximum 200 characters allowed" data-trigger="hover" data-animation="false"></span>');
           $('#topic-add').tooltip();
       }else{
            $("body").find('#topic-add').remove();
            $('#topic-add').tooltip('hide');
            $("#mapping_course").val($("#js_course_new").val());
            $("#js-pool_topic_exist").val("");
            $("#mapping_course").attr('data-topic_id',"");
            $(".question-course-dropdown").removeClass('show');
             $('#js_course_new').val("");
       }
     }
      return false;
   });

 /* mapping course changes end  */

     function CKEditorChange(name,value) {
     if(value < 3){
       CKFinder.setupCKEditor( CKEDITOR.replace(name, {
                  extraPlugins: 'uploadimage,eqneditor',
                   removePlugins: 'image',
                  removeButtons: 'Source',
                  filebrowserImageBrowseUrl:'',
                  filebrowserFlashBrowseUrl:'',
                  filebrowserBrowseUrl: '',
                   height:250
                  }));
     }else{
       alertMessage("warning",'Essay Model should not be exceed than 3',"Warning");
       return false;
     }
  return false
}

 /* Testcase */
    $('.js_pro_TestCaseEditors').each(function(){
       var editor = CKEDITOR.replace( $(this).attr('id'), {
        extraPlugins: 'uploadimage,image2,eqneditor',
        removePlugins:'image',
        removeButtons: 'Source',
        toolbar: 'Full',
        /*enterMode : CKEDITOR.ENTER_BR,
        shiftEnterMode: CKEDITOR.ENTER_P,*/
        /*filebrowserImageBrowseUrl:'',
        filebrowserFlashBrowseUrl:'',
        filebrowserBrowseUrl: '',*/
         //filebrowserUploadUrl:'https://ckeditor.com/apps/ckfinder/3.5.0/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json',
        height:250
      } );
      CKFinder.setupCKEditor( editor );
  });

    //upload testcase files chnages
function uploadTestCaseFiles(rowCount,type){
  var formData = new FormData();
  console.log(rowCount)
    if(($("#output_file")[0] !== undefined) && ($('#input_file')[0].files[0] !== '')){
      formData.append('input_file',$('#input_file')[0].files[0]);
    }
    if(($("#output_file")[0] !== undefined) && ($("#output_file")[0].files[0] !=='')){
      formData.append('output_file',$("#output_file")[0].files[0]);
    }
     return $.ajax({
        url:baseUrl+'pro/upload-testcase-files',
        dataTye:"json",
        type: "POST",
        data:formData,
        processData: false,
        contentType: false,
        beforeSend:function(){
           $('.hme-loading-mask').fadeIn();
        },
        success:function(res){
           $('.hme-loading-mask').fadeOut();
          if(res.status == 200){
            //testCaseS3Url = res;
            setHiddenValueForTestCaseForm(rowCount,type,res);
            //return res;
          }
        }
      })

}
$("#input_file").on("change",function(){
    var input = this;
    var url = $(this).val();
    var ext = url.substring(url.lastIndexOf('.') + 1).toLowerCase();
    console.log(ext);
    if(url=='' || url==undefined )
    {
        $('.tooltip').tooltip('hide');
        $("#js-pro-testcase-inputfile-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_testcase_file_input" data-toggle="tooltip" data-original-title="Upload .txt,.doc files" data-trigger="hover" data-animation="false"></span>');
        $('#custom_testcase_file_input').tooltip(); 
        $(this).val('');
        return false;
    }
    //if(input.files && input.files[0] && (ext != "txt" && ext != "doc")) 
    if(input.files && input.files[0] && (ext != "txt")) 
    {
        $('.tooltip').tooltip('hide');
        $("#js-pro-testcase-inputfile-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_testcase_file_input" data-toggle="tooltip" data-original-title="Upload .txt files" data-trigger="hover" data-animation="false"></span>');
        $('#custom_testcase_file_input').tooltip(); 
        $(this).val('');
        return false;
    }
});

$("#output_file").on("change",function(){
    var input = this;
    var url = $(this).val();
    var ext = url.substring(url.lastIndexOf('.') + 1).toLowerCase();
    if(url=='' || url==undefined )
    {
        $('.tooltip').tooltip('hide');
        $("#js-pro-testcase-outputfile-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_testcase_file_output" data-toggle="tooltip" data-original-title="Upload .txt files" data-trigger="hover" data-animation="false"></span>');
        $('#custom_testcase_file_output').tooltip(); 
        $(this).val('');
        return false;
    }
    //if(input.files && input.files[0] && (ext != "txt" && ext != "doc")) 
    if(input.files && input.files[0] && (ext != "txt")) 
    {
        $('.tooltip').tooltip('hide');
        $("#js-pro-testcase-outputfile-error").html('<span data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate" id="custom_testcase_file_output" data-toggle="tooltip" data-original-title="Upload .txt files" data-trigger="hover" data-animation="false"></span>');
        $('#custom_testcase_file_output').tooltip(); 
        $(this).val('');
        return false;
    }
});


</script>

@if (Session::has('rep_excel'))
<script type="text/javascript">
  $(window).bind("load",function(){
    window.location.href="{{ secure_url('pro/question/reportdownload')}}";
  });
</script>
@endif
<!-- @version 24.0 @author Ranjithkumar -->

<script>
$("#yes").click(function(){
 $('#js-div-document-mandatory').removeClass('d-none');           
        });
$("#no").click(function(){
 $('#js-div-document-mandatory').addClass('d-none');
  });
</script>
<!-- end-->
 @endsection('footer')