@extends('layouts.main')

@section('title',trans('core.title_allcandidate'))
@section('content')  
 <div class="pcoded-content">
  <div class="hme-loading-mail-mask">
    <div class="hme-loading-container">
        
    </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> 
	<div class="pcoded-inner-content">
		<div class="main-body">
			<div class="page-wrapper">
				<div class="page-header">
					<div class="page-header-title">
						<h4>Candidates</h4>
					</div>
					<div class="page-header-breadcrumb">
						<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">
                @if(Auth::guard('corporate')->user()->user_type == 1)
                <a href="{{ secure_url('company/candidates') }}">All Candidate</a>
                @elseif(Auth::guard('corporate')->user()->user_type == 2)
                <a href="{{ secure_url('company/candidates') }}">All Candidate</a>
                @endif
							</li>
						</ul>
					</div>
				</div>
				<div class="page-body">
					<div class="row">
						<div class="col-md-12">
              <div class="card borderless-card">
                <div class="card-block p-2">
                  <div class="d-flex flex-row flex-wrap hme--custom-filter-wrapper">
                    
                    <div class="d-flex flex-row">
                      <span class="hme-filter-label"><i class="hiremee-filter"></i></span>
                      <div class="hme--custom-filter">
                        {!! Form::select("search",$search_type ? $search_type : [],$search_type_select,array("class"=>"select-drop js-search_type","id"=>"js-search_type",'placeholder' => 'Please Choose Search Type')) !!}
                      </div>
                      <span class="hme-filter-info" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="<i class='hiremee-info'></i> Select Saved search to <br> Filter Candidates"><i class="hiremee-info"></i> </span>
                    </div>
                                <div class="d-flex flex-row">
                                  <div class="hme--custom-filter">
                                    {!! Form::select("search_done_by",[],"",array("class"=>"select-drop js-search_done_by","id"=>"js-all-done-by",'placeholder' => 'Please Choose Search Done By')) !!}
                                  </div>
                                  <span class="hme-filter-info pt-0 pb-0" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="<i class='hiremee-info'></i> Choose Search Done By"><i class="hiremee-info"></i> </span>
                                </div>
                                <div class="d-flex flex-row">
                      <div class="hme--custom-filter" id="js-all-cand-prof-div">
      {!! Form::hidden("prof_type_search",$prof_type_select,array("class"=>"","id"=>"js-prof_type_search")) !!}
                        {!! Form::select("prof_type",$profile_type ? $profile_type : [],$prof_type_select,array("class"=>"select-drop","id"=>"js-prof_type",'placeholder' => 'Please Choose Profile Type')) !!}
                      </div>
                      <span class="hme-filter-info" id="js-all-cand-prof-icon" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="<i class='hiremee-info'></i> Choose Profile type"><i class="hiremee-info"></i> </span>
                    </div>
                                <div class="d-flex flex-row">
                              <span class="h-33 input-group-addon bg-white text-info" id="js-corp-date-icon"><i class="hiremee-calendar"></i></span>
                            <div class="hme--custom-filter" id="js-corp-date-div">
                              {!! Form::text('allcandidate_date',null,['class'=>'h-33 form-control js-corp-date','id'=>'js-corp-allcandidate-date','placeholder'=>'Choose Date']) !!}
                            </div>
                            <span class="hme-filter-info pt-0 pb-0" id="js-corp-date-tooltip" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="<i class='hiremee-info'></i> Choose Date"><i class="hiremee-info"></i> </span>
                          </div>
                    <div class="d-flex flex-row">
                      <div class="hme--custom-filter d-none" id="js-all-cand-div">
			{!! Form::hidden("search_id",$search_id,array("class"=>"","id"=>"js-type-search_name_search")) !!}
                        {!! Form::select("search",$search_name,$search_id,array("class"=>"select-drop js-search_name","id"=>"js-type-search_name",'placeholder' => 'Please Choose Search')) !!}
                      </div>
                      <span class="hme-filter-info d-none" id="js-all-icon" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="<i class='hiremee-info'></i> Choose Search"><i class="hiremee-info"></i> </span>
                    </div>
                    
                    
                  @if(Auth::guard('corporate')->user()->status == 1)
                    <div id="js-send_mail" class="hme-filter-actions" style="display:none">
                      <div class="checkbox-fade p-t-10 m-r-0 fade-in-primary">
                        <label>
                          <input value="" name="checkbox_email[]" type="checkbox" class="checkmark-round" id="js_checks">
                          <span class="cr" data-toggle="tooltip" data-animation="false" data-html="true" title="" data-original-title="Select All Candidate"><i class="cr-icon icofont icofont-ui-check txt-primary" id="js_checkall"></i></span>
                          <!-- <span class="text-inverse">Select all</span> -->
                        </label>
                      </div>
                      <button class="btn btn-mini f-right m-b-5 btn-sm f-16 btn-primary " id="js_email"><i class="hiremee-sent-mail"></i> Send Mail</button>    
                      <button class="btn btn-mini f-right m-b-5 btn-sm f-16 btn-danger js_invited" id="js_invited"> Hire</button> 
                    </div> 
                  @endif

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

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

          <div class="page-body">

          <div class="row">
            <div class="col-md-12">
              <div class="card borderless-card" style="height: 95px;">
                 {!! Form::open(['url' =>secure_url('pro/candidate-excel-upload'),'method'=>'POST','id'=>'candidate-result-save','enctype'=>'multipart/form-data']) !!}
                 <div class="row col-md-12 card-block p-2">
                  <div class="col-md-10">
                        <label class="profile-label" style="font-size: 16px;padding:0px;">Upload Candidates</label>
                     </div>
                                               
                      <div class="col-md-4 input-group input-group-primary1" style="width: 100%;">
                      {!! Form::file('candidate_excel_upload',array('class' => 'custom-file-input candidate_excel_upload','id'=>'candidate_excel_upload',"style"=>"display: none;")) !!}

                      <input type="text"  name ="candidate_excel_upload"class="custom-file-label form-control" 
                      value="Choose File" readonly>
                      <label class="input-group-addon" for="candidate_excel_upload">Upload File</label>
                      <span id="candidate_excel_upload-error"></span></div>
                      <div class="col-md-1" style="">
                      <button type="submit" class="btn btn-primary m-r-5" id="js-submit">Submit</button>
                      </div>
                      <div class="col-md-2" style="">
                      <a class="btn btn-info" title="Download Template" href="/candidate-excel-upload-template.xls" target="_blank">
                      <!-- <i class="hiremee-excel"></i> -->
                      <span>Download Template</span>
                      </a>
                     </div>
                    </div>
                 {!! Form::close() !!}
                  </div>

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

					<div class="row" id="candidate-details">			
              {!! $component !!}  
					</div>
        
          @if($candidates->hasMorePages())
					<div class="col-md-12">
            <div class="text-center">
              <input type="hidden" id="load-more" data-value="true">
                <a href="javascript:;" class="btn btn-outline-info" id="js-all-candidates-loadmore" data-page='2'>Load more...</a>
            </div>
          </div>
          @endif

				</div>
			</div>
		</div>
	</div>
</div>
@include('corporate.candidate-modal')
<div id="send_email" class="users1 p-chat-user showChat1" style="display: none">
  
  <div class="had-container">
    
    <div class="card card_main p-fixed users-main1">
      <div class="user-box">
        <div class="card-block bg-none">
          <div class="row">
            <div class="col-md-6 col-10">
              <div class="page-header-title">
                <h4 class="g-l-b">Send Email</h4>
              </div>
            </div>
            <div class="col-md-6 col-2 text-right">
              <a href="javascript::void(0)" class="displayChatbox1" id="chatbox_close">
                <strong><i class="hiremee-multiply"></i></strong>
              </a>
            </div>
          </div>
        </div>

         


        <div class="main-friend-list p-l-15 p-r-15 bg-f7">
          {!! Form::open(array('class'=>'form-horizontal','name'=>'send_template_validate','id'=>'send_template_validate')) !!} 
          <div class="form-group row p-t-20">
            <label class="col-md-12">Email Template :  <sup>*</sup></label>
            <div class="col-md-12">
              {!! Form::select("mailtemplate",$emailtemplate ? $emailtemplate : '',"",array("class"=>"form-control select1","id"=>"mailtemplate",'placeholder' => 'Please Choose Email Template')) !!}
              <span class="mailtemplate-error"></span>
            </div>
              
          </div>
          <div class="form-group row">
            <label class="col-md-12">Email Subject :  <sup>*</sup></label>
            <div class="col-md-12">
              {!! Form::text('subject',null,['class'=>'form-control','placeholder'=>'Enter Mail Subject','id'=>'subject']) !!}
               <span class="subject-error"></span>
            </div>
             
          </div>

          <div class="form-group row">
            <label class="col-md-12">Interview Location :</label>
            <div class="col-md-12">
            {!! Form::text('interviwlocation',null,['class'=>'form-control
              interviewlocation','placeholder'=>'Enter Interview Location','maxlength' =>'150','id'=>'location']) !!}
            </div>
          </div>
          <div class="form-group row">
            <label class="col-md-12">Interview Date :</label>
            <div class="col-md-12">
              {!! Form::text('interviwdate',null,['class'=>'form-control js-date-to
              ','placeholder'=>'Select Interview Date','id'=>'intdate']) !!}
            </div>
          </div>
            <div class="form-group row">
            <label class="col-md-12">Interview Time :</label>
            <div class="col-md-12">
            {!! Form::text('interviwtime',null,['class'=>'form-control
              js-time-to','placeholder'=>'Select Interview Time','id'=>'inttime']) !!}
            </div>
          </div>
          <div class="form-group row">
            <label class="col-md-12">Link :</label>
            <div class="col-md-12">
              {!! Form::text('link',null,['class'=>'form-control
              link','placeholder'=>'Enter Link','id'=>'link','maxlength' =>'250']) !!}
            </div>
          </div>
          <div class="form-group row">
            <div class="col-sm-12">
              <button class="btn btn-primary m-b-0 waves-effect waves-light js-programmatic-disable send-selected-email" type="submit" id="send-selected-email"> Send Email</button>
              <button type="button" class="btn btn-default1 m-b-0 waves-effect waves-light js-programmatic-disable" id="corporate_cancel"> Cancel</button>
            </div>
          </div>
          {!! Form::close() !!}
        </div>
      </div>
    </div>
    
  </div>
</div>


<script type="text/javascript">
  

$(document).ready(function(){
$('#candidate_excel_upload').change(function(e){
  e.preventDefault();
  file_size =$('#candidate_excel_upload')[0].files[0].size;
  file_ext =$('#candidate_excel_upload')[0].files[0].size;
  if(file_size>5000000) {
     swal({
          html: true, 
          title: '<span class="sweet-danger-text">File size must be less then 10MB</span>', 
          text: '',
          type: 'warning',
          confirmButtonText: "OK",
          closeOnConfirm: false
          });
     $('#candidate_excel_upload').val('');
  }
  var fileExtension = ['xlsx', 'xls'];
  if ($.inArray($('#candidate_excel_upload').val().split('.').pop().toLowerCase(), fileExtension) == -1) {
                   
          swal({
          html: true, 
          title: '<span class="sweet-danger-text">File upload allow .xlsx or .xls formats</span>', 
          text: '',
          type: 'warning',
          confirmButtonText: "OK",
          closeOnConfirm: false
          });
           $('#candidate_excel_upload').val('');
    }
  });

  $('#js-submit').click(function(e){
    
  
  $("#candidate-result-save").submit(function(e) {
    e.preventDefault();
  }).validate({
     ignore: [],
      rules: {
        candidate_excel_upload: {
          required: true,
           extension: "xls"
        },
      },
      messages: {
        candidate_excel_upload: {
          required: "Please Upload Excel File"
        }
      },
        errorElement: 'span',
        errorPlacement: function (error, element) {
            //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();
        },
        success: function (element) {
          //console.log('SUCCESS');
            $("body").find('#' + element[0].id + '-custom').remove();
            $('#' + element[0].id + '-custom').tooltip('hide');
            $('.js-tooltip-validate').tooltip();
        },
        
      submitHandler: function(form) { 

      var formData = new FormData();
      var upload_file=document.getElementById('candidate_excel_upload');
      formData.append('candidate_excel_upload', $('#candidate_excel_upload')[0].files[0]);
 $('.hme-loading-mask').fadeIn(); 
     $.ajax({
      type: "POST",
      url: "{{ secure_url('pro/candidate-excel-upload')}}",
      data:formData,
      processData: false,
      contentType: false,
      responseType: 'json',
      success: function(result) {

        if(result.file!='' && result.file!=undefined){
          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">Success</span>',
            text: "Bulkupload has been Completed!",
            type: "success",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
            confirmButtonColor: '#f0443a',
          });
          document.getElementById("candidate-result-save").reset();       
        }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',
          });
        } 
        $('.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',
        });
        $('.hme-loading-mask').fadeOut();
      }
    });
  

      }
  }); 
  })

  }); 

</script>
@endsection