@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Survey - HireMee')
@section('content')
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/hiremee-revamp/css/free-job-post.css') }} " />
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/css/style.css') }}">
<!-- Hiremee Icons -->
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/css/hiremee-icons.css') }}">
      <!-- Custom.css -->
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/css/custom.css') }}">

<style>
.hme-loading-mask .hme-loading-container {
    padding: 20% 0;
}
@media screen and (width < 1210px){
  .hme-loading-mask .hme-loading-container {
      padding: 70% 0;
  }    
}
  .hiremeGoldTitle h2{
    font-size: 26px;
    text-transform: uppercase;
  }
  .logo{
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
  }
  .logo img{
    width: 220px;
  }
  .f-input-box,.f-drop-down{
    height: 48px !important;
    color: #373c41 !important;
    font-family: 'Poppins' !important;
    border:1px solid rgba(26, 15, 9, 0.1) !important;
    
  }
  .f-form-card{
    padding: 30px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    background-color:#fff;
    border-radius:10px;
   
  }
  .bg-light-green{
    background-color: #f8ffed;
  }
  .f-form-label{
    font-family: 'Poppins';
    color: #495057;
    margin-top:10px

  }
  .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    font-family: 'Poppins' !important;
    color: #373c41 !important
  }
  .btn_reset:hover {
    background-color: #df2b08 !important;
    border: 1px solid #df2b08 !important;
  }
.survey-main-class h4 {
    padding-bottom: 6px;
    padding-left: 10px;
    padding-top: 10px;
    width: 100%;
    font-family: 'Poppins';
    font-size: 17px;
    border-left: 4px solid #a2d344;
}
.survey-main-class h5 {
    padding-bottom: 6px;
    padding-left: 25px;
    width: 100%;
    font-family: 'Poppins';
    font-size: 14px;
}
/*.survey-main-class h5::before{
  background: #a1d244;
  border: 0 none;
  content: "";
  height: 2px;
  left: 25px;
  position: absolute;
  bottom: 210px;
  width: 35px;
}*/
.survey-sub-questions{
    margin-left: 30px;
  } 
@media screen and (width < 1210px){
  .survey-sub-questions{
    margin-left: 0px;
  }  
}
label,
legend {
    display: block;
    font-size: 13px !important;
    margin-bottom: 8px;
}
</style>

<div class="hme-loading-mask" style="display: none;">
  <div class="hme-loading-container">
   <div style="padding-left: 20px;">Processing...</div>
   <div class="hme-dual-ring"></div>
  </div>
</div> 
<div> <!-- Wrapper -->
<div class="featured-area pricingSec  padding-top-45 padding-bottom-45 bg-light-green">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="row justify-content-center">
 
<div class="col-md-9 f-form-card">
    <div class="hiremeGoldTitle text-center">
    <a href="\"  class="logo"><img src="{{{ URL::asset('assets/hiremee-revamp/images/hiremee_new_logo.png')}}}" alt=""></a>
      <h2>Survey Form </h2>
    </div>
  {!! Form::open(['url'=>'/demo-url-not-required','method'=>'POST','id'=>'survey_submit_form','class'=>'survey_submit_form']) !!}          
  {!! Form::hidden('is_loaded',0,['id'=>'is_loaded']) !!}
  {!! Form::hidden('candidate_id',0,['id'=>'candidate_id']) !!}
    <div class="row justify-content-center">
      <div class="col-md-12 survey-main-class">
        <div class="row">
          <h4>General Information</h4>
          <div class="col-md-4 margin-top-10" style="padding-left: 27px;">
            <label class="f-form-label" style="margin-top:0px;" >Name<span style="color:red">*</span></label>
            <input type="text" class="f-input-box" name="user_name" id="user_name" placeholder="User Name" onkeypress="return allowOnlyLetters(event,this,'user_name');" maxlength="50" />
            {!! Form::hidden("is_mandatory_fields[16]", "user_name") !!}
          </div>
          <div class="col-md-4 margin-top-10" style="padding-left: 27px;">
            <label class="f-form-label" style="margin-top:0px;" >Email Address<span style="color:red">*</span></label>
            <input type="email" class="f-input-box" id="email_address" name="email_address" placeholder="Your Email" />
              {!! Form::hidden("is_mandatory_fields[15]", "email_address") !!}
          </div>
          <div class="col-md-4 margin-top-10" style="padding-left: 27px;">
            <label class="f-form-label" style="margin-top:0px;" >Mobile Number<span style="color:red">*</span></label>
            <input type="text" class="f-input-box"  id="survey_mobile_number" name="survey_mobile_number" placeholder="Mobile Number"/ maxlength="11" onkeypress="return onlyNumberKeyForSurvey(event,'survey_mobile_number')">
              {!! Form::hidden("is_mandatory_fields[14]", "survey_mobile_number") !!}
          </div>
          <div class="col-md-12">
              <label class="f-form-label" style="margin-top:0px;padding-left: 10px;" >Q. Institution Type<span style="color:red">*</span></label>
          </div>
          <div class="col-md-12 margin-top-10  margin-bottom-15" style="padding-left: 27px;">
              <select name="question_type" id="question_type" class="selectpicker" onchange="hideTooltipValidationError('question_type')">
                  <option disabled selected value>Choose</option> 
                  <option value="Autonomous">Autonomous</option>
                  <option value="Affiliated Private">Affiliated Private</option>
                  <option value="Affiliated Government">Affiliated Government</option>
                  <option value="Deemed University">Deemed University</option>
              </select>
              {!! Form::hidden('question_type_quest_id',1,['id'=>'question_type_quest_id']) !!}
              {!! Form::hidden("is_mandatory_fields[13]", "question_type") !!}
          </div>

          <h4>Exam Patterns and Preferences</h4>
          <h5>Current Assessment Formats: </h5>
          <div class="col-md-12">
              <label class="f-form-label"  style="margin-top:0px; padding-left: 10px;" >Q. What types of assessment formats are used in your internal exams? (Select all that apply)<span style="color:red">*</span></label>
          </div>
          <div class="col-md-12" style="padding-left: 27px;">
              <label name="assessment_format_mandate"></label>
              {!! Form::hidden("is_mandatory_fields[12]", "assessment_format_mandate") !!} 
              <div class="checkbox-fade m-r-10 fade-in-primary">
                <label class="js-label-check" for="assessment-mcq">
                  {!! Form::checkbox('assessment_format[]','Multiple-Choice Questions (MCQs)',false,array('class'=>'mcq chk-assessement-format','id'=>'assessment-mcq')) !!}
                  <span class="cr">
                    <i class="cr-icon hiremee-tick txt-primary"></i>
                  </span>
                  <span class="text-muted">Multiple-Choice Questions (MCQs)</span>
                </label>
                {!! Form::hidden('assessment_mcq_quest_id',2,['id'=>'assessment_mcq_quest_id']) !!}
              </div>
          </div>
          <div class="col-md-12 margin-top-10" style="padding-left: 27px;">
              <div class="checkbox-fade m-r-10 fade-in-primary">
                <label class="js-label-check" for="assessment-descriptive">
                  {!! Form::checkbox('assessment_format[]','Descriptive Questions',false, ['class' => 'descriptive chk-assessement-format','id'=>'assessment-descriptive']) !!}
                  <span class="cr">
                    <i class="cr-icon hiremee-tick txt-primary"></i>
                  </span>
                  <span class="text-muted">Descriptive Questions</span>
                </label>
              </div>
          </div>
          <div class="col-md-12 margin-top-10" style="padding-left: 27px;">
              <div class="checkbox-fade m-r-10 fade-in-primary">
                <label class="js-label-check" for="assessment-practical">
                  {!! Form::checkbox('assessment_format[]','Practical Examinations',false, ['class' => 'practical chk-assessement-format','id'=>'assessment-practical']) !!}
                  <span class="cr">
                    <i class="cr-icon hiremee-tick txt-primary"></i>
                  </span>
                  <span class="text-muted">Practical Examinations</span>
                </label>
              </div>
          </div>
          <div class="col-md-12 margin-top-10" style="padding-left: 27px;">
              <div class="checkbox-fade m-r-10 fade-in-primary">
                <label class="js-label-check" for="assessment-others">
                  {!! Form::checkbox('assessment_format_other','Other (Please Specify)',false, ['class' => 'others chk-assessement-format','id'=>'assessment-others']) !!}
                  <span class="cr">
                    <i class="cr-icon hiremee-tick txt-primary"></i>
                  </span>
                  <span class="text-muted">Other (Please Specify)</span>
                </label>                
              </div>
          </div>          
          <div class="col-md-12 margin-top-10 d-none" id="assessment_format_reason_div" style="padding-left: 27px;">
            <textarea rows="3" class="f-input-box form-control" id="assessment_format_reason" name="assessment_format_reason" placeholder="Your comments..." maxlength="5000" onkeypress="hideTooltipValidationError('assessment_format_reason')"></textarea>
            {!! Form::hidden('assessment_format_reason_quest_id',10,['id'=>'assessment_format_reason_quest_id']) !!}
            {!! Form::hidden("is_mandatory_fields[11]", "assessment_format_reason") !!}
          </div>
          <div class="col-md-12 margin-top-10">
              <label class="f-form-label" style="margin-top:0px; padding-left: 10px;" >Q. What percentage of your internal exams are comprised of MCQs?<span style="color:red">*</span> </label>                        
          </div>
          <div class="col-md-12 margin-top-10" style="padding-left: 27px;">
              <select name="assessment_percentage" id="assessment_percentage" class="selectpicker" onchange="hideTooltipValidationError('assessment_percentage')">
                  <option disabled selected value>Choose</option> 
                  <option value="0-25%">0-25%</option>
                  <option value="26-50%">26-50%</option>
                  <option value="51-75%">51-75%</option>
                  <option value="76-100%">76-100%</option>
              </select>
              {!! Form::hidden('assessment_percentage_quest_id',3,['id'=>'assessment_percentage_quest_id']) !!}
              {!! Form::hidden("is_mandatory_fields[10]", "assessment_percentage") !!}  
          </div>

          <h5 style="margin-top: 15px;">Frequency and Structure of Internal Exams: </h5>
          <div class="col-md-12">
              <label class="f-form-label" style="margin-top:0px; padding-left: 10px;" >Q. How often are internal exams conducted per semester?<span style="color:red">*</span> </label>              
          </div>
          <div class="col-md-12 margin-top-10" style="padding-left: 27px;">
              <select name="exam_frequency" id="exam_frequency" class="selectpicker" onchange="hideTooltipValidationError('exam_frequency')">
                  <option disabled selected value>Choose</option> 
                  <option value="Once">Once</option>
                  <option value="Twice">Twice</option>
                  <option value="Three times">Three times</option>
                  <option value="More than three times">More than three times</option>
              </select>
              {!! Form::hidden('exam_frequency_quest_id',4,['id'=>'exam_frequency_quest_id']) !!}
              {!! Form::hidden("is_mandatory_fields[9]", "exam_frequency") !!} 
          </div>
          <div class="col-md-12 margin-top-20">
              <label class="f-form-label" style="margin-top:0px; padding-left: 10px;" >Q. What is the typical structure of these exams? (e.g., number of questions, time allotted, etc.) </label>
              {!! Form::hidden('structure_of_the_exam_quest_id',5,['id'=>'exam_frequency_quest_id']) !!}
          </div>
          <div class="col-md-12 col-sm-12 row margin-top-10 survey-sub-questions">
            <div class="col-md-4 col-sm-4">
              <label class="f-form-label" style="padding-right:0px;margin-top: 5px;" >Number of questions<span style="color:red">*</span></label>              
            </div>
            <div class="col-md-4 col-sm-4">
              <input type="text" class="f-input-box" name="number_of_questions" id="number_of_questions" placeholder="Number" maxlength="3" onkeypress="return onlyNumberKeyForSurvey(event,'number_of_questions')" />
              {!! Form::hidden('number_of_questions_quest_id',12,['id'=>'number_of_questions_quest_id']) !!}
              {!! Form::hidden("is_mandatory_fields[8]", "number_of_questions") !!} 
            </div>
          </div>
          <div class="col-md-12 col-sm-12 row survey-sub-questions">
            <div class="col-md-4 col-sm-4">
              <label class="f-form-label" style="padding-right:0px;margin-top: 5px;" >Time allotted<span style="color:red">*</span></label>
            </div>
            <div class="col-md-4 col-sm-4">
              <input type="text" class="f-input-box" name="time_allotted" id="time_allotted" placeholder="In Minutes" maxlength="5" onkeypress="return onlyDecimalValues(event,'time_allotted')"/>
              {!! Form::hidden('time_allotted_quest_id',13,['id'=>'time_allotted_quest_id']) !!}
              {!! Form::hidden("is_mandatory_fields[7]", "time_allotted") !!}
            </div>
          </div>

          <h4>MCQ Adoption</h4>
          <h5>Interest in MCQ Test Packages: </h5>
          <div class="col-md-12">
              <label class="f-form-label" style="margin-top:0px; padding-left: 10px;" >Q. How interested would your institution be in procuring ready-made MCQ test packages for internal exams?<span style="color:red">*</span></label>              
          </div>
          <div class="col-md-12 margin-top-10" style="padding-left: 27px;">
              <select name="mcq_interest" id="mcq_interest" class="selectpicker" onchange="hideTooltipValidationError('mcq_interest')">
                  <option disabled selected value>Choose</option> 
                  <option value="Very Interested">Very Interested</option>
                  <option value="Interested">Interested</option>
                  <option value="Neutral">Neutral</option>
                  <option value="Not Interested">Not Interested</option>
                  <option value="Not at all Interested">Not at all Interested</option>
              </select>
              {!! Form::hidden('mcq_interest_quest_id',6,['id'=>'mcq_interest_quest_id']) !!}
              {!! Form::hidden("is_mandatory_fields[6]", "mcq_interest") !!}
          </div>
          <div class="col-md-12 margin-top-10">
              <label class="f-form-label" style="margin-top:0px; padding-left: 10px;" >Q. Would your institution prefer customised MCQ packages tailored to your specific curriculum?<span style="color:red">*</span> </label>              
          </div>
          <div class="col-md-12 margin-top-10" style="padding-left: 27px;">
              <select name="mcq_institution_prefer" id="mcq_institution_prefer" class="selectpicker" onchange="hideTooltipValidationError('mcq_institution_prefer')">
                  <option disabled selected value>Choose</option> 
                  <option value="Yes">Yes</option>
                  <option value="No">No</option>
              </select>
                  {!! Form::hidden('mcq_institution_prefer_quest_id',7,['id'=>'mcq_institution_prefer_quest_id']) !!}
                  {!! Form::hidden("is_mandatory_fields[5]", "mcq_institution_prefer") !!}
          </div>

          <h4 class="margin-top-20">Feedback and Additional Comments</h4>
          <h5>Open Feedback</h5>
          <div class="col-md-12">
              <label class="f-form-label" style="margin-top:0px; padding-left: 10px;" >Q. Do you have any additional comments or feedback regarding the use of MCQs in your internal exams?<span style="color:red">*</span> </label>              
          </div>
          <div class="col-md-12 margin-top-10" id="feedback_comments_div" style="padding-left: 27px;">
            <textarea rows="3" class="f-input-box form-control" id="feedback_comments" name="feedback_comments" placeholder="Your feedback and comments..." maxlength="5000" onkeypress="hideTooltipValidationError('feedback_comments')"></textarea>
            {!! Form::hidden('feedback_comments_quest_id',8,['id'=>'feedback_comments_quest_id']) !!}
            {!! Form::hidden("is_mandatory_fields[4]", "feedback_comments") !!}
          </div>
          <h5>Potential Collaboration: </h5>
          <div class="col-md-12">
              <label class="f-form-label" style="margin-top:0px; padding-left: 10px;" >Q. Would your institution be interested in participating in a pilot program to test our MCQ packages? If so, what would your expectations be?<span style="color:red">*</span></label>              
          </div>
          <div class="col-md-12 margin-top-10" style="padding-left: 27px;">
              <select name="potential_collaboration" id="potential_collaboration" class="selectpicker" onchange="hideTooltipValidationError('potential_collaboration')">
                  <option disabled selected value>Choose</option> 
                  <option value="Yes">Yes (Please Specify Expectations)</option>
                  <option value="No">No</option>
              </select>
              {!! Form::hidden('potential_collaboration_quest_id',9,['id'=>'potential_collaboration_quest_id']) !!}
              {!! Form::hidden("is_mandatory_fields[3]", "potential_collaboration") !!}
          </div>
          <div class="col-md-12 margin-top-10 d-none" id="potential_collaboration_div" style="padding-left: 27px;">
            <textarea rows="3" class="f-input-box form-control" id="potential_collaboration_comment" name="potential_collaboration_comment" placeholder="Your expectations..." maxlength="5000" onkeypress="hideTooltipValidationError('potential_collaboration_comment')"></textarea>
            {!! Form::hidden('potential_collaboration_comment_quest_id',11,['id'=>'potential_collaboration_comment_quest_id']) !!}
            {!! Form::hidden("is_mandatory_fields[2]", "potential_collaboration_comment") !!}
          </div>
          <div class="col-md-12 form-group termTxt text-black margin-bottom-10 margin-top-20" style="padding-left: 27px;">
            <input type="checkbox" name="termCheck" class="termCheck"/> <span style="color: black;font-family: 'Poppins';">I agree to the <a href="/termsofuse" class=" text-white" target="_blank"><u style="color: black;">Terms and conditions</u> </a> & <a href="/privacypolicy" target="_blank" class="text-white"><u style="color: black;">Privacy Policy</u> </a><span style="color:red">*</span> </span>
          </div>
          <div class="col-md-12 form-group termTxt text-black" style="padding-left: 27px;">
            <label name="termCheck_mandate"></label>
            {!! Form::hidden("is_mandatory_fields[1]", "termCheck_mandate") !!}
          </div>          
          <div class="form-inline col-md-12">
            <div class="form-group margin-bottom-20" style="display: flex;justify-content: center;">
              <button type="submit" id="survey_submit_btn" form="survey_submit_form" class="theme-btn log-in-button" style="border-radius: 22px;min-width: auto; margin-right: 20px;" title="Save">SUBMIT</button>
            </div>
          </div>
      </div>
  </div>
  </div>
  {!! Form::close() !!}
</div>

</div>
</div>                    
</div>
</div>
</div>
</div>
<script type="text/javascript">
window.onload = () => {
   const myInput_1 = document.getElementById('number_of_questions');
   myInput_1.onpaste = e => e.preventDefault();
   const myInput_2 = document.getElementById('time_allotted');
   myInput_2.onpaste = e => e.preventDefault();
}
function onlyDecimalValues(evt,element_name='') {
    var ASCIICode = (evt.which) ? evt.which : evt.keyCode
    if(ASCIICode > 31 && (ASCIICode < 48 || ASCIICode > 57) && ASCIICode != 46)
        return false;
     hideTooltipValidationError(element_name);
    return true;
}
function onlyNumberKeyForSurvey(evt,element_name='') {
    var ASCIICode = (evt.which) ? evt.which : evt.keyCode
    if (ASCIICode > 31 && (ASCIICode < 48 || ASCIICode > 57)){
      return false;
    }
    hideTooltipValidationError(element_name);
    return true;
}
$(".others").on('click',function(){
    var status = $(this).prop('checked');
    if (status == true) {
        $('#assessment_format_reason_div').removeClass("d-none");
    }else{
        $('#assessment_format_reason').val('');
        $('#assessment_format_reason_div').addClass("d-none");
    }        
});

$('#potential_collaboration').on('change', function(){
  var selected = $(this).val();
  if(selected == 'Yes') {
    $('#potential_collaboration_div').removeClass("d-none");
  }else{
    $('#potential_collaboration_comment').val('');
    $('#potential_collaboration_div').addClass("d-none");
  }
});
$(".chk-assessement-format").on('click',function(){
    $(".chk-assessement-format").each(function(){ 
      var status = $(this).prop('checked');
      if(status == true){
        hideTooltipValidationError('assessment_format_mandate')
      }
  });
});
$("#survey_submit_btn").on('click',function(e){
  e.preventDefault();
if(surveyFormValidate()){
  $('#survey_submit_btn').prop('disabled',true).text('Processing..');
  var form_data = $('#survey_submit_form').serialize();
  $.ajax({
    url: "{{secure_url('/candidate/survey/post')}}",
    type: "POST",
    data: form_data,
    success: function (response) {
      if(response.status == 200){
          swal({
                html: true, 
                title: '<span class="sweet-success-text">Survey completed! <br> Thank you</span>',
                // text: response.message,
                type: "success",
                showCancelButton: false,
                confirmButtonText: "OK",
                closeOnConfirm: false,
                confirmButtonColor: '#28e1bd',
              },function(isConfirm){ 
                  if (isConfirm) {
                    window.location="/";
                    // window.location.reload();
                  }
          });
      }else if(response.status == 'fails'){
        alertMessage("warning",'',response.message);
        $('#survey_submit_btn').prop('disabled',false).text('SUBMIT');
      }else if(response.status == 10){
        swal({
                html: true, 
                title: '<span class="sweet-warning-text">'+response.message+'</span>', 
                type: "warning",
                showCancelButton: false,
                confirmButtonText: "OK",
                closeOnConfirm: false,
                confirmButtonColor: '#ffbc01',
              },function(isConfirm){ 
                  if (isConfirm) {
                    window.location="/";
                  }
          });
      } 
      else{
        alertMessage("danger",'','Something went wrong');
        $('#survey_submit_btn').prop('disabled',false).text('SUBMIT');
      }
      $('#survey_submit_btn').prop('disabled',false).text('SUBMIT');
    },          
  });
}
});
function surveyFormValidate(){
  var error_flag =true;
  var error_count=0;
  $("input[name^=is_mandatory_fields]").each(function(i){
   var error_id= $("#survey_submit_form").find('[name="' +$(this).val() +'"]');
   var id ='[name="'+$(this).val()+'"]';
   var email = $(this).val();
   var mobile = $(this).val();
   var user_name = $(this).val();
   var institution_type = $(this).val();
   var assessment_format = $(this).val();
   var other_reason = $(this).val();
   var assessment_perc = $(this).val();
   var exam_freq = $(this).val();
   var number_of_ques = $(this).val();
   var time_allotted = $(this).val();
   var mcq_interested = $(this).val();
   var mcq_insti_prefer = $(this).val();
   var feedback_comm = $(this).val();
   var potential_collab = $(this).val();
   var expectations = $(this).val();
   var terms_conditions = $(this).val();
   var is_email =true; 
   var is_mobile = true;
   var is_user_name = true;
   var is_institution_type = true;
   var is_assessment_format = true;
   var is_other_reason = true;
   var is_assessment_perc = true;
   var is_exam_freq = true;
   var is_number_of_ques =true;
   var is_time_allotted =true;
   var is_mcq_interested =true;
   var is_mcq_insti_prefer =true;
   var is_feedback_comm =true;
   var is_expectations = true;
   var is_potential_collab = true;
   var is_termsandconditions = true;
   if(email == 'email_address'){
      if($.trim($(id).val().length) ==0){
        is_email= false;
        message='Email id is a required field';
      }else if(IsEmail($(id).val())==false){                
          is_email= false;
          message='Email format is not correct';
      }
    }
    if(mobile == 'survey_mobile_number'){
      if($.trim($(id).val().length) ==0){
        is_mobile= false;
        message='Mobile number is a required field';
      }else if($.trim($(id).val().length) < 10){
          is_mobile= false;
          message='Mobile numbers are a minimum of 10 numbers';
      // }else if(IsMobile($(id).val())==false){
      //     is_mobile= false;
      //     message='Mobile number is not in proper format';
      }else if(isNormalValidMobileNumber($(id).val())==false){
          is_mobile= false;
          message='Mobile number is not valid';
      }
    }
    if(user_name == 'user_name'){
      if($.trim($(id).val().length) ==0){
        is_user_name= false;
        message='User name is a required field';
      // }else if(checkAlphabetsAndSpace($(id).val())==false){                
      //     is_first_name= false;
      //     message='User name is not in proper format';
      }
    }
   if(institution_type == 'question_type'){
      if(isDropDownValueSelected(institution_type)==false){                
          is_institution_type= false;
          message='Institution type is a required field';
      }
    }
    if(assessment_format == 'assessment_format_mandate'){
      if(isAssessmentFormat()==false){                
          is_assessment_format= false;
          message='Please select atleast one assessment format';
      }
    }
    if(other_reason == 'assessment_format_reason'){
      if(isOtherReason($(id).val())==false){                
          is_other_reason= false;
          message='Other reason is a required field';
      }
    }
    if(assessment_perc == 'assessment_percentage'){
      if(isDropDownValueSelected(assessment_perc)==false){                
          is_assessment_perc= false;
          message='Percentage is a required field';
      }
    }
    if(exam_freq == 'exam_frequency'){
      if(isDropDownValueSelected(exam_freq)==false){                
          is_exam_freq= false;
          message='Frequency and structure is a required field';
      }
    }
    if(number_of_ques == 'number_of_questions'){
      if($(id).val().length <= 0){
        is_number_of_ques= false;
        message='Number of questions is a required field';
      }else if(isOnlyZeros($(id).val()) == false){
        is_number_of_ques= false;
        message='Number of questions should be greater than 0';
      }
    }
    if(time_allotted == 'time_allotted'){
      if($(id).val().length <= 0){
        is_time_allotted= false;
        message='Time allotted is a required field';
      }
      if(isDecimal($(id).val())==false){                
        is_time_allotted= false;
        message='Time format is not correct';
      }else if(isOnlyZeros($(id).val()) == false){
        is_time_allotted= false;
        message='Time format should be greater than 0';
      }
    }
    if(mcq_interested == 'mcq_interest'){
      if(isDropDownValueSelected(mcq_interested)==false){                
          is_mcq_interested= false;
          message='Mcq interest is a required field';
      }
    }
    if(mcq_insti_prefer == 'mcq_institution_prefer'){
      if(isDropDownValueSelected(mcq_insti_prefer)==false){                
          is_mcq_insti_prefer= false;
          message='Institution preference is a required field';
      }
    }
    if(feedback_comm == 'feedback_comments'){
      if($(id).val().length <= 0){
        is_feedback_comm= false;
        message='Your feedback is a required field';
      }
    }
    if(potential_collab == 'potential_collaboration'){
      if(isDropDownValueSelected(potential_collab)==false){                
          is_potential_collab= false;
          message='Potential Collaboration is a required field';
      }
    }
    if(expectations == 'potential_collaboration_comment'){
      if(isExpectations($(id).val())==false){                
          is_expectations= false;
          message='Your expectation is a required field';
      }
    }
    if(terms_conditions == 'termCheck_mandate'){
      if($(".termCheck").prop('checked') == false){
        is_termsandconditions= false;
        message='Please agree our Terms & conditions & Privacy Policy';
      }
    }
    $("#survey_submit_form").find('[name="' +$(this).val() +'-error"]').remove();
      if(is_email == false || is_mobile == false || is_user_name == false || is_institution_type == false || is_assessment_format == false || is_other_reason == false || is_assessment_perc == false || is_exam_freq == false || is_number_of_ques == false || is_time_allotted == false || is_mcq_interested == false || is_mcq_insti_prefer == false || is_feedback_comm == false || is_expectations == false || is_potential_collab == false || is_termsandconditions == false){
        error_count++;
        if(error_count == 1){
          // setErrorFocus($(id));
          $(id).focus();
        }
        var style ='style="margin-right: 10px;"';
        if(is_other_reason == false || is_feedback_comm == false || is_expectations == false){
          var style ='style="margin-right: 25px;"';
        }
        if(is_termsandconditions == false || is_assessment_format == false){
          var style ='style="margin-right: 25px;margin-top: -40px;"';
        }
        if(is_email == false || is_mobile == false || is_user_name == false){
          var style ='style="margin-right: 25px;margin-top: 36px;"';
        }
        $('.tooltip').tooltip('hide');
        error_id.parent().append('<span name="' +$(this).val() +'-error" '+style+' data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate"  data-toggle="tooltip" data-original-title="'+message+'" data-trigger="hover" ></span>');
        $('[name="'+$(this).val()+'-error"]').tooltip();
        error_flag = false ;
      }else{
        $("#survey_submit_form").find('[name="' +$(this).val() +'-error"]').remove();
        $('[name="'+$(this).val()+'-error"]').tooltip('hide');
        $('.js-tooltip-validate').tooltip();
      }
  })
  return error_flag;     
}
function IsEmail(email) {
  var regex = /^\s*([0-9a-zA-Z]([-_\\.]*[0-9a-zA-Z]+)*)@([0-9a-zA-Z]([-_\\.]*[0-9a-zA-Z]+)*)[\\.]([a-zA-Z]{1,9})[\w\W ]*[^ ]$/;
  if(!regex.test(email)) {
     return false;
  }else{
     return true;
  }
}
function isDropDownValueSelected(element_id){
  var e = document.getElementById(element_id);
  if(!(e.value)){
    return false;
  }else{
    return true;
  }
}
function isAssessmentFormat(){
  if($('input[type=checkbox]:checked').length > 0){
  // if($('input[name=assessment_format]:checked').length > 0){
    return true;
  }
  return false;
}
function isOnlyZeros(input_value){
  input_value = input_value.replace(/\./g, '');
  var test_string = /^0+$/;
  if (input_value.match(test_string)) {
      return false;
  }else{
    return true;
  }
}
function isDecimal(decimal_value){
  if(decimal_value.split('.').length > 2){
    return false;
  }else if(!decimal_value.toString().split(".")[1] && typeof decimal_value.toString().split(".")[1] != "undefined"){
    return false;
  }else{
    return true;
  }
}
function isOtherReason(input_value){
  if($('#assessment-others').prop("checked") == true){
    if(input_value.length <=0){
      return false;
    }
  }else{
    return true;
  }
}
function isExpectations(input_value){
  var e = document.getElementById("potential_collaboration");
  if(e.value == 'Yes'){
    if(input_value.length <=0){
      return false;
    }
  }else{
    return true;
  }
}
function isNormalValidMobileNumber(mobile_value) {
  var value = mobile_value.substring(0,1);
  var checking_string = '012345'; 
  var regex = /^0[0-9].*$/;
  if(checking_string.indexOf(value) !== -1) {
     return false;
  }else{
     return true;
  }
}
function setErrorFocus(id){
  $('[id="mobile_number_value"]').focus();
}
window.addEventListener( "pageshow", function ( event ) {
  console.log('starting');
  console.log(event.persisted);
  console.log(typeof window.performance);
  console.log(window.performance.navigation.type);
  console.log('ending');
  var historyTraversal = event.persisted ||( typeof window.performance != "undefined" && window.performance.navigation.type === 2 );
  if ( historyTraversal ) {
    // window.location.reload();
    window.location.href = window.location.href;
  }
});
$(document).on("keyup","#email_address",function(e){
  hideTooltipValidationError('email_address');
});
function allowOnlyLetters(e, t,element_name=''){
  if (window.event){    
    var charCode = window.event.keyCode;    
  }    
  else if (e){    
    var charCode = e.which;    
  }    
  else { return true; }    
  if ((charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123) || (charCode == 32)){   
    hideTooltipValidationError(element_name);
    return true;
  }    
  else{
    return false;    
  }           
}
function hideTooltipValidationError(element_name){
  $("#survey_submit_form").find('[name="' +element_name+'-error"]').remove();
  $('[name="'+element_name+'-error"]').tooltip('hide');
  $('.js-tooltip-validate').tooltip();
}
function alertMessage(type,msg,title){
  var color="";
  if(type=='success'){
      color='#28e1bd';
      errortype='success';
  }else if(type=='warning'){
      color='#ffbc01';
      errortype='warning';
  }else if(type=='danger'){
      color='#f0443a';
      errortype='error';
  }else{
      color='#3fa9f5';
      errortype='info';
  }  
  swal({
    html: true, 
    title: '<span class="sweet-'+type+'-text">'+title+'</span>', 
    text: msg,
    type: errortype,
    showCancelButton: false,
    confirmButtonText: "OK",
    confirmButtonColor: color,
    closeOnConfirm: false
  });
}
</script>
@endsection