@extends('front.layout.main')
@section('title',$header['title'])
@section('meta_description',$header['meta_description'])
@section('meta_title',$header['meta_title'])
@section('content')

<section class="breadcrumb-main pb-20 pt-14" style="background-image: url({{ URL::asset('front-assets/images/bg/bg1.jpg') }});">
    <div class="section-shape section-shape1 top-inherit bottom-0" style="background-image: url({{ URL::asset('front-assets/images/shape8.png') }});">
    </div>
    <div class="breadcrumb-outer">
        <div class="container">
            <div class="breadcrumb-content text-center">
                <h1 class="mb-3">Contact Us</h1>
                <nav aria-label="breadcrumb" class="d-block">
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('front.home') }}">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
                    </ul>
                </nav>
            </div>
            <div class="serach_form_flight">
                <script src="https://tp.media/content?trs=3968&shmarker=301880&show_hotels=false&powered_by=false&locale=en&currency=usd&searchUrl=deals.cheapflightsfor.us%2Fflights&color_button=%239a0056&color_icons=%23FDC703&dark=%23262626&light=%23FFFFFF&secondary=%23FFFFFF&special=%23C4C4C4&color_focused=%23FDC703&border_radius=10&plain=true&promo_id=7879&campaign_id=100" charset="utf-8"></script>
            </div>
        </div>
    </div>
    <div class="dot-overlay"></div>
</section>



<section class="contact-main pt-6 pb-60">
    <div class="container">
        <div class="contact-info-main mt-0">
            <div class="row">
                <div class="col-lg-10 col-offset-lg-1 mx-auto">
                    <div class="contact-info bg-white">
                        <div class="contact-info-title text-center mb-4 px-5">
                            <h3 class="mb-1">INFORMATION ABOUT US</h3>

                        </div>
                        
                        <div id="contact-form1" class="contact-form">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="map rounded overflow-hiddenb rounded mb-md-4">
                                        <div style="width: 100%">

                                            <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d6653.420186661494!2d-112.082537!3d33.508919000000006!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x872b12c3250e3665%3A0x2eaf2e0834abed66!2sPhoenix%2C%20AZ%2085013%2C%20USA!5e0!3m2!1sen!2sin!4v1684303833087!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div id="contactform-error-msg"></div>
                                    <form method="POST" action="{{ route('front.contact-us.sendMail') }}" name="contactform2" id="contactform2">
                                        @csrf
                                        <div class="form-group mb-2 req-error">
                                            <input type="text" name="first_name" class="form-control" id="fullname" placeholder="First Name" required>
                                        </div>
                                        <div class="form-group mb-2 req-error">
                                            <input type="text" name="last_name" class="form-control" id="llastname" placeholder="Last Name" required>
                                        </div>
                                        <div class="form-group mb-2 req-error">
                                            <input type="email" name="email" class="form-control" id="email" placeholder="Email" required>
                                        </div>
                                        <div class="form-group mb-2 req-error">
                                            <input type="text" name="phone" class="form-control" id="phnumber" placeholder="Phone" required>
                                        </div>
                                        <div class="textarea mb-2 req-error">
                                            <textarea name="comments" class="" placeholder="Enter a message" required></textarea>
                                        </div>
                                        <div class=" text-center">
                                            <input type="submit" class="nir-btn" id="submit2" value="Send Message">
                                            
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection