@extends('layouts.main')
@section('title',trans('core.title_bulk_assessment'))
@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">
          <div class="page-header-title">
            <h4>Bulk Assessment Booking</h4>
          </div>

<!-- @author Naveenkumar S <V2E17315> @version 23.0-->
          @php
              $auth = Auth::guard('corporate')->user();
              $getsettings_details=\App\Helper\HireMeeHelper::getCorporateSettingsDetails($auth->company_id);                 
          @endphp
          
          <!-- Flesh Message Start -->
          @if(Session::get('assginExceedErr'))
            <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> {{Session::get('assginExceedErr')}}
            </div>
          @endif
          @if(Session::get('errors'))
            <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> {{ Session::get('errors')->first() }}
            </div>
          @endif
          @if($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>
          @elseif($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>
          @endif
          <!-- Flesh Message End -->

          <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/series-candidate-upload') }}">Book Assessment</a>
              </li>
            </ul>
          </div>
        </div>        
        <div class="page-body">

              <div class="pageheader">
              <div class="row">
                <div class="col col-md-6 d-flex align-items-center">
                  <span class="mr-1 hmepro-icon-upload"></span> Upload Candidate
                </div>
                <div class="col col-md-6 d-flex align-items-center justify-content-end">
                
                <!-- @author Naveenkumar S <V2E17315> @version 23.0-->
              @if(!empty($getsettings_details) && $getsettings_details->Custom_column_fields_type_setting == 1 && empty($getsettings_details->is_department))
                <form action="/candidateupload_bhartiya_vidyapeeth.xls" method="GET">
              @elseif(!empty($getsettings_details) && $getsettings_details->Custom_column_fields_type_setting == 1 && $getsettings_details->is_department == 1)
                <form action="/candidateupload_bhartiya_vidyapeeth_file.xls" method="GET">

              @elseif(!empty($getsettings_details) && $getsettings_details->is_registration == 1 && empty($getsettings_details->is_department))
                <form action="/candidateupload_isregister.xls" method="GET">
              @elseif(!empty($getsettings_details) && $getsettings_details->is_registration == 1 && $getsettings_details->is_department == 1)
                <form action="/candidateupload_isregister_file.xls" method="GET">

              @elseif(!empty($getsettings_details) && $getsettings_details->is_custom_excel_upload == 1 && empty($getsettings_details->is_department))
                <form action="/candidateupload_custom_new.xls" method="GET">
              @elseif(!empty($getsettings_details) && $getsettings_details->is_custom_excel_upload == 1 && $getsettings_details->is_department == 1)
                <form action="/candidateupload_custom_new_file.xls" method="GET">

              @elseif(!empty($getsettings_details) && $getsettings_details->is_department == 1)
                <form action="/candidateupload_file.xls" method="GET">

              @else
                <form action="/candidateupload.xls" method="GET">
              @endif  
                <button type="submit" class="btn btn-warning m-r-5 orange"><span class="hmepro-icon-excel"></span> Download Template</button>
              </form>
              <button style="display:none;" class="btn btn-primary pro-green c-white" onclick="(function(){$('#upload_candidate_form').submit()})()"><span class="pro-btn-icon hmepro-icon-upload"></span> Upload Candidate</button>
                </div>
              </div>
            </div>
          </div>

      

          <div class="row bg-white">
            <div class="col-xs-12 col-md-9 pr-0">             
            
             
                  <div class="d-flex mt-5 mb-4 flex-row justify-content-center">
                    <div class="hme-pro-info-badge bgn-gradient-blue">!</div>
                    <p class="hme-pro-info-wrapper">
                      {{-- Conditionally use these messages --}}
                      <!-- Please slect any of the Candidate Upload Process to Proceed further,<br>based on your selection you will be re-directed to Assessment Selection <br><br> -->Download the Template and Fill all the required<br>Candidate details then upload Excel File to process Candidates
                    </p>
                  </div>
                  
                  <form action="{{ secure_url('/pro/series-candidate-excel-upload') }}" method="POST" enctype="multipart/form-data" name="upload_candidate_form" id="upload_candidate_form">

                    {{ csrf_field() }}
                    {!! Form::hidden("assessment_id", "", ["id" => "assessment_id"]) !!}
                    {!! Form::hidden("start_date", "", ["id" => "start_date"]) !!}
                    {!! Form::hidden("end_date", "", ["id" => "end_date"]) !!}
                    {!! Form::hidden("window_proctoring_setting", "", ["id" => "window_proctoring_setting"]) !!}
                    {!! Form::hidden("window_proctoring_retries", "", ["id" => "window_proctoring_retries"]) !!}
                    {!! Form::hidden("image_proctoring", "", ["id" => "image_proctoring"]) !!}
                     {!! Form::hidden("screen_capturing", "", ["id" => "screen_capturing"]) !!}
                     {!! Form::hidden("plant_location_id", "", ["id" => "plant_location_id"]) !!}

                    <div class="input-group mb-5 mt-5 d-flex justify-content-center">
                      <div class="custom-file" style="position: relative; width: 40%">
                        <input type="file" name="student_excel" class="custom-file-input file-input" id="inputGroupFile02" style="position: absolute;">
                        <label id="file_upload_label" class="custom-file-label file-input" for="inputGroupFile02" style="text-overflow: ellipsis; width:100%;white-space: nowrap; overflow: hidden;">Choose Excel Candidate File</label>
                      </div>
                      <button type="button" class="btn btn-primary-light button">Browse Excel File</button>
                    </div>
                    <div class="d-flex flex-row justify-content-center">
                      <button type="button" id="upload_candidate_form_button" form="upload_candidate_form" class="btn btn-lg orange pro-icon-button confirm-assessment"><span class="pro-btn-icon hmepro-icon-upload"></span> Upload Candidates</button>
                    </div>
                  </form>
              
            </div>

            <div class="col-xs-12 col-md-3 bg-eaeaea" style="overflow: auto;">
              <div class="pro-right-utility" style="overflow-y: scroll;">
                <header class="m-t-40">Assessment Settings</header>
                <form>
                  <div class="form-radio">
                    <div class="radio radiofill radio-primary radio-inline">
                      <label>
                        <input name="select_assessment" class="check_opt" value="1" data-bv-field="member" type="radio" checked="checked">
                          <i class="helper"></i>Corporate
                      </label>
                    </div>
                    <div class="radio radiofill radio-primary radio-inline">
                      <label>
                        <input name="select_assessment" class="check_opt" value="2" data-bv-field="member" type="radio" >
                          <i class="helper"></i>Test Inventory
                      </label>
                    </div>
                  </div>
                  <div class="form-group mb-4">
                    <label>Assessment Name </label>
                    <div class="pos-relative">
                      <div class="hme-select-style">
                        {!! Form::select("assessment_id_field", $assessmentMaster, "", ["class" => "hme-select-style js-select2", "id" => "assessment_id_field", "placeholder" => "Select Assessment"]) !!}
                      </div>
                    </div>
                  </div>

                  @if((!empty($getsettings_details) && $getsettings_details->bosch_plant_location == 1))
                    @php
                      $getplant_details=\App\Helper\HireMeeHelper::getPlantLocation();    
                    @endphp
                  <div class="form-group mb-4">
                    <label>Plant Location </label>
                    <div class="pos-relative">
                      <div class="hme-select-style">
                          {!! Form::select("plant_location",$getplant_details,"",["class"=>"hme-select-style js-select2","id" => "plant_field","style"=>"width:100%;"]) !!}
                          {!! Form::hidden("plant_check",1, ["id" => "plant_check_id"]) !!} 
                      </div>
                    </div>
                  </div>
                  @endif


                  <div class="form-group">
                      <label>Start Date </label>
                  </div>

                  <div class="input-group radius-4">
                    {!! Form::text('start_date_field', '', ['class'=>'form-control radius-4','placeholder'=>'e.g. 14-08-2018 14:11:00', 'id'=>'start_date_field', 'readonly' => 'true']) !!}
                    <span class="input-group-addon">
                      <i class="icofont icofont-calendar"></i>
                    </span>
                  </div>
                  <div id="endDateSlotError"></div>
                  <div class="form-group mt-2 pt-2">
                    <label>End Date</label>
                  </div>

                  <div class="input-group radius-4">
                    {!! Form::text('end_date_field', '', ['class'=>'form-control radius-4','placeholder'=>'e.g. 15-08-2018 15:11:00', 'id'=>'end_date_field', 'readonly' => 'true']) !!}
                    <span class="input-group-addon">
                      <i class="icofont icofont-calendar"></i>
                    </span>
                  </div>
                  <div class="form-group mb-3 mt-4 d-flex justify-content-between">
                    <label>Window Proctoring :  </label>
                    <div class='switch'>
                      <input type="checkbox" name='checkbox' id='window_proctoring_field' value="1">
                      <span class='checked'></span>
                      <label id="window_proctoring_field_label" for="window_proctoring_field">OFF</label>
                    </div>
                  </div>

                  <div class="form-group mb-4" style="display:none">
                    <label>No. of Retries </label>
                    
                    <select name="no_of_retries_field" class="form-control radius-4", id="no_of_retries_field" disabled="disabled">
                        <option value="1">1 Retry</option>
                        <option value="2">2 Retry</option>
                        <option value="3">3 Retry</option>
                        <option value="4">4 Retry</option>
                        <option value="5">5 Retry</option>
                        <option value="6">6 Retry</option>
                        <option value="7">7 Retry</option>
                        <option value="8">8 Retry</option>
                        <option value="9">9 Retry</option>
                        <option value="10">10 Retry</option>
                    </select>
                  </div>

                  @if(!empty($getsettings_details) && $getsettings_details->is_img_live_proctoring == 1)
                  <div class="form-group mb-3 mt-4 d-flex justify-content-between">
                    <label>Image Proctoring :  </label>
                    <div class='switch'>
                      <input type="checkbox" name='checkbox2' id='image_proctoring_field' onclick='changeScreenCapture(event)'>
                      <span class='checked'></span>
                      <label id="image_proctoring_field_label" for="image_proctoring_field">OFF</label>
                    </div>
                  </div>
                  @endif

                  @if(!empty($getsettings_details) && $getsettings_details->is_screen_capture_enabled == 1)
                 <div class="form-group mb-3 mt-4 d-flex justify-content-between">
                    <label>Screen Capturing :  </label>
                    <div class='switch'>
                      <input type="checkbox" name='checkbox3' id='screen_capturing_field' onclick='changeIfimage(this)'>
                      <span class='checked'></span>
                      <label id="screen_capturing_field_label" for="screen_capturing_field">OFF</label>
                    </div>
                  </div>
                  @endif
                 </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
  <div class="hme-loading-mask">
    <div class="hme-loading-container">
        <div class="hme-dual-ring"></div>
        <div>Please wait, Loading...</div>
    </div>
</div>   
@endsection

@section('footer')

  <script type="text/javascript">
    $(document).ready(function(){
    $("input[type=radio][name=select_assessment]").change(function() {
      var assess = $(".check_opt:checked").val();
      if(assess == 1){

        corporateAssessment();
      } else {
        inventoryAssessment();
      }
    });

      corporateAssessment();
      var date = new Date();
      var start_date=date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds(); 
      var end_date = "{{$assessment_default_date}}";
      $("#start_date_field").val(start_date);
      $("#end_date_field").val(end_date);

      /*
        @version 22.0
        Time zone checking
        */
       @if((Session::has('corporate_timezone')) && !empty(Session::get('corporate_timezone')))
          var current_timezone = "{{ Session::get('corporate_timezone') }}";
          var canadaTime = new Date().toLocaleString("en-US", {timeZone: current_timezone});
          d = new Date(canadaTime)
          var year = d.getFullYear();
          var month = parseInt(d.getMonth())+1;
          var date = d.getDate();
          var hrs = d.getHours();
          var min = d.getMinutes();
          var sec = d.getSeconds();
          var fullDate = year+'-'+month+'-'+date+' '+hrs+':'+min+':'+sec
          $('#start_date_field').val(fullDate);
          $('#start_date_field').bootstrapMaterialDatePicker({
            useCurrent: false,
            clearButton: true,
            format: 'YYYY-MM-DD HH:mm:00',
            minDate : new Date(canadaTime)
          });

        @endif
    });
    $(function() {
      $("#start_date_field").bootstrapMaterialDatePicker({
          clearButton: true,
          format: 'YYYY-MM-DD HH:mm:00',
          minDate : new Date()
        }).on('change', function(e, date) {

          var date = new Date(date);
          date.setMinutes(date.getMinutes() + 5);
          
          $("#end_date_field").val("");
          $("#end_date_field").bootstrapMaterialDatePicker('setMinDate', date);
        });
    });

    $(function() {

      $("#end_date_field").bootstrapMaterialDatePicker({
          clearButton: true,
          format: 'YYYY-MM-DD HH:mm:00'
        });

    });

    $(function() {

      $("#upload_candidate_form_button").click(function(event) {

        var assessment_id = $("#assessment_id_field").val();
        var start_date = $("#start_date_field").val();
        var end_date = $("#end_date_field").val();
        var window_proctoring_setting = $("#window_proctoring_field").is(":checked");
        var no_of_retries = $("#no_of_retries_field").val();
        var image_proctoring = $("#image_proctoring_field").is(":checked");
        var screen_capturing = $("#screen_capturing_field").is(":checked");
        var plant_field = $("#plant_field").val();


        $("#assessment_id").val(assessment_id);
        $("#start_date").val(start_date);
        $("#end_date").val(end_date);
        $("#window_proctoring_setting").val(window_proctoring_setting);
        $("#window_proctoring_retries").val(no_of_retries);
        $("#image_proctoring").val(image_proctoring);
        $("#screen_capturing").val(screen_capturing);
        $("#plant_location_id").val(plant_field);

        $("#upload_candidate_form").submit();
      });

    });

      var plant_location_data = $("#plant_field").val();

console.log(plant_location_data,"plant_location_data");  

    $(function() {
      $("#window_proctoring_field").change(function(event) {
        var is_checked = $("#window_proctoring_field").is(":checked");
        if(is_checked) {
          $("#no_of_retries_field").val(1);
          $("#no_of_retries_field").parent().show();
          $("#no_of_retries_field").removeAttr("disabled");
          $("#window_proctoring_field_label").text("ON");
        } else {
          $("#no_of_retries_field").val("");
          $("#no_of_retries_field").parent().hide();
          $("#no_of_retries_field").attr("disabled", "true");
          $("#window_proctoring_field_label").text("OFF");
        }
      });

      $("#image_proctoring_field").change(function(event) {
        var is_checked = $("#image_proctoring_field").is(":checked");
        if(is_checked) {
          $("#image_proctoring_field_label").text("ON");
        } else {
          $("#image_proctoring_field_label").text("OFF");
        }
      });

     $("#screen_capturing_field").change(function(event) {
        var is_checked = $("#screen_capturing_field").is(":checked");
        if(is_checked) {
          $("#screen_capturing_field_label").text("ON");
        } else {
          $("#screen_capturing_field_label").text("OFF");
        }
      });
 });

    $(function() {
      $('#upload_candidate_form').validate({
        ignore: [],
        rules: {
          student_excel: {
            required: true,
            extension: "xlsx|xls"
          },
          assessment_id: {
            required: true
          },
          window_proctoring_retries: {
            digits: true,
            min: 0
          },
          plant_location_id: {
            required: 
            {
              depends:function(){
                return ($('#plant_check_id').val()==1)?true:false;
              }
            } 
          }
        },
        errorElement: 'span',
        errorPlacement: function(error, element) {

          $('.tooltip').tooltip('hide');
          $("body").find('#'+error[0].id+'-custom').remove();

          var span = '<span data-position="left" data-delay="0" data-animation="false" 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" style="margin-right:10px;"></span>';

          switch(element[0].id) {
            case "assessment_id":
              $("#assessment_id_field").parent().parent().append(span);
              break;

            case "inputGroupFile02" :
              element.parent().append(span);
              break;
            case "window_proctoring_retries":
              $("#no_of_retries_field").parent().append(span);
              break;
            case "start_date":
              $("#start_date_field").parent().append(span);
              break;
            case "end_date":
              $("#end_date_field").parent().append(span);
              break;
           case "plant_location_id":
              $("#plant_field").parent().append(span);
              break;
            default:
              element.parent().append(span);
          }

          $('#'+error[0].id+'-custom').tooltip();

        },
        submitHandler: function(form) {
          $("#upload_candidate_form_button").attr("disabled", "disabled");
          $("#upload_candidate_form_button").text("Processing...");
          //form.submit();

        $('.hme-loading-mask').fadeIn();
        var formData = new FormData($('#upload_candidate_form')[0]);
        url =$('#upload_candidate_form').attr('action');

     $.ajax({
      type: "POST",
      url: url,
      data:formData,
      processData: false,
      contentType: false,
      responseType: 'json',
      success: function(result) {

        if(result.file!='' && result.file!=undefined){
          var tile_message = (result.status ==400 )? 'Error':'Success';
          var tile_type = (result.status ==400 )? 'warning':'success';
          var a = document.createElement("a");
                  a.href = result.file;
          a.download = result.name;
                  document.body.appendChild(a);
                  a.click();
                  a.remove();

                  swal({
            html: true,
            title: '<span class="sweet-danger-text">'+tile_message+'</span>',
            text: result.message,
            type: tile_type,
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
            confirmButtonColor: '#f0443a',
          });
         document.getElementById("upload_candidate_form").reset(); 
         $('#file_upload_label').text('Choose Excel Candidate File');  
        }else{
          if(result.message!='' && result.message!=undefined){
            err_msg = result.message;
          }else{
            err_msg = "Your action  has been suspended, Sorry for the inconvenience. Please try again later";
          }
          swal({
            html: true,
            title: '<span class="sweet-danger-text">Error</span>',
            text: err_msg,
            type: "warning",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
            confirmButtonColor: '#f0443a',
          });
        } 
        $("#upload_candidate_form_button").attr("disabled",false);
        $("#upload_candidate_form_button").text("Upload Candidates");
        $('.hme-loading-mask').fadeOut(); 
      },
      error: function (error) {
        swal({
          html: true,
          title: '<span class="sweet-danger-text">Something Went Wrong</span>',
          text: "Your action  has been suspended, Sorry for the inconvenience. Please try again later",
          type: "error",
          showCancelButton: false,
          confirmButtonText: "OK",
          closeOnConfirm: false,
          confirmButtonColor: '#f0443a',
        });
        $("#upload_candidate_form_button").attr("disabled",false);
        $("#upload_candidate_form_button").text("Upload Candidates");
        $('.hme-loading-mask').fadeOut();
      }
    });


        }
      });
    });

    $(function() {
      $("#inputGroupFile02").change(function(event) {
        $(this).parent().find(".tooltip-validate").remove();
        var filename = $('#inputGroupFile02').val().replace(/C:\\fakepath\\/i, '');
        if(filename.length > 0) {
          $("#file_upload_label").text(filename);
        } else {
          $("#file_upload_label").text("Choose Excel Candidate File");
        }
      });
    });

    function corporateAssessment(){
      var type=1
        $.ajax({
          url: baseUrl+'company/get-cor-asessment-data',
          type:'get',
          data:{type:type},
          success:function(res){
          
            $("#assessment_id_field").html(res.response);
           
          },error:function(err){
            alert(err);
          }
        });
    }

    function inventoryAssessment(){
      var type=2
        $.ajax({
          url:baseUrl+'company/get-cor-asessment-data',
          type:'get',
          data:{type:type},
          success:function(res){
          
            $("#assessment_id_field").html(res.response);
           
          },error:function(err){
            alert(err);
          }
        });
    }

    $("body").on("change", "#end_date_field", function(){
        var _this = $(this);
         var end_date = $(this).val();
        var start_date = $('#start_date_field').val();
        checkSlotsCount(start_date,end_date);
    });

    $("body").on("change", "#start_date_field", function(){
      var _this = $(this);
        var start_date = $(this).val();
        var end_date = $('#end_date_field').val();
        checkSlotsCount(start_date,end_date);
    });

      function checkSlotsCount(start_date,end_date,_this){
      var url = $('#pro-list-table').attr('rel');
      if(start_date !=='' && end_date !== ''){
        $.ajax({
          type: "post",
          url: 'series-checkAssessmentTimeSlot',
          data:{'start_date':start_date,'end_date':end_date},
          responseType: 'json',
          beforeSend:function(){
            $('.hme-loading-mask').fadeIn();
          },
          success: function(result) {
            $('.hme-loading-mask').fadeOut();
            if(result.status == true){
              $('#upload_candidate_form_button').attr('disabled',false);
              $('#endDateSlotError').addClass('text-info').text('Available Booking count for given time slot ('+ result.availAssignments+')');
            }else{
              $('#upload_candidate_form_button').attr('disabled',true);
              $('#endDateSlotError').addClass('text-danger').text('Available Booking count for given time slot ('+ result.availAssignments+')');
            }
          }
        })
      }
    }

    /*change image based on screen capture
    @author Vishnuraj <V2E22808> @version hiremee_pro_upgrade_enc_36*/
  function changeIfimage(image){
    if(image.checked){
      $("#image_proctoring_field").prop('checked', true);
    }
  }

  function changeScreenCapture(e){
    if($('#screen_capturing_field').is(':checked')){
      e.preventDefault();
    }else{
      return true;
    }
  }
  
  </script>
  @if (Session::has('report_excel'))
<script type="text/javascript">
  $(window).bind("load",function(){
    window.location.href="{{ secure_url('pro/company/candidate-reportdownload')}}";
  });
</script>
@endif
@endsection