        <div class="innerBanner cmsImageWRapper">
            <div class="scrollable" style=" background: url(<?php echo  base_url().'assets/images/jobs.jpg'; ?>) no-repeat center center/cover;"></div>
               </div>
               
               
            <section class="content_wrapper innerPage">
             <div class="container narrow jobs">
             <?php if($this->session->userdata('setMSG')){ ?>
              	<div class="error-alert" style="color: green !important; border: 1px solid green !important;"> <?php echo getLang('Job_contact_sent_successfully'); ?>.</div>
             <?php $this->session->unset_userdata('setMSG'); 
             } ?> 
             <?php if($this->session->userdata('errMSG')){ ?>
              	<div class="error-alert" style="color: red !important; border: 1px solid red !important;"> <?php echo $this->session->userdata('errMSG'); ?></div>
             <?php $this->session->unset_userdata('errMSG'); 
             } ?>  
             	<div class="box_large">
             		<h1><?php echo getLang('JOIN_THE_TEAM_AND_BE_PART');?></h1>
             		
             		
             		<h2 class="text_gold allcaps"><?php echo getLang('WE_ARE_CURRENTLY_LOOKING_FOR_ENERGETIC_INDIVIDUALS');?></h2>

             		<p><?php echo getLang('Are_you_open_minded__customer');?></p>

					<p><?php echo getLang('Please_fill_out_the_contact_form');?>:</p>
					<p class="text_gold">(<?php echo getLang('Incomplete_inquiries_will');?>)</p>

					<form action="" class="jobsForm register" method="post" enctype="multipart/form-data">
						<div class="errorJob" style="color:red"></div>
						<div class="formGroup" id="Step_10">
							<h3><?php echo getLang('Interests');?> <span>*</span></h3>
							<p>
								<input id="Bar" name="Interests[]" value="<?php echo getLang('Bar');?>"  type="checkbox">
								<label for="Bar"><?php echo getLang('Bar');?></label>
							</p>
							<p>
								<input id="Showact" name="Interests[]" value="<?php echo getLang('Showact');?>"  type="checkbox">
								<label for="Showact"><?php echo getLang('Showact');?></label>
							</p>
							<p>
								<input id="Live_Music" name="Interests[]" value="<?php echo getLang('Live_Music');?>"  type="checkbox">
								<label for="Live_Music"><?php echo getLang('Live_Music');?></label>
							</p>
							<p>
								<input id="Security" name="Interests[]" value="<?php echo getLang('Security');?>"  type="checkbox">
								<label for="Security"><?php echo getLang('Security');?></label>
							</p>
							<p>
								<input id="Hostess" name="Interests[]" value="<?php echo getLang('Hostess');?>"  type="checkbox">
								<label for="Hostess"><?php echo getLang('Hostess');?></label>
							</p>
							<p>
								<input id="Guru" name="Interests[]" value="<?php echo getLang('Guru');?>"  type="checkbox">
								<label for="Guru"><?php echo getLang('Guru');?></label>
							</p>
							<p>
								<input id="Ceremony" name="Interests[]" value="<?php echo getLang('Ceremony');?>"  type="checkbox">
								<label for="Ceremony"><?php echo getLang('Ceremony');?></label>
							</p>
							
						</div>

						<div class="formGroup onethird" >
							<label for="surname"><?php echo getLang('surname');?><span>*</span></label>
							<input type="text" id="surname" name="surname" autocomplete="off">
						</div>
						<div class="formGroup onethird" >
							<label for="name"><?php echo getLang('name');?><span>*</span></label>
							<input type="text" id="name" name="name" autocomplete="off">
						</div>
						<div class="formGroup onethird" >
							<label for="idNumber"><?php echo getLang('ID_number');?></label>
							<input type="text" id="idNumber" name="idNumber" autocomplete="off">
						</div>
						<div class="formGroup onethird" >
							<label for="birthday"><?php echo getLang('Birthday');?><span>*</span></label>
							<input type="text" id="birthday" name="birthday" autocomplete="off">
						</div>
						<div class="formGroup onethird" >
							<label for="address"><?php echo getLang('Adress');?><span>*</span></label>
							<input type="text" id="address" name="address">
						</div>
						<div class="formGroup onethird" >
							<label for="nearestAirport"><?php echo getLang('nearest_airport');?><span>*</span></label>
							<input type="text" id="nearestAirport" name="nearestAirport" autocomplete="off">
						</div>
						<div class="formGroup onethird" >
							<label for="phone"><?php echo getLang('Telefone');?><span>*</span></label>
							<input type="text" id="phone" name="phone" autocomplete="off">
						</div>
						<div class="formGroup onethird" >
							<label for="eMail"><?php echo getLang('EMAIL');?><span>*</span></label>
							<input type="text" id="eMail" name="eMail" autocomplete="off">
						</div>
						<div class="formGroup onethird" >
							<p><?php echo getLang('driving_licence');?><span>*</span></p>
							<p>
								<input id="yes" name="yes_job" value="1"  type="radio">
								<label for="yes"><?php echo getLang('Yes');?></label>
							</p>
							<p>
								<input id="no" name="yes_job" value="0"  type="radio">
								<label for="no"><?php echo getLang('No');?></label>
							</p>
							
						</div>

						<div class="formGroup" >
							<label for="note"><?php echo getLang('Free_Text');?><span>*</span></label>
							<textarea name="note" id="note" ></textarea>
						</div>
						<div class="formGroup onethird">
		                  <div class="g-recaptcha" data-sitekey="<?php echo RECAPTCHA_SITE_KEY; ?>" data-action="job" style="display: inline-block;"></div>
		               </div>
						<div class="formGroup upload-bttn-box" >
							<label for="note"><?php echo getLang('Upload_picture');?><span>*</span></label>
							
							<div class="upload_btn job-btn">
								<!-- <img id="preview" style="display: none;"> -->
								<div class="gallery"></div>
		                      <input type="file" id="uploadnew" name="pics[]" accept="image/png,image/jpg,image/jpeg,image/PNG,image/JPG,image/JPEG" multiple>
		                      <label type="button" class="job_btn_upload" for="uploadnew"><?php echo getLang('Upload_picture'); ?> </label>
		                      <button type="submit" class="btn_gold save-change" ><?php echo getLang('Send');?></button>
		                    </div>		                    
						</div>
					</form>
             	</div>
               
              </div>
            </section>

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
$(function(){
  	$("#birthday").datepicker({
  			maxDate: '0',
  			dateFormat: 'dd-mm-yy',
  			 changeMonth: true, 
    		changeYear: true, 
    		yearRange: "-90:+00"
  		});
  	$('.jobsForm').submit(function(e){
  		//e.preventDefault();
  		if($('[name="Interests[]"]:checked').length > 0 && $('#surname').val()!='' && $('#name').val()!='' && $('#birthday').val()!='' && $('#address').val()!='' && $('#nearestAirport').val()!='' && $('#phone').val()!='' && $('#eMail').val()!='' && $('#eMail').val()!='' && $('input[name=yes_job]:checked').length>0 && $('#note').val()!='' && $('#uploadPic').val()!='')
  		{
  			if(!$.isNumeric($('#phone').val()))
  			{
  				$('.errorJob').html(Invalid_number + " <?php echo getLang('Telefone');?>" + ' !!!');
  				return false;
  			}
  			else if(!isValidEmailAddress($('#eMail').val()))
  			{
  				$('.errorJob').html(Please_enter_proper_email + ' !!!');
  				return false;
  			}
  			return true;
  		}
  		else
  		{
  			$('.errorJob').html(Please_fill_all);
  			return false;
  		}
  	})

  	var imagesPreview = function(input, placeToInsertImagePreview) {

        if (input.files) {
            var filesAmount = input.files.length;

            for (i = 0; i < filesAmount; i++) {
                var reader = new FileReader();

                reader.onload = function(event) {
                    $($.parseHTML('<img>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
                }

                reader.readAsDataURL(input.files[i]);
            }
        }

    };

    $('#uploadnew').on('change', function() {
    	$('div.gallery').html('');
        imagesPreview(this, 'div.gallery');
    });
})
function isValidEmailAddress(emailAddress) {
    var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
	return pattern.test(emailAddress);
};
</script>
<style type="text/css">
	.box_large iframe { height: 78px !important; margin: 0 !important; }
	.g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; margin: 0 0 0; display: block; }
</style>