@extends('layouts.public')

@section('title', 'Contact Us')
@section('content')
    <div class="row justify-content-center contact">
        <div class="col-lg-6  justify-content-center">
            @include('spark::shared.errors')
            <form id="contactForm" role="form" method="post" action="{{ url('contact/save') }}">
                {{ csrf_field() }}
                <div class="flex-lg-column contact-container  justify-content-center">

                    <div class="d-flex justify-content-center contact-head-text">Contact Us</div>
                    <div class="d-flex justify-content-center">
                        <input placeholder="Your Name" type="text" class="input contact-input" name="name" value="{{ old('name') }}" autofocus>
                    </div>
                    <div class="d-flex justify-content-center">
                        <input placeholder="Your Email" type="email" class="input contact-input" name="email" value="{{ old('email') }}" autofocus>
                    </div>
                    <div class="d-flex justify-content-center">
                        <input placeholder="Your Phone Number" type="tel" class="input contact-input" name="phone" value="{{ old('phone') }}" autofocus>
                    </div>
                    <div class="d-flex justify-content-center">
                        <textarea class="textarea contact-input" name="message" placeholder="Your Message"></textarea>
                    </div>
                    <div class="d-flex justify-content-center m-5" style="margin-bottom:57px;">
                        <button type="submit" class="btn-next contact-input">
                            Submit
                        </button>
                    </div>
                </div>
            </form>
            <div class="ajax-response font-alt" id="contactFormResponse"></div>
        </div>
    </div>
@stop