@extends('layout.app')
@section('title')
< title > Contact Us< / title >
< meta name = "description" content = "ET Education and Visa Services, presented by Extratech, is an adept provider of excellent education consultation, information, and visa guidance solution to students seeking schooling abroad." >
< meta name = "robots" content = "index, follow" / >
< meta property = "og:url" content = "" / >
< meta property = "og:image" content = "{{url('frontend/images/banner.png')}}" / >
< meta property = "og:title" content = "ET-Visas" / >
< meta property = "og:description" content = "ET Education and Visa Services, presented by Extratech, is an adept provider of excellent education consultation, information, and visa guidance solution to students seeking schooling abroad." / >
@endsection
@section('content')
@php
$msg = Session::get('msg') ?? null;
@endphp
< section class = "abroad-banner-section" style = "background: url({{$page->banner_image}})" >
<!-- <nav aria - label="breadcrumb">
< ol class = "breadcrumb" >
< li class = "breadcrumb-item" > < a href = "/" > Home< / a > < / li >
< li class = "breadcrumb-item active" aria-current = "page" > Contact< / li >
< / ol >
< / nav > -->
< div class = "studyabroad-banner-header" >
< h1 > {{$page->title}}< / h1 >
< h5 > {{$page->sub_title}}< / h5 >
< / div >
< / section >
< section class = "contact-form-section" >
< div class = "contact-form" >
< div class = "row gx-5" >
< div class = "col-md-4 col-sm-12" >
< div class = "contact-desc" >
< div class = "contact-left-top" >
< h1 > Talk to our Expert< / h1 >
< p > Please contact us or book an appointment with us, we will be glad to answer all your queries.< / p >
< / div >
< div class = "contact-img" >
< img src = "{{url('frontend/images/two-content.png')}}" class = "w-100" alt = "" >
< / div >
< div class = "contact-offices" >
< h2 > Sydney Office< / h2 >
< a href = "https://goo.gl/maps/oidE9uWCaccC98gP8" target = "_blank" class = "offices-des" >
< img src = "{{url('frontend/icons/contact-location.png')}}" class = "img-fluid" alt = "" >
< h5 > Suite 132 & 133, Level 3, 10 Park Road, Hurstville NSW 2220< / h5 >
< / a >
< a href = "mailto: admin@eteducation.com.au" class = "offices-des" >
< img src = "{{url('frontend/icons/contact-email.png')}}" class = "img-fluid" alt = "" >
< h5 > admin@eteducation.com.au< / h5 >
< / a >
< a href = "tel: +61 405 978 672" class = "offices-des" >
< img src = "{{url('frontend/icons/contact-phone.png')}}" class = "img-fluid" alt = "" >
< h5 > +61 405 978 672< / h5 >
< / a >
< / div >
< / div >
< / div >
< div class = "col-md-8 col-sm-12" >
< div class = "form-sec" >
< h1 > Send us a Message!< / h1 >
< p > If you have any queries, let us know.< / p >
< form action = "{{url('contact')}}" method = "post" onsubmit = "return validateContact()" >
@csrf
< div class = "row gy-4" >
< div class = "col-md-6" >
< div class = "form-group" >
< label for = "" > Full Name< / label >
< input type = "text" name = "full_name" class = "form-control" id = "contact-fullname" value = "" placeholder = "Your full name" onkeyup = "contactFullname()" >
< / div >
< span class = "error" id = 'contact-fname-error' > < / span >
< / div >
< div class = "col-md-6" >
< div class = "form-group" >
< label for = "" > Email address< / label >
< input type = "email" name = "email" class = "form-control" placeholder = "Your email address" value = "" id = "contact-email" onkeyup = "contactEmail()" >
< / div >
< span class = "error" id = 'contact-email-error' > < / span >
< / div >
< div class = "col-md-6" >
< div class = "form-group" >
< label for = "" > Phone number< / label >
< input type = "number" name = "phone" class = "form-control" placeholder = "Your phone number" value = "" id = "contact-phone" onkeyup = "contactPhone()" >
< / div >
< span class = "error" id = 'contact-phone-error' > < / span >
< / div >
< div class = "col-md-6" >
< div class = "form-group" >
< label for = "" > Nationality< / label >
< input type = "text" name = "nationality" class = "form-control" placeholder = "Your nationality" id = "contact-nationality" onkeyup = "contactNationality()" >
< / div >
< span class = "error" id = 'contact-nationality-error' > < / span >
< / div >
< div class = "col-md-12 mb-4" >
< div class = "form-group" >
< label for = "exampleFormControlTextarea1" > Enquiry< / label >
< textarea class = "form-control" name = "message" id = "exampleFormControlTextarea1" placeholder = "Your enquiries.." rows = "5" > < / textarea >
< / div >
< span class = "error" id = 'contact-message-error' > < / span >
< / div >
< div class = "text-center" >
< button type = "submit" class = "" > Submit your enquiry< / button >
< / div >
< / div >
< / form >
< / div >
< / div >
< / div >
< / div >
< / section >
< section class = "map-section" >
< iframe src = "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3309.0069665910596!2d151.10355791583234!3d-33.966660431577246!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b12b9bd323606ad%3A0xf85fba58b6ff7bd6!2sSuite%20132%20%26%20133%2C%20Level%2F3%20Park%20Rd%2C%20Hurstville%20NSW%202220%2C%20Australia!5e0!3m2!1sen!2snp!4v1674634288627!5m2!1sen!2snp" width = "100%" height = "450" style = "border:0;" allowfullscreen = "" loading = "lazy" referrerpolicy = "no-referrer-when-downgrade" > < / iframe >
< / section >
@endsection
@section('script')
< script src = "//cdn.jsdelivr.net/npm/sweetalert2@11" > < / script >
< script src = "https://code.jquery.com/jquery-3.6.0.min.js" integrity = "sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin = "anonymous" > < / script >
< script >
// contact us form error declaration
fnameError = document.getElementById('contact-fname-error');
emailError = document.getElementById('contact-email-error');
phoneError = document.getElementById('contact-phone-error');
nationalityError = document.getElementById('contact-nationality-error');
messageError = document.getElementById('contact-message-error');
function contactFullname(){
var fullname = document.getElementById('contact-fullname').value;
if(fullname.length == 0){
$('#contact-fullname').focus();
fnameError.innerHTML = "Full name is required !";
return false;
}
else{
fnameError.innerHTML = '';
return true;
}
}
function contactEmail(){
var email = document.getElementById('contact-email').value;
if(email.length == 0){
$('#contact-email').focus();
emailError.innerHTML = "Email field is required !";
return false;
}
else{
emailError.innerHTML = '';
return true;
}
}
function contactPhone(){
var phone = document.getElementById('contact-phone').value;
if(phone.length == 0){
$('#contact-phone').focus();
phoneError.innerHTML = "Phone number is required !";
return false;
}
if(!phone.match(/^\d{10}$/)){
phoneError.innerHTML = "Please provide valid 10 digit number";
return false;
}
else{
phoneError.innerHTML = '';
return true;
}
}
function contactNationality(){
var nationality = document.getElementById('contact-nationality').value;
if(nationality.length == 0){
$('#contact-nationality').focus();
nationalityError.innerHTML = "Nationality field is required !";
return false;
}
else{
nationalityError.innerHTML = '';
return true;
}
}
function validateContact(){
if(!contactFullname() || !contactEmail() || !contactPhone() ||
!contactNationality()){
return false;
}
else{
Swal.fire(
'Good job!',
'You clicked the button!',
'success'
)
// $('#contactModal').modal('show');
}
}
var php_var = "<?php echo $msg ; ?> ";
if(php_var.length !== 0){
alert(php_var);
Swal.fire({
title: 'Submitted!!',
text: php_var,
icon: 'success'
})
}
< / script >
@endsection
