@extends('layouts.main')
@section('title','Upload Candidate')
@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>Upload Batch Candidates</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/company/candidate-batch-upload') }}">Upload Batch Candidates</a></li>
						</ul>
					</div>
				</div>
				<div class="page-body">
					<div class="hme-loading-mask" style="display: none;">
                          <div class="hme-loading-container">
                              <div class="hme-dual-ring"></div>
                              <div>Please wait, Loading...</div>
                          </div>
                          </div>
					<div class="card borderless-card m-b-0 bg-f7f7f7">

						<div class="card-block p-t-0">
							<div class="row">
								
						
								<div class="col-md-7">
									@if(Session::has('success'))
							            <div class="col-md-12 alert alert-success 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>Success!</strong> {{ Session::get('success') }}
							            </div>
							        @endif
									 @if(Session::has('error'))
							            <div class="col-md-12 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('error') }}
							            </div>
							          @endif
									<div class="card borderless-card m-b-0">
										<div class="card-block">
											{!! Form::open(["url" => "pro/company/upload-batch-candidates", "method" => "POST", "id" => "upload_candidate_form", "name" => "test_result_form",'files' => true]) !!}

												

												<div class="row form-group">
													<div class="col-md-12 text-left f-w-400 m-b-5">Batch Name* :</div>
													<div class="col-md-12 m-b-15">
														<div class="pos-relative">
																{!! Form::text('batch_name', '', ['class' => 'form-control', 'id'=>'batch_name', 'placeholder' => 'Enter Batch Name']) !!}
														</div>
														<span id="batchNameErr" class="text-danger"></span>
													</div>
												</div>
										@php
											$defaultContent = '<p>Dear <strong>{candidate_name}</strong>,</p><p> Kindly, use the below registration link to capture your sample images and upload the valid identity proof.</p><p>Link: {link},</p><p>start Date: <strong>{start_date}</strong></p><p>End Date: <strong>{end_date}</strong><br></p>';
										@endphp	
										<div class="row form-group" id="specific_date_block">
												<div class="col-md-12 text-left  f-w-400">
												 {!! Form::textarea('email_content',$defaultContent,['class'=>'email_content','id'=>'email_content']) !!}
											 <span id="thank_content-error"></span>
											</div>
										</div>
												
												<div class="row form-group" id="specific_date_block">
													<div class="col-md-6 text-left  f-w-400"><p class="l-h-0">Start Date <span class="text-danger">*</span> :</p>
														<div class="input-group">
															{!! Form::text('start_date','',['class'=>'form-control','placeholder'=>'e.g. 14-08-2018', 'id' => 'start_date']) !!}
															<span class="input-group-addon">
																<i class="icofont icofont-calendar"></i>
															</span>
														</div>
													</div>
													<div class="col-md-6 text-left f-w-400"><p class="l-h-0">End Date <span class="text-danger">*</span> :</p>
														<div class="input-group">
															{!! Form::text('end_date','',['class'=>'form-control','placeholder'=>'e.g. 15-08-2018', 'id' => 'end_date']) !!}
															<span class="input-group-addon" id="">
																<i class="icofont icofont-calendar"></i>
															</span>
														</div>
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12 text-left f-w-400 m-b-5">Upload File*:<span> <a href="{{secure_asset('upload_batch_candidate_template.xlsx')}}">Download Excel Template <i class="fa fa-exclamation-circle" aria-hidden="true"></i></a></span></div>
													<div class="col-md-12 m-b-5">
														<div class="input-group">
																<div class="custom-file" style="position: relative; width: 40%">
                        <input type="file" name="uploadFile" class="custom-file-input file-input" id="inputFile" 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><br>
                      

														</div>
													</div>
												</div>
											
												<div class="row form-group">
													<div class="col-sm-12 d-flex justify-content-start">
														<button class="btn btn-primary m-r-10 pro-green" id="submitBtn" type="submit">Submit</button>
														<a href="{{secure_url('pro/company/candidate-batch-upload')}}">
															<button type="button" class="btn  btn-default">Reset</button>	</a>								
													</div>
													<div class="col-md-2"></div>
												</div>
											{!! Form::close() !!}
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

@section('footer')
@if (Session::has('batch_candidate_excel'))
<script type="text/javascript">
$(window).bind("load",function(){
   	var openurl = "{{secure_url('pro/company/download-uploding-file')}}";
   	window.open(openurl);
  });
</script>
@endif
<script type="text/javascript">
$(function(){
	var todayDate = new Date().getDate();

    $("#start_date").bootstrapMaterialDatePicker({
    	time:false,
    	clearButton: true,
    	format: 'YYYY-MM-DD',
    	minDate:new Date(new Date().setDate(todayDate)),
    	//maxDate: new Date(new Date().setDate(todayDate)),
    }).on('change', function(e, date) {

    	$("#end_date").val("");
    	$("#end_date").bootstrapMaterialDatePicker('setMinDate', date);
    });

	$("#end_date").bootstrapMaterialDatePicker({
    	time:false,
    	clearButton: true,
    	format: 'YYYY-MM-DD',
    	//maxDate: new Date(new Date().setDate(todayDate)),
    })

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

	  $('#upload_candidate_form').validate({
	        ignore: [],
	        rules: {
	          uploadFile: {
	            required: true,
	            extension: "xlsx|xls"
	          },
	          batch_name: {
	            required: true,
	            maxlength:100
	          },
	          start_date: {
	            required: true
	          },
	          end_date: {
	            required: true
	          },
	          email_content: {
	            required: true
	          }
	        },
	        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:19px;"></span>';

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

	            case "inputFile" :
	              element.parent().append(span);
	              break;
	            
	            case "start_date":
	             element.parent().append(span);
	              break;
	            case "end_date":
	             element.parent().append(span);
	              break;
	            case "email_content":
	             element.parent().append(span);
	              break;
	            default:
	              element.parent().append(span);
	          }

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

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

      $(document).find('.email_content').summernote({
		        height: 200,
		        toolbar: [
		            ['style', ['bold', 'italic', 'underline']],
		            ['para', ['ul', 'ol', 'paragraph']],
		            ['height', ['height']]
		        ],
		        placeholder: 'Email Body Content',
		    callbacks: {
		        onChange: function (content) {
		            var html = content.trim();
		            if (html.substring(0, 4) == '<br>' || html.substring(0, 11) == '<p><br></p>') {
		                $(document).find('.email_content').summernote('code', '')
		            }
		        }
		    }
		});
   
});

$('#batch_name').change(function(e){
	e.preventDefault();
	value = $(this).val();
	$.ajax({
		data:{'batch_name':value},
		dataType:'json',
		url:'check-batch-name-exists',
		type:'post',
		beforeSend:function(){
			$('#submitBtn').attr('disabled',true);
			$('.hme-loading-mask').fadeIn();
		},
		success:function(res){
			$('.hme-loading-mask').fadeOut();
			if(res.status == 'ok'){
				$('#submitBtn').attr('disabled',false);
				$('#batchNameErr').text('');
			}else{
				$('#batchNameErr').text('Batch name already exists')
			}
		},
		error:function(){
			$('.hme-loading-mask').fadeOut();
		}
	})
})
</script>
@endsection