@extends('frontend/layouts/Pagelayout')
{{-- Page content --}}
@section('content')
	     @include('frontend.includes.career-banner') 

<!-- Content Start -->

<div class="page-icon"></div>
<div class="container">
   @if(Session::has('message'))
		<div id = "myAlert" class = "alert alert-success" style="margin-top:3%;">
   <a href = "#" class = "close" data-dismiss = "alert">&times;</a>
   {{Session::get('message')}}
</div>
	@endif
	@if(Session::has('error'))
		<div id = "myAlert" class = "alert alert-danger" style="margin-top:3%;">
   <a href = "#" class = "close" data-dismiss = "alert">&times;</a>
   {{Session::get('error')}}
</div>
	@endif
  <h3 class="contant-heading">Job Openings</h3>
  @include('frontend.jobs.template-open-jobs')
</div>
<div class="modal fade modal-login" tabindex="-1" role="dialog" id="ApplyJobModal" aria-labelledby="loginModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header blubg">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><img  src="{{Config::get('app.base_path').'/frontend/img/close.png'}}"></span></button>
        <h4 class="modal-title"><img src="{{Config::get('app.base_path').'/frontend/img/careers.png'}}"/>&nbsp;Apply Job</h4>
      </div>
      <div class="modal-body login-modal">
	  {{ Form::open(array('url' => 'apply-job','id'=>'apply-job-form','class'=>'test','files'=>true),'POST') }}
          <p id="jobapply-msg" style="display:none;"></p>
		  <input type="hidden" name="apply_job_id" id="apply_job_id" value="" />
		  <div class="form-group">
          <label for="pass">Name</label>
            <div class="input-group">
              <div class="input-group-addon pwd"><img src="{{Config::get('app.base_path').'/frontend/img/name.png'}}"/></div>
              <input type="text" class="form-control" placeholder="Full Name" id="candidate_name" name="candidate_name">
            </div>
          </div>
          <div class="form-group">
          <label for="email">Email address</label>
            <div class="input-group">
              <div class="input-group-addon"><img src="{{Config::get('app.base_path').'/frontend/img/mail.png'}}"/></div>
              <input type="email" class="form-control" placeholder="Email addres" id="candidate_email" name="candidate_email">
            </div>
          </div>
		  <div class="form-group">
          <label for="email">Upload Resume</label>
            <div>
              <input type="file" class="form-control"  id="candidate_resume" name="candidate_resume">
            </div>
          </div>
          <div class="form-group">
          <label for="pass">Information</label>
            <div class="input-group">
              <div class="input-group-addon pwd"><img src="{{Config::get('app.base_path').'/frontend/img/message.png'}}"/></div>
			  <textarea  class="form-control" placeholder="Profile Information" id="candidate_info" name="candidate_info" ></textarea>
             </div>
          </div>
          <div class="form-group">
          	     <div class="col-sm-12">
              <button type="submit" class="btn btn-login" id="apply-btn"><img src="{{Config::get('app.base_path').'/frontend/img/login-regi.png'}}" data-pin-nopin="true">&ensp;Submit</button>
            </div>
			<i class="clearfix"></i>
          </div>
          <i class="clearfix"></i>
      {{Form::close()}}
     </div>
      
    </div>
	<!--End of Login Content-->
	<!-- /.modal-content --> 
  </div>
  <!-- /.modal-dialog --> 
</div>
<!-- Content End --> 
@endsection
@section('javascript')
<script>
$(document).on('ready',function(){

 $(document.body).on('click', '.pager a' ,function(event){
	         
			event.preventDefault();
			if ( $(this).attr('href') != '#' ) {
				PaginatePolls($(this).attr('href'));
			}
		});
		
		$('#ApplyJobModal').on('show.bs.modal',function(e){
	       var jobId = $(e.relatedTarget).attr('id');
		   $("#apply_job_id").val(jobId);
            apply_job_validator.resetForm();
		    $("#apply-job-form").each(function() {
				this.reset();
			});
			
			$(":submit").attr("disabled", false);
			$('#jobapply-msg').hide();
	   });
		
		 apply_job_validator=$("#apply-job-form").validate({
			highlight: function(element, errorClass, validClass) {
				$(element).parent().parent().addClass('has-error');
			},
			 unhighlight: function( element, errorClass, validClass ) {
				$(element).parent().parent().removeClass('has-error');
			},
			onfocusout: false,
	        onkeyup: false,
		    onclick: false,
		    onblur : false,
			ignore: [],
			rules:{
		    	"candidate_email":{required:true,email:true},
			    "candidate_name":{required:true},
				 "candidate_info":{required:true},
				 "candidate_resume":{required:true}
			},
			messages:{
			},
			errorPlacement: function(error, element) {
			},
			submitHandler:function(form){
			  $(":submit").attr("disabled", "disabled");
				var candidate_resume_data 	= $("input[name=candidate_resume]").prop("files")[0]; 
			 var form_data 			= new FormData();  
			   form_data.append('candidate_resume', candidate_resume_data); 
			  form_data.append('_token', $("input[name=_token]").val());
			  var other_data = $("#apply-job-form").serializeArray();
			    $.each(other_data,function(key,input){
			        form_data.append(input.name,input.value);
			    });

			$.ajax({
						cache: false,
						dataType: 'json', 
						contentType: false,
					    processData: false,
                        url: "