@extends('frontend.layouts.app')
@section('content')
    <!--================Banner Area =================-->
    <section class="banner_area">
        <div class="container">
            <div class="pull-left">
                <h3>Contact Us</h3>
            </div>
            <div class="pull-right">
                <a href="/">Home</a>
                <a href="{{ route('contact') }}">Contact</a>
            </div>
        </div>
    </section>
    <!--================End Banner Area =================-->

    <!--================Contact From Area =================-->
    <section class="contact_form_area">
        <div class="container">
            <div class="main_title">
                <h5>GET IN TOUCH</h5>
                <h2>Contact Us</h2>
            </div>
            <div class="row contact_form_inner mb-5">
                <x-partials.validation-message />
                <x-partials.bootstrap-alert />

                <h3 class="c_inner_title">Send us a message</h3>

                <form class="contact_us_form" action="{{ route('contact.store') }}" method="post">
                    @csrf
                    <div class="form-group col-md-6">
                        <input type="text" class="form-control" id="name" name="name" placeholder="Your Name">
                    </div>

                    <div class="form-group col-md-6">
                        <input type="email" class="form-control" id="email" name="email" placeholder="Email">
                    </div>

                    <div class="form-group col-md-12">
                        <input type="text" class="form-control" id="subject" name="subject" placeholder="Subject">
                    </div>

                    <div class="form-group col-md-12">
                        <textarea class="form-control" id="message" name="message" placeholder="Message" rows="1"></textarea>
                    </div>

                    <div class="form-group col-md-12 button_area">
                        <button type="submit" value="submit your quote" class="btn submit_blue form-control"
                            id="js-contact-btn">Send
                            message <i class="fa fa-angle-right"></i></button>
                    </div>
                </form>
            </div>
        </div>
    </section>
    <!--================End Contact From Area =================-->
@endsection