{% extends 'HRMBundle::layout.html.twig' %}

{% block section %}
New Employee
{% endblock %}

{% block stylesheets %}
{{parent()}}
	<style type="text/css">
		input {font-weight:bold;}
	</style>
{% endblock %}

{% block body %}
{{parent()}}
{% spaceless %}
	{# Email Check #}
	<div class="panel panel-default">
		<div class="panel-heading">1) Check If User exists on Colabora Network
		</div>
		<div class="panel-body">
			<form name="input" method="post">
			    <div class="input-group">
				<input type="email" class="form-control" id="emailform" name="email" placeholder="Enter an email" required>			      
				<span class="input-group-btn">
				  <input class="btn btn-primary" type='button' id="checkEmail" value='Check'/>			      
				  </span>
			    </div>
			</form>
		</div>
		<div class="panel-footer">
			<div class="ajaxresponse" id="ajaxresponse"></div>
		</div>
	</div>

	{# Form New Employee, new Contract #}
	<form method="post" action="{{path('hrm_create_employee_contract')}}" enctype="multipart/form-data">
		{# EMPLOYEE INFORMATION #}
		<div class="panel panel-default">
			<div class="panel-heading">2) New Employee Data
			</div>
			<div class="panel-body">
				<table class="table table-condensed">
					<tr>
						<td class="success">Addressed As</td>
						<td colspan="5"><input type="text" id="neo_corebundle_employee_addressedas" name="neo_corebundle_employee[addressedas]" maxlength="255"></td>
					</tr>
					<tr>
						<td class="success">Name</td>
						<td><input type="text" id="neo_corebundle_employee_name" name="neo_corebundle_employee[name]" required="required" maxlength="255" onkeyup="reloadText()"></td>

						<td class="success">Middlenames</td>
						<td><input type="text" id="neo_corebundle_employee_middlenames" name="neo_corebundle_employee[middlenames]" maxlength="255" onkeyup="reloadText()"></td>

						<td class="success">Lastnames</td>
						<td><input type="text" id="neo_corebundle_employee_lastnames" name="neo_corebundle_employee[lastnames]" required="required" maxlength="255" onkeyup="reloadText()"></td>
					</tr>
					<tr>
						<td class="success">Gender</td>
						<td colspan ="5"><input type="text" id="neo_corebundle_employee_gender" name="neo_corebundle_employee[gender]" required="required" maxlength="255"></td>
					</tr>

					<tr>
						{#<td>{{entity.id}}</td>#}
						<td class="success">Department <a href="">Add Department</a></td>
						<td>
						<select id="neo_corebundle_employee_department" name="neo_corebundle_employee[department]">
							{% for department in departments %}
								<option value="{{department.id}}">{{department.name}}</option>
							{% endfor %}
						</td>
						<td class="success">Professional Profile</td>
						<td><select id="neo_corebundle_employee_profile" name="neo_corebundle_employee[profile]">
							{% for profile in profiles %}
							<option value="{{profile.id}}">{{profile.name}}</option>
							{% endfor %}
						</select></td>
						<td class="success">Role</td>
						<td><input type="text" id="neo_corebundle_employee_role" name="neo_corebundle_employee[role]" required="required" maxlength="255"></td>
					</tr>

					<tr>
						<td class="success">Internal Telephone</td>
						<td><input type="text" id="neo_corebundle_employee_internaltelephone" name="neo_corebundle_employee[internaltelephone]" required="required" maxlength="255"></td>
						<td class="success">Corporate Email</td>
						<td><input type="text" id="neo_corebundle_employee_corporateemail" name="neo_corebundle_employee[corporateemail]" required="required" maxlength="255"></td>
						<td class="success">Colabora Main Email</td>
						<td><input type="text" id="neo_corebundle_employee_colaboramainemail" name="neo_corebundle_employee[colaboramainemail]" maxlength="255"></td>
					</tr>

					<tr>
						<td class="success">DNI</td>
						<td colspan="5"><input type="text" id="neo_corebundle_employee_dni" name="neo_corebundle_employee[dni]" maxlength="255" onkeyup="reloadText()"></td>
					</tr>

					<tr>
						<td class="success">Birth Date</td>
						<td><input type="text" id="neo_corebundle_employee_birthdate" class="birthdate" name="neo_corebundle_employee[birthdate]" required="required" maxlength="255">
						</td>
						
						<td class="success">Birth Place</td>
						<td><input type="text" id="neo_corebundle_employee_birthplace" name="neo_corebundle_employee[birthplace]" required="required" maxlength="255" onkeyup="reloadText()" ></td>

						<td class="success">Emergency Contact</td>
						<td>
						<textarea id="neo_corebundle_employee_emergencycontact" name="neo_corebundle_employee[emergencycontact]" required="required"></textarea></td>
					</tr>

					<tr>
						{#<td>CV</td>
						<td>{{form_widget(form.cv)}}</td>#}
						<td class="success">Responsible</td>
						<td colspan="5"><input type="text" id="neo_corebundle_employee_responsible" name="neo_corebundle_employee[responsible]" required="required" maxlength="255"></td>
						{#<td>User</td>
						<td>{{form_widget(form.user)}}</td>#}
					</tr>
					<tr>
						<td class="success" colspan="6">Bank Account</td>
					</tr>
					<tr>
						<td>
							<input type="text" id="neo_corebundle_bankaccountnumber_field1" name="neo_corebundle_bankaccountnumber[field1]" required="required" maxlength="4" pattern="[0-9]{4}">
						</td>
						<td>
							<input type="text" id="neo_corebundle_bankaccountnumber_field2" name="neo_corebundle_bankaccountnumber[field2]" required="required" maxlength="4" pattern="[0-9]{4}">
						</td>
						<td>
							<input type="text" id="neo_corebundle_bankaccountnumber_field3" name="neo_corebundle_bankaccountnumber[field3]" required="required" maxlength="4" pattern="[0-9]{4}">
						</td>
						<td>
							<div style="width 50px">
							<input type="text" id="neo_corebundle_bankaccountnumber_field4" name="neo_corebundle_bankaccountnumber[field4]" required="required" maxlength="4" pattern="[0-9]{4}">
							</div>
						</td>
						<td>
							<input type="text" id="neo_corebundle_bankaccountnumber_field5" name="neo_corebundle_bankaccountnumber[field5]" required="required" maxlength="4" pattern="[0-9]{4}">
						</td>
						<td>
							<input type="text" id="neo_corebundle_bankaccountnumber_field6" name="neo_corebundle_bankaccountnumber[field6]" required="required" maxlength="4" pattern="[0-9]{4}">
						</td>
						{#<td colspan="5"><input type="text" id="neo_corebundle_employee_bankaccount" name="neo_corebundle_employee[bankaccount]" required="required" maxlength="255"></td>#}
					</tr>
					
				</table>
			</div>
		</div>

		{# CONTRACT INFORMATION #}
		<div class="panel panel-default">
			<div class="panel-heading">
				3) New <strong>Contract</strong> Data
			</div>
			<div class="panel-body">
				<table class="table table-condensed">
					<tr>
						<td class="danger">Name</td>
						<td><input type="text" id="neo_corebundle_contract_name" name="neo_corebundle_contract[name]" required="required" maxlength="255" readonly></td>
						<td class="danger">Middlenames</td>
						<td><input type="text" id="neo_corebundle_contract_middlenames" name="neo_corebundle_contract[middlenames]" maxlength="255" readonly></td>
						<td class="danger">Lastnames</td>
						<td><input type="text" id="neo_corebundle_contract_lastnames" name="neo_corebundle_contract[lastnames]" required="required" maxlength="255" readonly></td>
					</tr>
					<tr>
						<td class="danger">DNI</td>
						<td><input type="text" id="neo_corebundle_contract_dni" name="neo_corebundle_contract[dni]" required="required" maxlength="255" readonly/>
						</td>
						<td class="danger">Social Insurance Number</td>
						<td colspan="3"><input type="text" id="neo_corebundle_contract_socialinsurancenumber" name="neo_corebundle_contract[socialinsurancenumber]" required="required" maxlength="255" /></td>
					</tr>
					<tr>
						<td class="danger">Birth Place</td>
						<td><input type="text" id="neo_corebundle_contract_birthplace" name="neo_corebundle_contract[birthplace]" required="required" maxlength="255" readonly /></td>
						<td class="danger">Academic Title</td>
						<td colspan="3"><textarea id="neo_corebundle_contract_academictitles" name="neo_corebundle_contract[academictitles]" required="required"></textarea></td>
					</tr>
					
					<tr>
						<td class="danger">Start Date</td>
						<td><input type="text" class="datepicker" id="neo_corebundle_contract_startdate" name="neo_corebundle_contract[startdate]" required="required" ></td>
						<td class="danger">End Date</td>
						<td colspan="3"><input type="text" class="datepicker" id="neo_corebundle_contract_enddate" name="neo_corebundle_contract[enddate]" required="required" ></td>
					</tr>
					<tr>
						<td class="danger">Position</td>
						<td colspan="5"><input type="text" id="neo_corebundle_contract_position" name="neo_corebundle_contract[position]" required="required" maxlength="255" /></td>
					</tr>
					<tr>
						<td class="danger">Site</td>
						<td colspan="5"><input type="text" id="neo_corebundle_contract_site" name="neo_corebundle_contract[site]" required="required" maxlength="255" /></td>
					</tr>

					<tr>
						<td class="danger">Addresses</td>
						<td colspan="4"><textarea id="neo_corebundle_contract_address" name="neo_corebundle_contract[address]" required="required"></textarea></td>
					</tr>
					<tr>
						<td class="danger">Upload Contract:</td>
						<td>
						{#<input id="neo_corebundle_contract_contractpath" class="file" type="file" name="neo_corebundle_contract[contractpath]"></input>#}</td>
						<td>{{form_widget(form2.contractpath, {'attr':{'class':'file'}} )}}</td>
					</tr>
				</table>
			</div>
		</div>
				
		{# BUTTON GROUP SUBMIT #}
		<div class="panel panel-default">
			<div class="panel-body">
				<div class="btn-group">
					<button class="btn btn-success" type="submit">Save Employee & Send Invitation</button>
					<input class="btn btn-primary" type="reset" value="Reset">
				</div>
			</div>
		</div>
	</form>
{% endspaceless %}
{% endblock body %}

{% block javascripts %}
{{parent()}}
	
	{# Fill the input texts with webservice #}
	<script type="text/javascript">
	    $( "#checkEmail" ).click(function()
	    {
	      var email = $("#emailform").val();
	      if (!email){
	      	var email = 0;
	      }
	      var url = "{{ path('hrm_check_email', {'email': 'email'}) }}"; 
	      url = url.replace("email", email);

	      var error = "This email ("+email+") does not exists on Colabora Network";
	      var success = "Email ("+email+") found!!";
	      
	      console.log(url);
	      //console.log($.getJSON(url));
	      $.ajax({
	        url: url, 
	        type: 'GET', 
	        dataType:"json", 
	        //data: {id: idfolder},
	          success: function (response, state) {
	          	//console.log(response);
	          	if (response != null)
	          	{
		            document.getElementById("neo_corebundle_employee_colaboramainemail").value = response.mainemail;
		            document.getElementById("neo_corebundle_employee_birthdate").value = response.dateofbirth;
		            document.getElementById("neo_corebundle_employee_name").value = response.name;
		            document.getElementById("neo_corebundle_employee_middlenames").value = response.middlenames;
		            document.getElementById("neo_corebundle_employee_lastnames").value = response.lastnames;
		            
		            if (response.userdocs.length != 0){
		            	document.getElementById("neo_corebundle_employee_dni").value= response.userdocs[0].dni;	
		            }
		            
		            if (response.gender !== undefined){
		            	document.getElementById("neo_corebundle_employee_gender").value = response.gender.gender_type;
		            }

		            if (response.addressedas !== undefined){
		            document.getElementById("neo_corebundle_employee_addressedas").value = response.addressedas.address_type;
		            }

		            if (response.country !== undefined){
		            document.getElementById("neo_corebundle_employee_birthplace").value = response.country.shortname;
		            }

		            if (response.useracademic.length != 0){
		            document.getElementById("neo_corebundle_contract_academictitles").value = response.useracademic[0].titlename;
		            }

		           	var address = response.addresses[0];
		           	
		           	var prova = JSON.stringify(address);

		           	if (address !== undefined ){
		           		document.getElementById("neo_corebundle_contract_address").value = address.line1 +  address.line2 + address.citytown + address.governingdistrict + address.postaarea + address.country[0];
		           	}

		            /* Recarreguem la informació duplicada al formulari de contracte*/
		            reloadText();
		           	document.getElementById("ajaxresponse").innerHTML = success;

	        	}
	        	else
	        	{
	        		document.getElementById("ajaxresponse").innerHTML = error;
	        	}
	        	
	           },
	          error: function(peticion, textStatus, errorThrown) { 
	            document.getElementById("ajaxresponse").innerHTML = "Error";
	          }
	      }
	      )
	    });
	</script>
	
	{# Reload Input text #}
	<script type="text/javascript">
		function reloadText(){
			document.getElementById("neo_corebundle_contract_name").value = document.getElementById("neo_corebundle_employee_name").value;

			document.getElementById("neo_corebundle_contract_middlenames").value = document.getElementById("neo_corebundle_employee_middlenames").value;

			document.getElementById("neo_corebundle_contract_lastnames").value = document.getElementById("neo_corebundle_employee_lastnames").value;
			
			document.getElementById("neo_corebundle_contract_dni").value = document.getElementById("neo_corebundle_employee_dni").value;

			document.getElementById("neo_corebundle_contract_birthplace").value = document.getElementById("neo_corebundle_employee_birthplace").value;
		}
	</script>

	{# Date Picker #}
	<script type="text/javascript">
	  	$(function() {
	    	$( ".datepicker" ).datepicker();
	  	});
  	</script>

  	{# Date Picker Birthday #}
	<script type="text/javascript">
	  	$(function() {
	    	$( ".birthdate" ).datepicker({
			    changeMonth: true,
			    changeYear: true,
			    yearRange:"1930:2014"
			});
	  	/*$(".birthdate").datepicker({ 
    		yearRange: "-100:-18", 
    		maxDate: "-18Y",
    		minDate: "-100Y",
    		changeMonth: true,
			changeYear: true
		});*/

	  	});
  	</script>
{% endblock javascripts %}