tribikram
/
ET-VISA
1
0
Fork 0
Code Issues 24 Pull Requests 15 Packages Projects 1 Releases Wiki Activity

[edit] enquiry form

Browse Source
et#31
tribikram 2 years ago
parent 6243e4f6b9
commit 310764ce27
5 changed files with 143 additions and 25 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      app/Models/Country.php
  2. 31
      database/migrations/2023_02_16_164059_create_countries_table.php
  3. 31
      public/frontend/css/style.css
  4. 91
      resources/views/enquiry-form.blade.php
  5. 4
      routes/web.php

11
app/Models/Country.php
Unescape View File

@ -0,0 +1,11 @@
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
class Country extends Model
{
use HasFactory;
}

31
database/migrations/2023_02_16_164059_create_countries_table.php
Unescape View File

@ -0,0 +1,31 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('countries', function (Blueprint $table) {
$table->id();
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('countries');
}
};

31
public/frontend/css/style.css
Unescape View File

@ -1692,18 +1692,26 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
border-radius: 6px;
margin-top: 35px;
}
.enquiry-from-btn:hover{
background-color: #E32394;
transition: background-color 1s ease-out 100ms;
}
.form-select .select-placeholder{
color: #7B8792;
}
.enquiry-form-row h3{
font-weight: 600;
color: #E22899;
margin: 20px 0;
color: #212529;
margin: 10px 0;
text-align: center;
font-size: 24px;
letter-spacing: 0.001em;
display: inline-block ;
}
.enquiry-form-row h3::after{
content: '';
border-bottom: 5px solid #E22899;
margin: 1% 40%;
border-bottom: 2px solid #212529;
margin: 0.5% 45%;
justify-content: center;
display: block;
}
@ -1714,13 +1722,26 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
line-height: 48px;
letter-spacing: 0.005em;
color: #326CBF;
}
.enquiry-form-section p{
text-align: center;
}
#married{
#spouse-married-date,
#spouse-academic,
#spouse-experience,
#spouse-salary,
#work-exp-detail,
#work-salary-mode{
display: none;
}
.married{
display: block !important;
}
.enquiry-form-section .form-control:focus,
.enquiry-form-section .form-select:focus{
box-shadow: none;
border-color: none;
}
/* enquiry page css ends */
/* Footer Css */

91
resources/views/enquiry-form.blade.php
Unescape View File

@ -10,7 +10,8 @@
@endsection
@section('content')
<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="">
<div class="row enquiry-form-row">
<h3>Personal Details</h3>
@ -23,7 +24,7 @@
<div class="col-md-4">
<div class="form-group mb-3">
<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 class="col-md-4">
@ -41,7 +42,12 @@
<div class="col-md-4">
<div class="form-group mb-3">
<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 class="col-md-4">
@ -78,7 +84,7 @@
<div class="col-md-4">
<div class="form-group mb-3">
<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 class="col-md-4">
@ -88,7 +94,7 @@
</div>
</div>
<h3>Additional Information</h3>
<h3 class="mt-5">Additional Information</h3>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Highest Qualification</label>
@ -127,11 +133,21 @@
</div>
<div class="col-md-4">
<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">
</div>
</div>
<div class="col-md-4">
<div class="col-md-4" id="work-salary-mode">
<div class="form-group mb-3">
<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">
@ -166,27 +182,28 @@
</label>
</div>
</div>
<span class='error' id="error-gender"></span>
</div>
</div>
<div class="col-md-4" id="married">
<div class="col-md-4" id="spouse-married-date">
<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">
</div>
</div>
<div class="col-md-4" id="married">
<div class="col-md-4" id="spouse-academic">
<div class="form-group mb-3">
<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">
</div>
</div>
<div class="col-md-4" id="married">
<div class="col-md-4" id="spouse-experience">
<div class="form-group mb-3">
<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">
</div>
</div>
<div class="col-md-4" id="married">
<div class="col-md-4" id="spouse-salary">
<div class="form-group mb-3">
<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">
@ -207,7 +224,13 @@
<div class="col-md-4">
<div class="form-group mb-3">
<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 class="col-md-12 text-center">
@ -220,14 +243,44 @@
@section('script')
<script>
function maritalStatus(){
var maritalStatus = document.getElementsByClassName('marital-status');
var marriedInput = document.getElementById('married');
for(var i=0;i<maritalStatus.length;i++){
if(maritalStatus[i].value == 'Married'){
marriedInput.classList.add('married');
var marriedDate = document.getElementById('spouse-married-date');
var spouseAcademic = document.getElementById('spouse-academic');
var spouseExperience = document.getElementById('spouse-experience');
var spouseSalary = document.getElementById('spouse-salary');
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>

4
routes/web.php
Unescape View File

@ -39,6 +39,7 @@ use App\Http\Controllers\Admin\SeoTitleController;
use App\Http\Controllers\Admin\VisaServiceController;
use App\Http\Controllers\Admin\FaqController;
use App\Http\Controllers\Admin\VisaServiceSectionController;
use App\Models\Country;
use App\Http\Controllers\Admin\TeamController;
use App\Http\Controllers\Admin\AppointmentController;
@ -302,7 +303,8 @@ Route::get('/insurance', function () {
return view('insurance');
});
Route::get('/enquiry', function () {
return view('enquiry-form');
$countries = Country::all();
return view('enquiry-form', compact('countries'));
});
// Route::get('/visa', function () {
// return view('visa');

Write Preview
Loading…
Cancel
Save