| Current File : //home/tradevaly/new.tradevaly.com.bd/resources/views/frontend/pages/contact.blade.php |
@extends('frontend.layouts.app')
@push('style')
@endpush
@section('content')
<!--/*********************Banner *********************************************** -->
<section class="representative-banner page_bottom_slider">
@foreach($banners as $banner )
<a href="{{ $banner->link }}">
<img src="{{asset('storage/images/admin/banner/'.$banner['image'])}}" class="img-fluid w-100"/>
</a>
@endforeach
</section>
<!-- ******************** Contact From and Bannder *********************************-->
<section class="bg-white services-contact contact-bg mb-4 mt-md-5">
<div class="container">
<div class="row">
<figure class="col-md-5 mb-0 d-md-block d-none mt-5">
<img src="{{asset("assets/frontend/img/contactbg.png ")}}" alt="Get In Touch Banner" class="lazy mt-4" style="">
</figure>
<div class="col-md-7">
<h5>Get In Touch!</h5>
<div class="separator">
<span></span>
</div>
<p>Email us with any question or inquiries. We would be happy to answer your questions and setup a meeting with you. Let us know your feedback so that we can do our best to serve you.</p>
<div class="alert alert-success alert-dismissible fade d-none" role="alert" id="contactResponse">
<strong>Enquiry Submitted!</strong> Our team will contact you shortly!
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="contact-form">
<div class="form-wrapper">
<form method="POST" action="{{route('help')}}" accept-charset="UTF-8" name="contactform" class="validate-form" id="contactForm" novalidate="novalidate">
@csrf
<div class="form-row">
<div class="col-sm-6">
<label for="First Name">First Name</label>
<input class="head-field form-control" required placeholder="Please enter your first name" autocomplete="f_name" name="f_name" type="text" aria-required="true">
</div>
<div class="col-sm-6">
<label for="Last Name">Last Name</label>
<input class="head-field form-control" required placeholder="Please enter your last name" autocomplete="l_name" name="l_name" type="text" aria-required="true">
</div>
<div class="col-sm-6">
<label for="E-mail">E-mail</label>
<input class="head-field form-control" required placeholder="Please enter your email address" autocomplete="email" name="email" type="email" aria-required="true">
</div>
<div class="col-sm-6">
<label for="IM (SKYPE /QQ)">IM (SKYPE / QQ / WeChat / Whatsapp)</label>
<input class="head-field" required placeholder="Please enter your username" autocomplete="username" name="u_name" type="text" aria-required="true">
</div>
<div class="col-sm-12">
<label for="Company Name / Website">Company Name / Website</label>
<input class="head-field" required placeholder="Please enter your company name or website" autocomplete="c_name" name="c_name" type="text" aria-required="true">
</div>
@php
$my_ip = ip_country('103.122.29.214')->country_code;
$my_country = \App\Models\Country::where('iso', $my_ip)->first();
$countrylist = \App\Models\Country::all();
@endphp
<div class="col-lg-6 mb-2">
<label>{{ translate('Country') }}</label>
<select class="head-field country_id" name="country_id" required>
<option value="">Choose Country</option>
@foreach($countrylist as $country)
<option style="text-transform:cpitalize" value="{{$country->id}}" @if($country->id == $my_country->id) selected @endif><span class="text-capitalize">{{$country->nicename}}</span></option>
@endforeach
</select>
</div>
<div class="col-lg-6 mb-2 ">
<label>{{ translate('Phone') }}</label>
<input type="tel" class="head-field regphone" name="phone" placeholder="{{ translate('+00') }}" required="required" value="+{{$my_country->phonecode}}">
<input id="phone" type='hidden'>
</div>
<div class="col-sm-12">
<label for="Message">Message</label>
<textarea class="head-field" cols="50" required placeholder="Please enter your Enquiry" name="message" aria-required="true"></textarea>
</div>
<div class="form-group">
<div class="col-lg-12 {{ $errors->has('g-recaptcha-response') ? ' has-error' : '' }}">
{!! app('captcha')->display() !!}
@if ($errors->has('g-recaptcha-response'))
<span class="help-block">
<strong>{{ $errors->first('g-recaptcha-response') }}</strong>
</span>
@endif
</div>
</div>
<div class="col-lg-12">
<div class="form-check mb-4">
<input class="form-check-input" type="checkbox" value="" id="invalidCheck" name="check_status" required>
<label class="form-check-label" for="invalidCheck">
I agree to the <a href="{{ url('terms') }}">terms and conditions </a> and <a href="{{ url('privacy&policy') }}">privacy policy </a>
</label>
<div class="invalid-feedback">
You must agree before submitting.
</div>
</div>
</div>
<div class="col-12 mt-3 ">
<input type="submit" value="Submit" class="submit mt-0">
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-md-12"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3651.2738618016656!2d90.40781711543187!3d23.773260293818485!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c779ca3ebc23%3A0x6b23f0659cde3323!2sNiketan%2C%20Gulshan%2C%20Dhaka!5e0!3m2!1sen!2sbd!4v1652158628816!5m2!1sen!2sbd" width="100%" height="auto" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe><br /></div>
</div>
</div>
</section>
@endsection
@push('script')
<script>
var input = document.querySelector(".phone_h");
window.intlTelInput(input, {
initialCountry: "auto",
geoIpLookup: function(callback) {
$.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
var countryCode = (resp && resp.country) ? resp.country : "bd";
callback(countryCode);
});
},
utilsScript: "{{URL::asset('assets/frontend/js/utils.js')}}"
});
$(document).on('change', '[name=country_id]', function() {
var state_id = $(this).val();
get_city(state_id);
});
function get_city(country_id) {
$(".regphone_h").val("");
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
url: "{{route('country.code')}}",
type: 'POST',
data: {
id : country_id
},
success: function (response) {
$(".regphone_h").val(response);
}
});
}
</script>
@endpush