232 lines
9.9 KiB
PHP
232 lines
9.9 KiB
PHP
@extends('client.topCargo.layouts.layout')
|
||
|
||
@section('title', 'Contact us')
|
||
|
||
@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">Contact</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>Contact</span>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--Page Header end-->
|
||
|
||
|
||
<section class="contactpagesec secpadd">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-md-12">
|
||
<div class="fh-section-title clearfix f25 text-left version-dark paddbtm40">
|
||
<h2>Contact Details</h2>
|
||
</div>
|
||
<p class="margbtm30">If you have any questions about what we offer for consumers or for business, you
|
||
can always email us or call us via the below details. We’ll reply within 24 hours.</p>
|
||
<div class="row">
|
||
<div class="col-md-6 col-sm-12">
|
||
<div class="fh-contact-box type-address "><i class="flaticon-pin"></i>
|
||
<h4 class="box-title">Visit our office</h4>
|
||
<div class="desc">
|
||
<p><?php echo SITEVARS->address; ?></p>
|
||
</div>
|
||
</div>
|
||
<div class="fh-contact-box type-email "><i class="flaticon-business"></i>
|
||
<h4 class="box-title">Mail Us at</h4>
|
||
<div class="desc">
|
||
<p><?php echo SITEVARS->email; ?>
|
||
<br>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-sm-12">
|
||
<div class="fh-contact-box type-phone "><i class="flaticon-phone-call "></i>
|
||
<h4 class="box-title">Call us on</h4>
|
||
<div class="desc">
|
||
<p>Office: <?php echo SITEVARS->phone; ?> & <?php echo SITEVARS->secondary_phone; ?>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="fh-contact-box type-social "><i class="flaticon-share"></i>
|
||
<h4 class="box-title">We are social</h4>
|
||
<ul class="clearfix">
|
||
<li class="facebook">
|
||
<a href="<?php echo SITEVARS->fb; ?>" target="_blank">
|
||
<i class="fa fa-facebook"></i>
|
||
</a>
|
||
</li>
|
||
<li class="twitter">
|
||
<a href="<?php echo SITEVARS->twitter; ?>" target="_blank">
|
||
<i class="fa fa-twitter"></i>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="twitter">
|
||
<a href="<?php echo SITEVARS->tiktok; ?>" target="_blank">
|
||
<i class="fa fa-youtube"></i>
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!--contact end-->
|
||
|
||
<!--contact form -->
|
||
<section class="contactpagform graybg secpadd">
|
||
<div class="container">
|
||
<div class="fh-section-title clearfix f25 text-center version-dark paddbtm40">
|
||
<h2>Leave Your Message</h2>
|
||
</div>
|
||
<p class="paddbtm40 text-center">If you have any questions about the services we provide simply use the form
|
||
below. We try and respond to all
|
||
<br>queries and comments within 24 hours.
|
||
</p>
|
||
<form method="post" action="{{ route('send-email') }}" id="contact-enquiry" novalidate="novalidate">
|
||
@csrf
|
||
<input type="hidden" name="identifier" value="contact">
|
||
<div class="fh-form fh-form-3">
|
||
<div class="row">
|
||
<div class="col-md-6 col-sm-6 col-xs-12">
|
||
<p class="field">
|
||
<input name="name" placeholder="Your Name*" type="text">
|
||
</p>
|
||
<p class="field">
|
||
<input name="email" placeholder="Email Address*" type="email">
|
||
</p>
|
||
<p class="field">
|
||
<input name="phone" placeholder="Phone" type="text">
|
||
</p>
|
||
</div>
|
||
<div class="col-md-6 col-sm-6 col-xs-12">
|
||
<p class="field single-field">
|
||
<textarea name="message" cols="40" rows="10" placeholder="Your Message..."></textarea>
|
||
</p>
|
||
</div>
|
||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||
<p class="field submit">
|
||
<button class="fh-btn" type="submit">Submit</button>
|
||
</p>
|
||
</div>
|
||
<div id="loading" style="display:none"><img
|
||
src="{{ asset('topCargo/assets/images/ajax-loader.png') }}" alt="loading" /></div>
|
||
<div class="contact-form-message"></div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
<!--contact form end -->
|
||
|
||
<!--google map-->
|
||
<iframe id="map-container" src="<?php echo SITEVARS->google_map; ?>" width="100%" height="500" style="border:0;" allowfullscreen=""
|
||
loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||
|
||
<!--google map 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() {
|
||
$('#contact-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) {
|
||
$('.contact-form-message').html(
|
||
'<div class="alert alert-success">' + response.success +
|
||
'</div>');
|
||
form.trigger('reset');
|
||
} else {
|
||
$('.contact-form-message').html('<div class="alert alert-danger">' +
|
||
response.error + '</div>');
|
||
}
|
||
},
|
||
error: function(xhr, status, error) {
|
||
var errorMessage = xhr.status + ': ' + xhr.statusText;
|
||
$('.contact-form-message').html(
|
||
'<div class="alert alert-danger">Error - ' + errorMessage +
|
||
'</div>');
|
||
},
|
||
complete: function() {
|
||
$('#loading').hide();
|
||
}
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
@endpush
|
||
|
||
|
||
{{-- @push('js')
|
||
<script>
|
||
$('#contact').on('submit',function(event){
|
||
event.preventDefault();
|
||
var form = $(this)[0];
|
||
var url = $(this).attr('action');
|
||
|
||
var formData = new FormData(form);
|
||
$.ajax({
|
||
url:url,
|
||
method:'POST',
|
||
data:formData,
|
||
processData:false,
|
||
contentType:false,
|
||
dataType:'JSON',
|
||
success: function(response){
|
||
if(response.status == true){
|
||
form.reset();
|
||
Swal.fire({
|
||
position:"top-end",
|
||
icon:"success",
|
||
title:"Message have been deliverd",
|
||
showConfirmationButton:false,
|
||
timer:1500
|
||
});
|
||
}
|
||
},
|
||
error:function(response){
|
||
console.log('Error sending mail');
|
||
}
|
||
})
|
||
})
|
||
</script>
|
||
@endpush --}}
|
||
@endsection
|