|
|
@ -10,7 +10,8 @@ |
|
|
|
@endsection |
|
|
|
@endsection |
|
|
|
@section('content') |
|
|
|
@section('content') |
|
|
|
<section class="enquiry-form-section"> |
|
|
|
<section class="enquiry-form-section"> |
|
|
|
<h2>Can you please send me fill up this information sheet and we will get back to you soon, Thanks !</h2> |
|
|
|
<h2>Enquiry Form</h2> |
|
|
|
|
|
|
|
<p>Please fill up the form and we will get back to you soon, Thanks !</p> |
|
|
|
<form action=""> |
|
|
|
<form action=""> |
|
|
|
<div class="row enquiry-form-row"> |
|
|
|
<div class="row enquiry-form-row"> |
|
|
|
<h3>Personal Details</h3> |
|
|
|
<h3>Personal Details</h3> |
|
|
@ -23,7 +24,7 @@ |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<label for="name">Middle Name</label> |
|
|
|
<label for="name">Middle Name</label> |
|
|
|
<input type="text" class="form-control mt-2" id="mname" name="mname" placeholder="Enter your Middle name" required> |
|
|
|
<input type="text" class="form-control mt-2" id="mname" name="mname" placeholder="Enter your Middle name"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="col-md-4"> |
|
|
@ -41,7 +42,12 @@ |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<label for="name">Country</label> |
|
|
|
<label for="name">Country</label> |
|
|
|
<input type="text" class="form-control mt-2" id="country" name="country" placeholder="Enter your Country Name" required> |
|
|
|
<select class="form-select mt-2" name="cob" id="e-cob" onchange="eCob()"> |
|
|
|
|
|
|
|
<option value="" hidden>Select you country of birth</option> |
|
|
|
|
|
|
|
@foreach($countries as $country) |
|
|
|
|
|
|
|
<option value="{{$country->id}}" @if(old('country_id') === $country->id) selected @endif>{{$country->name}}</option> |
|
|
|
|
|
|
|
@endforeach |
|
|
|
|
|
|
|
</select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="col-md-4"> |
|
|
@ -78,7 +84,7 @@ |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<label for="name">Email</label> |
|
|
|
<label for="name">Email</label> |
|
|
|
<input type="text" class="form-control mt-2" id="email" name="email" placeholder="Enter your Email Address" required> |
|
|
|
<input type="email" class="form-control mt-2" id="email" name="email" placeholder="Enter your Email Address" required> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="col-md-4"> |
|
|
@ -88,7 +94,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<h3>Additional Information</h3> |
|
|
|
<h3 class="mt-5">Additional Information</h3> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<label for="name">Highest Qualification</label> |
|
|
|
<label for="name">Highest Qualification</label> |
|
|
@ -127,11 +133,21 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<label for="name">Work experience Details ( If any )</label> |
|
|
|
<label for="name">Do you have work experience?</label> |
|
|
|
|
|
|
|
<select class="form-select mt-2" name="work-experience" id="work-experience" onchange="wExperience()"> |
|
|
|
|
|
|
|
<option value="" hidden>Work experence status</option> |
|
|
|
|
|
|
|
<option value="yes">Yes</option> |
|
|
|
|
|
|
|
<option value="no">No</option> |
|
|
|
|
|
|
|
</select> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="col-md-4" id="work-exp-detail"> |
|
|
|
|
|
|
|
<div class="form-group mb-3"> |
|
|
|
|
|
|
|
<label for="name">Work experience Details</label> |
|
|
|
<input type="text" class="form-control mt-2" id="work-experience" name="work-experience" placeholder="Enter your Work experience Details"> |
|
|
|
<input type="text" class="form-control mt-2" id="work-experience" name="work-experience" placeholder="Enter your Work experience Details"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="col-md-4" id="work-salary-mode"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<label for="name">Salary mode</label> |
|
|
|
<label for="name">Salary mode</label> |
|
|
|
<input type="text" class="form-control mt-2" id="salary-mode" name="salary-mode" placeholder="Enter your Salary Mode"> |
|
|
|
<input type="text" class="form-control mt-2" id="salary-mode" name="salary-mode" placeholder="Enter your Salary Mode"> |
|
|
@ -166,27 +182,28 @@ |
|
|
|
</label> |
|
|
|
</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<span class='error' id="error-gender"></span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-4" id="married"> |
|
|
|
<div class="col-md-4" id="spouse-married-date"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<label for="name">Married date: (Only if Married if not Leave it bank)</label> |
|
|
|
<label for="name">Married date</label> |
|
|
|
<input type="date" class="form-control mt-2" id="married-date" name="married-date"> |
|
|
|
<input type="date" class="form-control mt-2" id="married-date" name="married-date"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-4" id="married"> |
|
|
|
<div class="col-md-4" id="spouse-academic"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<label for="name">Spouse Academics</label> |
|
|
|
<label for="name">Spouse Academics</label> |
|
|
|
<input type="text" class="form-control mt-2" id="spouse-academics" name="spouse-academics" placeholder="Enter your Spouse Academics"> |
|
|
|
<input type="text" class="form-control mt-2" id="spouse-academics" name="spouse-academics" placeholder="Enter your Spouse Academics"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-4" id="married"> |
|
|
|
<div class="col-md-4" id="spouse-experience"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<label for="name">Work Experience of Spouse</label> |
|
|
|
<label for="name">Work Experience of Spouse</label> |
|
|
|
<input type="text" class="form-control mt-2" id="spouse-work-experience" name="spouse-work-experience" placeholder="Enter Work Experience of Spouse"> |
|
|
|
<input type="text" class="form-control mt-2" id="spouse-work-experience" name="spouse-work-experience" placeholder="Enter Work Experience of Spouse"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-4" id="married"> |
|
|
|
<div class="col-md-4" id="spouse-salary"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<label for="name">Spouse Salary Mode</label> |
|
|
|
<label for="name">Spouse Salary Mode</label> |
|
|
|
<input type="text" class="form-control mt-2" id="spouse-salary-mode" name="spouse-salary-mode" placeholder="Enter Spouse Salary Mode"> |
|
|
|
<input type="text" class="form-control mt-2" id="spouse-salary-mode" name="spouse-salary-mode" placeholder="Enter Spouse Salary Mode"> |
|
|
@ -207,7 +224,13 @@ |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<div class="form-group mb-3"> |
|
|
|
<label for="name">Desired location (If Any)</label> |
|
|
|
<label for="name">Desired location (If Any)</label> |
|
|
|
<input type="text" class="form-control mt-2" id="desired-location" name="desired-location" placeholder="Enter your Desired location"> |
|
|
|
<select class="form-select mt-2" name="desired-location" id="desired-location"> |
|
|
|
|
|
|
|
<option value="" hidden class="select-placeholder">Select your desired location</option> |
|
|
|
|
|
|
|
<option value="au">Australia</option> |
|
|
|
|
|
|
|
<option value="nz">New Zeland</option> |
|
|
|
|
|
|
|
<option value="ca">Canada</option> |
|
|
|
|
|
|
|
<option value="us">USA</option> |
|
|
|
|
|
|
|
</select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-12 text-center"> |
|
|
|
<div class="col-md-12 text-center"> |
|
|
@ -220,14 +243,44 @@ |
|
|
|
@section('script') |
|
|
|
@section('script') |
|
|
|
<script> |
|
|
|
<script> |
|
|
|
function maritalStatus(){ |
|
|
|
function maritalStatus(){ |
|
|
|
var maritalStatus = document.getElementsByClassName('marital-status'); |
|
|
|
var marriedDate = document.getElementById('spouse-married-date'); |
|
|
|
var marriedInput = document.getElementById('married'); |
|
|
|
var spouseAcademic = document.getElementById('spouse-academic'); |
|
|
|
for(var i=0;i<maritalStatus.length;i++){ |
|
|
|
var spouseExperience = document.getElementById('spouse-experience'); |
|
|
|
if(maritalStatus[i].value == 'Married'){ |
|
|
|
var spouseSalary = document.getElementById('spouse-salary'); |
|
|
|
marriedInput.classList.add('married'); |
|
|
|
var maritalStatus = document.getElementsByClassName("marital-status"); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
for(var i=0;i<maritalStatus.length;i++){ |
|
|
|
|
|
|
|
if(maritalStatus[i].checked){ |
|
|
|
|
|
|
|
valid = true; |
|
|
|
|
|
|
|
break; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if(maritalStatus[i].value == "Married"){ |
|
|
|
|
|
|
|
marriedDate.classList.add('married'); |
|
|
|
|
|
|
|
spouseAcademic.classList.add('married'); |
|
|
|
|
|
|
|
spouseExperience.classList.add('married'); |
|
|
|
|
|
|
|
spouseSalary.classList.add('married'); |
|
|
|
|
|
|
|
}else{ |
|
|
|
|
|
|
|
marriedDate.classList.remove('married'); |
|
|
|
|
|
|
|
spouseAcademic.classList.remove('married'); |
|
|
|
|
|
|
|
spouseExperience.classList.remove('married'); |
|
|
|
|
|
|
|
spouseSalary.classList.remove('married'); |
|
|
|
} |
|
|
|
} |
|
|
|
console.log(maritalStatus[i].value) |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function wExperience(){ |
|
|
|
|
|
|
|
workExperience = document.getElementById('work-experience').value; |
|
|
|
|
|
|
|
workDetail = document.getElementById('work-exp-detail'); |
|
|
|
|
|
|
|
salaryMode = document.getElementById('work-salary-mode'); |
|
|
|
|
|
|
|
if(workExperience.length == 0){ |
|
|
|
|
|
|
|
$('#work-experience').focus(); |
|
|
|
|
|
|
|
return false; |
|
|
|
|
|
|
|
}if(workExperience == "yes"){ |
|
|
|
|
|
|
|
workDetail.classList.add('married'); |
|
|
|
|
|
|
|
salaryMode.classList.add('married'); |
|
|
|
|
|
|
|
}else{ |
|
|
|
|
|
|
|
workDetail.classList.remove('married'); |
|
|
|
|
|
|
|
salaryMode.classList.remove('married'); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|