@extends('layouts.front_end')
@section('title', 'Contact')
@section('content')
<div>
    <section class="contact-area primary-bg pt-100 pb-70">
        <div class="container">
            <div class="contact-wrap-padding">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-6 col-sm-8">
                        <div class="contact-info-box text-center mb-30">
                            <div class="contact-box-icon">
                                <i class="flaticon-placeholder"></i>
                            </div>
                            <div class="contact-info-content">
                                <h5>Our Location</h5>
                                <p>@if($companyInfo) {!! $companyInfo->address !!} @endif</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-8">
                        <div class="contact-info-box text-center mb-30">
                            <div class="contact-box-icon">
                                <i class="flaticon-mail"></i>
                            </div>
                            <div class="contact-info-content">
                                <h5>Our Email</h5>
                                <p>Email Us: @if($companyInfo) {!! $companyInfo->email !!} @endif</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-8">
                        <div class="contact-info-box text-center mb-30">
                            <div class="contact-box-icon">
                                <i class="flaticon-telephone"></i>
                            </div>
                            <div class="contact-info-content">
                                <h5>Phone Number</h5>
                                <p>Contacr Numbers: @if($companyInfo) {!! $companyInfo->phone !!} @endif</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="contact-wrap-padding">
                    <div class="row">
                        <div class="col-md-3"></div>
                        <div class="col-lg-6">
                            <div class="contact-map">
                                @if($companyInfo) {!! $companyInfo->google_map_location !!} @endif
                            </div>
                        </div>
                        <div class="col-md-3"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- contact-area-end -->

</div>
@endsection


@section('script')
<script>
    $(document).ready(function(){
		$('#messages').ajaxForm({
			beforeSend: formBeforeSend,
			beforeSubmit: formBeforeSubmit,
			error: formError,
			success: function (responseText, statusText, xhr, $form) {
				// window.location.replace(responseText.redirect_url);
                formSuccess(responseText, statusText, xhr, $form);
			},
			clearForm: true,
			resetForm: true
		});
	});
</script>
@endsection