TanchoToplineCargo/resources/views/client/topCargo/quote.blade.php
2024-05-09 17:45:55 +05:45

178 lines
9.2 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@extends('client.topCargo.layouts.layout')
@section('title', 'Request a Quote')
@section('content')
<!--Page Header-->
<div class="page-header title-area">
<div class="header-title">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<h1 class="page-title">Request A Quote</h1>
</div>
</div>
</div>
</div>
<div class="breadcrumb-area">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-12 col-xs-12 site-breadcrumb">
<nav class="breadcrumb">
<a class="home" href="{{ route('home') }}"><span>Home</span></a>
<i class="fa fa-angle-right" aria-hidden="true"></i>
<span>Request A Quote</span>
</nav>
</div>
</div>
</div>
</div>
</div>
<!--Page Header end-->
<!--Request a Quote -->
<section class="whychoose-1 secpadd">
<div class="container">
<div class="row quote1top">
<div class="col-md-8">
<div class="fh-section-title clearfix text-left version-dark paddbtm40">
<h2>Request a Quote</h2>
</div>
<p>Were always interested in new projects, big or small. Send us an email and well get in touch
shortly, or phone between 8:00 am and 7:00 pm Sunday to Friday.</p>
</div>
</div>
<div class="row quote1forms">
<div class="col-md-12">
<form action="{{ route('send-email') }}" id="quote-enquiry" method="POST">
@csrf
<div id="loading" style="display:none"><img
src="{{ asset('topCargo/assets/images/ajax-loader.png') }}" alt="loading" /></div>
<div class="quote-form-message"></div>
<input type="hidden" name="identifier" value="quote">
<div class="fh-form request-form">
<div class="row">
<div class="field col-md-4">
<label>First Name<span class="require">*</span></label>
<input placeholder="First Name" type="text" name="firstname">
</div>
<div class="field col-md-4">
<label>Last Name<span class="require">*</span></label>
<input placeholder="Last Name" type="text" name="lastname">
</div>
<div class="field col-md-4">
<label>Email Address<span class="require">*</span></label>
<input name="email" placeholder="Email Address" type="email">
</div>
<div class="col-md-8 request-row">
<p class="field first-row">
<label>City Departure</label>
<input type="text" name="citydeparture">
</p>
<p class="field last-row">
<label>Delivery City</label>
<input type="text" name="DeliverCity">
</p>
<p class="field first-row">
<label>Parcel Type</label>
<select id="parceltype">
<option value="FOB">FOB</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
</select>
</p>
<p class="field last-row">
<label>Weight(kg)</label>
<input type="text" name="weight">
</p>
<p class="field single-field">
<label>Special Info</label>
<textarea name="specialinfo"></textarea>
</p>
</div>
<div class="col-md-4">
<p class="field check-box">
<label>Freight Type<span class="require">*</span></label>
<span class="checkbox-box">
<span class="checkbox_item"><label><input type="checkbox" name="freightType[]"
value="Warehousing Services">Warehousing Services</label></span>
<span class="checkbox_item"><label><input type="checkbox" name="freightType[]"
value="Road Transportation">Road Transportation</label></span>
<span class="checkbox_item"><label><input type="checkbox" name="freightType[]"
value="Air Transportation">Air Transportation</label></span>
<span class="checkbox_item"><label><input type="checkbox" name="freightType[]"
value="Sea Transportation">Sea Transportation</label></span>
<span class="checkbox_item"><label><input type="checkbox" name="freightType[]"
value="Logistics Planning">Logistics Planning</label></span>
</span>
</p>
<p class="field submit">
<input value="Submit" class="fh-btn" type="submit">
</p>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!--Request a Quote end -->
@push('js')
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$('#quote-enquiry').submit(function(e) {
e.preventDefault();
var form = $(this);
var formData = form.serialize();
var url = form.attr('action');
$.ajax({
type: 'POST',
url: url,
data: formData,
beforeSend: function() {
$('#loading').show();
},
success: function(response) {
if (response.success) {
$('.quote-form-message').html('<div class="alert alert-success">' +
response.success + '</div>');
form.trigger('reset');
setTimeout(function() {
$('.quote-form-message').fadeOut();
}, 2000);
} else {
$('.quote-form-message').html('<div class="alert alert-danger">' +
response.error + '</div>');
setTimeout(function() {
$('.quote-form-message').fadeOut();
}, 2000);
}
},
error: function(xhr, status, error) {
var errorMessage = xhr.status + ': ' + xhr.statusText;
$('.quote-form-message').html(
'<div class="alert alert-danger">Error - ' + errorMessage +
'</div>');
setTimeout(function() {
$('.quote-form-message').fadeOut();
}, 2000);
},
complete: function() {
$('#loading').hide();
}
});
});
});
</script>
@endpush
@endsection