<?php $__env->startSection('title'); ?>
	<?php echo $meta_title; ?>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('description'); ?>
	<?php echo $meta_desc; ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<?php $__env->startSection('styles'); ?>
<link rel="stylesheet" href="<?php echo asset('jasny/css/jasny-bootstrap.min.css'); ?>">
<?php $__env->stopSection(); ?>
<script type="text/javascript" language="javascript" src="<?php echo asset('jasny/js/jasny-bootstrap.min.js');; ?>"></script>

<div class="pageJob">
	<div class="bandeauJob">
		<div class="backgroundBandeauJob">
			<h1><?php echo $job->getAttr('titre'); ?></h1>
			<div class="wrapper">
				<p><?php echo $job->getAttr('desc_short'); ?></p>
			</div>
		</div>
	</div>	
	<div class="wrapper">
		<div class="row">
			<div class="col-md-12 col-lg-<?php echo (count($other_jobs)) ? '8' : '12'; ?> job">
				<div class="content-job">
					<div class="m-b-20 header-job text-left">
						<span class="m-r-10"><i class="fa fa-calendar"></i> <?php echo trans('site.publiee_le').' '.DateFunctions::format_date($job->date_publication); ?></span>
						-					
						<span class="m-l-10 m-r-10"><i class="fa fa-map-marker"></i> <?php echo $job->getAttr('lieu_travail'); ?></span>
						-
						<span class="m-l-10"><?php echo $job->getAttr('besoin'); ?></span>
					</div>
					<div class="desc-job">
						<?php echo $job->getAttr('desc'); ?>

					</div>
					<div class="text-center m-t-40">
						<a href="<?php echo $page_recrutement->show_url(); ?>" class="btn btn-rose"><i class="fa fa-angle-left m-r-10"></i><?php echo trans('site.retour_offres'); ?></a>
					</div>
				</div>
				<?php // Autres jobs ?>
				<?php if(count($other_jobs)): ?>
				<h2 class="text-center m-t-25 m-b-20"><?php echo trans('site.others_jobs'); ?></h2>
				<div class="pageJobs m-0">
					<?php foreach($other_jobs as $j): ?>
					<?php echo $j->listing(); ?>

					<?php endforeach; ?>
				</div>
				<?php endif; ?>
			</div>
			<div class="col-md-12 col-lg-4 other_jobs">
				<div class="content_other_jobs pageJobForm">
					<h3 class="text-center m-0 w-100"><?php echo trans('site.postuler'); ?></h3>
					
					<?php // Form Postuler ?>
					<?php if(isset($success)): ?>
					<div class="formSuccess">
						<div class="alert alertComment alert-success" role="alert">
							<button type="button" class="close" data-dismiss="alert">×</button>
							<div class="message"><?php echo trans('site.contact_valid2'); ?></div>
						</div>
						<h1 class="text-center"><i class="fa fa-check"></i> <?php echo trans('site.contact_valid1'); ?></h1>
						<p class="text-center"><br /><a class="btn btn-homeblock w_100" href="<?php echo URL::route('home'); ?>"><i class="fa fa-home"></i> <?php echo trans('site.home'); ?></a></p>
					</div>
					<?php else: ?>
					<form id="postJob" class="" method="post" action="" role="form" enctype="multipart/form-data">
						<div class="row">
							<div class="col-xs-12">
								<div class="form-group">
									<label for=""><?php echo trans('site.last_name'); ?> <sup>*</sup></label>
									<input type="text" class="form-control" name="contactNom" placeholder="" value="<?php echo ($customer_id>=1) ? $customer->surnom : '' ?>" tabindex="1" required>
								</div>
								<div class="form-group">
									<label for=""><?php echo trans('site.email'); ?> <sup>*</sup></label>
									<input type="email" class="form-control" name="contactEmail" placeholder="" value="<?php echo ($customer_id>=1) ? $customer->email : '' ?>" tabindex="2" required>
								</div>
							</div>
							<div class="col-xs-12">
								<div class="form-group">
									<label for=""><?php echo trans('site.message'); ?></label>
									<textarea class="form-control" name="contactMsg" placeholder="<?php echo trans('site.message'); ?>" tabindex="3"></textarea>
								</div>
							</div>
							<div class="col-xs-12">
								<div class="form-group text-center">
									<label for=""><?php echo trans('site.cv_pdf'); ?></label>
									<div class="clear"></div>
									<div class="text-center">
										<div class="fileinput fileinput-new" data-provides="fileinput">
											<span class="btn btn-datacorp-white btn-file">
												<span class="fileinput-new">Choisir un fichier</span>
												<span class="fileinput-exists">Modifier</span>
												<input type="file" name="cv[]">
											</span>
											<span class="fileinput-filename"></span>
											<a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float:none">&times;</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clear"></div>
						<!-- Notif -->
						<div class="alert alertComment alertComment1 alert-danger hide" role="alert">
							<button type="button" class="close" data-dismiss="alert">×</button>
							<div class="message"></div>
						</div>
						<div class="row">
							<div class="col-xs-12 text-center">
								<p class="margin text-center"><?php echo trans('site.cliquer_case'); ?></p>
								<div class="captcha m-0"><?php echo Form::captcha(); ?></div>
								<div class="clear"></div>
								<input type="hidden" value="<?php echo $job->id; ?>" name="job_id" />
								<input type="submit" class="text-center btn btn-white w_100 btnEnvoi" tabindex="4" value="<?php echo trans('site.je_postule'); ?>" />
								<div class="loaderDiv">
									<div class="sk-circle btnLoad" style="display:none;">
										<div class="sk-circle1 sk-child"></div>
										<div class="sk-circle2 sk-child"></div>
										<div class="sk-circle3 sk-child"></div>
										<div class="sk-circle4 sk-child"></div>
										<div class="sk-circle5 sk-child"></div>
										<div class="sk-circle6 sk-child"></div>
										<div class="sk-circle7 sk-child"></div>
										<div class="sk-circle8 sk-child"></div>
										<div class="sk-circle9 sk-child"></div>
										<div class="sk-circle10 sk-child"></div>
										<div class="sk-circle11 sk-child"></div>
										<div class="sk-circle12 sk-child"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="clear"></div>
					</form>
					<?php // END Form Postuler ?>
					<?php endif; ?>
					
				</div>
			</div>
		</div>
	</div>
</div>
<script>
	$('#postJob').submit(function(e){
		e.preventDefault();
		$('.btnEnvoi').hide();
		$('.btnLoad').fadeIn();
		var formData = new FormData($(this)[0]);
		setTimeout(function(){
			$.ajax({
				type: "POST",
				url: "<?php echo URL::route('front_post_job'); ?>",
				/*data: {
					langue : "<?php echo Session::get('lang'); ?>",
					nom : $('input[name=contactNom]').val(),
					email : $('input[name=contactEmail]').val(),
					message : $('textarea[name=contactMsg]').val(),
					grecaptcharesponse : $('textarea[name=g-recaptcha-response]').val()
				},*/
				data: formData,
				async: false,
			    cache: false,
			    contentType: false,
			    processData: false
			})
			.done(function(data){
				var obj = jQuery.parseJSON(data);
				if(obj.result=='no'){
					$('.alertComment1').hide().removeClass('hide').fadeIn().find('.message').empty().html(obj.error);
					$('.btnLoad').hide();
					$('.btnEnvoi').fadeIn();
				} else {
					$('.alertComment1').hide();
					location.href = "/<?php echo trans('site.url_postjob_success'); ?>/"+obj.val;
					//$('#postJob').hide();
					//$('.formSuccess').fadeIn();
				}
				// Reset captcha
				grecaptcha.reset();
			});
		}, 1000);
	});
	$(document).ready(function(){
		function scroll_jobs_bloc(){
			var position_content_job = ($('.content-job').offset().top - 120);
			if($(window).width() >= 1200){
		        if($(window).scrollTop() > position_content_job){
			        var top = $(window).scrollTop() - position_content_job;
					$('.other_jobs').stop().animate({
				    	marginTop: top,
			        },1000);
		        }
		        else{
				    $('.other_jobs').stop().animate({
				    	marginTop: 0,
			        },1000);	
		        }
		    }
		    else $('.other_jobs').css({
			    'marginTop': '20px',
			   
			});
		}
		$(window).scroll(function(){
			scroll_jobs_bloc();
	    });
	    $(window).resize(function(){
			scroll_jobs_bloc();
	    });
	    scroll_jobs_bloc();
	    
	    $('.other_job').on('click',function(){
		   window.location.href = $(this).find('a').attr('href'); 
	    });
	});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.main', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>