@extends('frontend.main')
@section('content')

    <style>
        .contact-form-section{
            padding-top: 40px !important;
        }
    </style>
    @include('frontend.layouts.banner')

    <!--Map Info Section-->
    {{--<section class="map-section">--}}

        {{--<!--Map Canvas-->--}}
        {{--<div class="map-canvas"--}}
             {{--data-zoom="12"--}}
             {{--data-lat="-37.817085"--}}
             {{--data-lng="144.955631"--}}
             {{--data-type="roadmap"--}}
             {{--data-hue="#ffc400"--}}
             {{--data-title="Envato"--}}
             {{--data-icon-path="images/icons/map-marker.png"--}}
             {{--data-content="Melbourne VIC 3000, Australia<br><a href='mailto:info@youremail.com'>info@youremail.com</a>">--}}
        {{--</div>--}}

    {{--</section>--}}
    <!--End Map Info Section-->

    <!--Contact Form Section-->
    <section class="contact-form-section">
        <div class="auto-container">
            <h2>Fill Up The Form</h2>

            <!-- Contact Form -->
            <div class="contact-form wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">

                <!--Comment Form-->
                <form method="post" action="{{route('inquiry')}}" id="contact-form" name="inquiryForm">
                    {{ csrf_field() }}
                    <div class="row clearfix">
                        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                            <input type="text" name="contactName" placeholder="Name" required>
                        </div>

                        <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                            <input type="text" name="contactPhone" placeholder="Phone" required>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                            <input type="email" name="contactEmail" placeholder="Email" required>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                            <input type="text" name="contactSubject" placeholder="Subject" required>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                            <textarea name="contactMessage" placeholder="Message"></textarea>
                        </div>

                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center form-group">
                            <button class="theme-btn btn-style-two">SEND MESSAGE <span class="arrow fa fa-angle-right"></span></button>
                        </div>

                    </div>
                </form>

            </div>
            <!--End Contact Form -->

        </div>
    </section>
    <!--End Contact Form Section-->

    {{--@push('scripts')--}}
        {{--<!--Google Map APi Key-->--}}
        {{--<script src="http://maps.google.com/maps/api/js?key=AIzaSyB2uu6KHbLc_y7fyAVA4dpqSVM4w9ZnnUw"></script>--}}
    {{--@endpush--}}

@endsection