
<div class="container" id="client-tabs">
<form action="" method="post" class="form-group" enctype="multipart/form-data"  name="myform">
<div class="row">	
		<h3 style="text-align: center;">Personal information</h3>

		<div class="col-md-5">
			
			<p><span>Name/Surname</span> <input type="text" name="sname" id="sname" class="form-control"> </p>
		</div>
		<div class="col-md-5">
			<p><span>Telephone No.</span> <input type="text" name="telephone" id="telephone" class="form-control"></p>
		</div>
		
	</div>
	<div class="row">
		
		<div class="col-md-5">
			<p><span>Email Address</span> <input type="text" name="cust_id" id="cust_id" class="form-control">  </p>
		</div>
		<div class="col-md-5">
			<p><span>Age</span> <input type="text" name="age" id="age" class="form-control"></p>
		</div>
	
	</div>
	<div class="row">
		
			<div class="col-md-5" style="padding-top: 27px;">
			
			<p>Gender <input type="radio" name="gender" value="male" checked="checked"> Male
<input type="radio" name="gender" value="female" > Female<br></p>
		</div>
		<div class="col-md-5">
			<p><span>Living Address</span> <textarea name="address" id="address" class="form-control" rows="4"></textarea></p>
		</div>
	</div>
	<hr>
	
	<div class="row field_wrapper">
		<h3 style="text-align: center;">Education</h3>
		
		
		<div class="col-md-3">
			
			<p><span>Subject</span> <input type="text" name="subject[]" id="subject" class="form-control"></p>
		</div>
		<div class="col-md-3">
			<p><span>Duration</span> <input type="text" name="duration[]" id="duration" class="form-control"></p>
		</div>
		<div class="col-md-3">
			<p><span style="display: block;
    height: 25px;
    overflow: hidden;">Where did that education took place</span> <input type="text" name="place[]" id="place" class="form-control"></p>
		</div>

		<div class="col-md-3" style="margin:27px 0px;padding: 0px;">
			<button type="button" name="add" class="btn btn-success btn-sm add add_button"><span class="glyphicon glyphicon-plus"></span></button>
		</div>
	</div>

	
	<div class="row fieldex_wrapper">
		<h3 style="text-align: center">Experience</h3>
		
		<div class="col-md-2">
			<p><span>Name of the business</span> <input type="text" name="business[]" id="business" class="form-control"></p>
		</div>
	
	
		<div class="col-md-2">
			<p><span>Job title/description</span> <input type="text" name="job[]" id="job" class="form-control"></p>
		</div>


	
		<div class="col-md-2">
			<p><span>Salary</span> <input type="text" name="salary[]" id="salary" class="form-control"></p>
		</div>
	

	
		<div class="col-md-2">
			<p><span>Duration</span> <input type="text" name="jobduration[]" id="jobduration" class="form-control"></p>
		</div>

		<div class="col-md-4" style="margin: 27px 0px;padding: 0px;">
			<button type="button" name="add_experience" class="btn btn-success btn-sm add add_experience"><span class="glyphicon glyphicon-plus" ></span></button>
		</div>
	
		</div>
	<hr>

	
		<div class="row">
		
			
		<div class="col-md-4"><h3 style="text-align: center;">If there is education</h3>
			<p><span >Please Upload Your CV</span> <input type="file" name="file" id="diploma_file" class="form-control"></p>
		
	</div>
</div>
<hr>
<h3 style="text-align: center;">Which of the hotels are they interested for</h3>
<!--<div class="row">
	
	<div class="col-md-6">
		<input type="checkbox"  name="hotels[]"  value="Panas Holiday Village">
		<label>Panas Holiday Village</label>&nbsp;&nbsp;<font color="#161D4D">Ayia Napa </font>
	</div>
	<div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="Callisto Holiday Village">
		<label>Callisto Holiday Village</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#161D4D">Ayia Napa </font>
	</div>
</div>
<div class="row">
	
	<div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="Electra Holiday Village & Water Park">
		<label>Electra Holiday Village & Water Park</label>&nbsp;&nbsp;<font color="#161D4D">Ayia Napa </font>
	</div>
	<div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="Panthea Holiday Village">
		<label>Panthea Holiday Village</label>&nbsp;&nbsp;&nbsp;&nbsp;<font color="#161D4D">Ayia Napa </font>
	</div>
</div>
<div class="row">
		
	<div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="Akteon Holiday Village">
		<label>Akteon Holiday Village</label>&nbsp;&nbsp;<font color="#161D4D">Paphos </font>
	</div>
	<div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="Aqua Sol Waterpark Village">
		<label>Aqua Sol Waterpark Village</label>&nbsp;&nbsp;&nbsp;&nbsp;<font color="#161D4D">Paphos </font>
	</div>
</div>-->
<div class="row">
		
	<div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="MarisMare Apartments">
		<label>MarisMare Apartments</label>&nbsp;&nbsp;<font color="#161D4D">Ayia Napa </font>
	</div>
	<div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="	Toxotis Hotel Apartments">
		<label>	Toxotis Hotel Apartments</label>&nbsp;&nbsp;&nbsp;&nbsp;<font color="#161D4D">Protaras </font>
	</div>
</div>
<div class="row">

	<div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="Eleni Holiday Village">
		<label>Eleni Holiday Village</label>&nbsp;&nbsp;<font color="#161D4D">Paphos </font>
	</div>
	<!--<div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="Artemis Hotel Apartments">
		<label>Artemis Hotel Apartments</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#161D4D">Protaras  </font>
	</div>-->
	 <div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="Narcissos WaterPark Resort">
		<label>Narcissos WaterPark Resort</label>&nbsp;&nbsp;<font color="#161D4D">Protaras </font>
	</div>
</div>

<div class="row">
		
	<!--<div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="Jacaranda Hotel Apartments">
		<label>Jacaranda Hotel Apartments</label>&nbsp;&nbsp;<font color="#161D4D">Protaras Pernera </font>
	</div>
	<div class="col-md-6">
		<input type="checkbox"  name="hotels[]" value="Narcissos WaterPark Resort">
		<label>Narcissos WaterPark Resort</label>&nbsp;&nbsp;<font color="#161D4D">Protaras </font>
	</div>

</div>-->
<div class="row">
	
</div>
		
		<div class="col-md-3" style="text-align: center;"><h3 style="margin-bottom: 5px;margin-top: 50px;">Desired Salary</h3> 
	
		<p> <input type="text" name="des_salary" id="des_salary" class="form-control"></p>

 <div class="g-recaptcha" data-sitekey="6LdZ1voUAAAAAAzKYlzB3xjOwOuaeLhr0Z7IWIyc" ></div>


<button type="submit" value="Submit" name="submit" class="clientform" style="text-align: center;margin-top: 30px;">Submit</button>
</div> 
<!-- <input type="button" class="clientform" value="Submit" name="submit"> -->


<script src='https://www.google.com/recaptcha/api.js'></script>
</form>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
// 	$(document).ready(function(){
// 	$(document).on('click', '.add', function () {
//     alert('hello');
// });
// 	});

$(document).ready(function(){
    var maxField = 5; //Input fields increment limitation
    var addButton = $('.add_button'); //Add button selector
    var wrapper = $('.field_wrapper'); //Input field wrapper
    var fieldHTML = '<div class="row field_wrapper"><div class="col-md-3"><p><input type="text" name="subject[]" dataid="" value=""/></p></div><div class="col-md-3"><p><input type="text" name="duration[]" value=""/></p></div><div class="col-md-3"><p><input type="text" name="place[]" value=""/></p></div><a href="javascript:void(0);" class="remove_button"><img src="https://marismarehotels.com/wp-content/themes/consultix/consultix/remove-icon.png"/></a></div>'; //New input field html 
    var x = 1; //Initial field counter is 1
    
    //Once add button is clicked
    $(addButton).click(function(){
        //Check maximum number of input fields
        if(x < maxField){ 
        //	alert(x);
         
            
            $(wrapper).append('<div class="row field_wrapper"><div class="col-md-3"><p><input type="text" name="subject['+x+']" dataid='+x+' value=""/></p></div><div class="col-md-3"><p><input type="text" name="duration['+x+']" value=""/></p></div><div class="col-md-3"><p><input type="text" name="place['+x+']" value=""/></p></div><a href="javascript:void(0);" class="remove_button"><img src="https://marismarehotels.com/wp-content/themes/consultix/consultix/remove-icon.png"/></a></div>'); //Add field html
               x++; //Increment field counter
        }
    });
    
    //Once remove button is clicked
    $(wrapper).on('click', '.remove_button', function(e){
        e.preventDefault();
     //   alert(x);
        $(this).parent('div').remove(); //Remove field html
        x--; //Decrement field counter
    });

   var maxExField = 5; //Input fields increment limitation
    var addButtonEx = $('.add_experience'); //Add button selector
    var wrapperex = $('.fieldex_wrapper'); //Input field wrapper
    var fieldHTMLEx = '<div class="row field_wrapper"><div class="col-md-2"><p><input type="text" name="business[]" value=""/></p></div><div class="col-md-2"><p><input type="text" name="job[]" value=""/></p></div><div class="col-md-2"><p><input type="text" name="salary[]" value=""/></p></div><div class="col-md-2"><p><input type="text" name="jobduration[]" value=""/></p></div><a href="javascript:void(0);" class="removeex_button"><img src="https://marismarehotels.com/wp-content/themes/consultix/consultix/remove-icon.png"/></a></div>'; //New input field html 
    var y = 1; //Initial field counter is 1
    
    //Once add button is clicked
    $(addButtonEx).click(function(){
        //Check maximum number of input fields
        if(y < maxExField){ 
        //	alert(y);
          
            $(wrapperex).append('<div class="row field_wrapper"><div class="col-md-2"><p><input type="text" name="business['+y+']" dataexid='+y+' value=""/></p></div><div class="col-md-2"><p><input type="text" name="job['+y+']" dataexid='+y+' value=""/></p></div><div class="col-md-2"><p><input type="text" name="salary['+y+']" dataexid='+y+' value=""/></p></div><div class="col-md-2"><p><input type="text" name="jobduration['+y+']" dataexid='+y+' value=""/></p></div><a href="javascript:void(0);" class="removeex_button"><img src="https://marismarehotels.com/wp-content/themes/consultix/consultix/remove-icon.png"/></a></div>'); //Add field html
              y++; //Increment field counter
        }
    });
    
    //Once remove button is clicked
    $(wrapperex).on('click', '.removeex_button', function(e){
        e.preventDefault();
        $(this).parent('div').remove(); //Remove field html
        y--; //Decrement field counter
    });

   $("#client-tabs").on('click','.clientform',function(){
   		//alert('jfuih');
   		
   		if($('#sname').val()==''){ 
   			alert('Please enter the name');
			 return false;
        }

        if($('#cust_id').val()==''){ 
   			alert('Please enter the customer id');
			 return false;
        }

        if($('#telephone').val()==''){ 
   			alert('Please enter the telephone number');
			 return false;
        }

        if($('#age').val()==''){ 
   			alert('Please enter the age');
			 return false;
        }

         if($('#address').val()==''){ 
   			alert('Please enter the address');
			 return false;
        }



		
   
  		//	alert($('input[name^="subject[]"]').val());

  			if($('input[name^="subject[]"]').val() == '') {
  				alert('Please enter the subject');
   					return false;
  			}

  			if($('input[name^="duration[]"]').val() == '') {
  				alert('Please enter the course duration');
   					return false;
  			}

  			if($('input[name^="place[]"]').val() == '') {
  				alert('Please enter the education place');
   					return false;
  			}

  			for (i = 1; i <= x+85; i++) {
  				
  			

  				if($('input[name^="subject['+i+']"]').val() == '' && ($('input[name^="duration['+i+']"]').val() !== '' || $('input[name^="place['+i+']"]').val() !== '' || $('input[name^="subject['+i+']"]').val() == 'undefined')) {
  				//	alert(i);
  				alert("Please enter the subject " + i);
  				return false;
  			}
  			
  			if($('input[name^="duration['+i+']"]').val() == '' && ($('input[name^="subject['+i+']"]').val() !== '' || $('input[name^="place['+i+']"]').val() !== '' || $('input[name^="duration['+i+']"]').val() == 'undefined')) {
  				alert('Please enter the course duration ' + i);
   					return false;
  			}	

  			if($('input[name^="place['+i+']"]').val() == '' && ($('input[name^="subject['+i+']"]').val() !== '' || $('input[name^="duration['+i+']"]').val() !== '' || $('input[name^="place['+i+']"]').val() == 'undefined')) {
  				alert('Please enter the education place ' + i);
   					return false;
  			}
 
  			}

  			if($('input[name^="business[]"]').val() == '') {
  				alert('Please enter the business name');
   					return false;
  			}
  
  			if($('input[name^="job[]"]').val() == '') {
  				alert('Please enter the job designation');
   					return false;
  			}

  			if($('input[name^="salary[]"]').val() == '') {
  				alert('Please enter the your salary');
   					return false;
  			}

  			if($('input[name^="jobduration[]"]').val() == '') {
  				alert('Please enter the job experience');
   					return false;
  			}

  			for (j = 1; j <= y+85; j++) {

  				

  				if($('input[name^="business['+j+']"]').val() == '' && ($('input[name^="job['+j+']"]').val() !== '' || $('input[name^="salary['+j+']"]').val() !== '' || $('input[name^="jobduration['+j+']"]').val() !== '' || $('input[name^="business['+j+']"]').val() == 'undefined')) {
  				alert('Please enter the business name '+ j);
   					return false;
  				}

  				if($('input[name^="job['+j+']"]').val() == '' && ($('input[name^="business['+j+']"]').val() !== '' || $('input[name^="salary['+j+']"]').val() !== '' || $('input[name^="jobduration['+j+']"]').val() !== '' || $('input[name^="job['+j+']"]').val() == 'undefined')) {
  				alert('Please enter the job designation '+ j);
   					return false;
  			}

  			if($('input[name^="salary['+j+']"]').val() == ''  && ($('input[name^="business['+j+']"]').val() !== '' || $('input[name^="job['+j+']"]').val() !== '' || $('input[name^="jobduration['+j+']"]').val() !== '' || $('input[name^="salary['+j+']"]').val() == 'undefined')) {
  				alert('Please enter the your salary '+ j);
   					return false;
  			}

  			if($('input[name^="jobduration['+j+']"]').val() == '' && ($('input[name^="business['+j+']"]').val() !== '' || $('input[name^="job['+j+']"]').val() !== '' || $('input[name^="salary['+j+']"]').val() !== '' || $('input[name^="jobduration['+j+']"]').val() == 'undefined')) {
  				alert('Please enter the job experience '+ j);
   					return false;
  			}
  		}

  			 var ext = $('#diploma_file').val().split('.').pop().toLowerCase();

			if($.inArray(ext, ['pdf']) == -1) {
 			   alert('Please select pdf file');
			    return false;
			}

        if($('input[type=checkbox]:checked').length == 0)
		{
   			 alert ( "Please select at least one hotel" );
  			 return false;
		}
			
 if($('#des_salary').val()==''){ 
   			alert('Please enter the desired salary');
			 return false;
        }


return true;

    	});



});
</script>
<style >
	.field_wrapper p input{
		width: 100%;
	}
	.removeex_button,.remove_button{
		padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
	}
	@media (max-width: 560px){
			.row ,.field_wrapper .col-md-3{
		padding: 0px;
	}
	.g-recaptcha{
		padding-left: 5px;
		} }
		input[type=checkbox], input[type=radio] {
     margin: 0px 0 0 !important;
    vertical-align: middle !important;

    line-height: normal;
}
h3{
	padding-left: 15px;
	text-align: left !important;
}
.btn{
	margin-left: 15px;
}
textarea.form-control {
    height: 60px !important;
}
</style>{"id":2792,"date":"2019-11-26T07:24:49","date_gmt":"2019-11-26T07:24:49","guid":{"rendered":"https:\/\/marismarehotels.com\/?page_id=2792"},"modified":"2020-01-02T10:57:54","modified_gmt":"2020-01-02T10:57:54","slug":"careers","status":"publish","type":"page","link":"https:\/\/marismarehotels.com\/ru\/careers\/","title":{"rendered":"(English) careers"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/marismarehotels.com\/ru\/wp-json\/wp\/v2\/pages\/2792"}],"collection":[{"href":"https:\/\/marismarehotels.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marismarehotels.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marismarehotels.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marismarehotels.com\/ru\/wp-json\/wp\/v2\/comments?post=2792"}],"version-history":[{"count":5,"href":"https:\/\/marismarehotels.com\/ru\/wp-json\/wp\/v2\/pages\/2792\/revisions"}],"predecessor-version":[{"id":2806,"href":"https:\/\/marismarehotels.com\/ru\/wp-json\/wp\/v2\/pages\/2792\/revisions\/2806"}],"wp:attachment":[{"href":"https:\/\/marismarehotels.com\/ru\/wp-json\/wp\/v2\/media?parent=2792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}