@extends('frontend.layouts.app', ['title' => 'Contact Us'])

@section('content')
    <x-breadcrumb :items="[
        [
            'label' => 'Contact Us',
            'url' => null,
        ],
    ]" />
    <div class="contact-page buy-bulk-form">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="left_contact_form">
                                <h3>Address</h3>

                                <p> St No. 0, Lorem ipsum dolor sit amet, Main road, Gujarat, Punjab, Pin no - 141001</p>
                                <div class="address-div phoneno">Phone No:<a href="tel:0000-000-000">0000-000-000</a></div>
                                <div class="address-div email">Email Id:<a href="mailto:elattire@gmail.com">elattire@gmail.com</a></div>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="contact-us-form_wrapper">
                        <div class="contact-title">
                            <h2>Ready to help you!</h2>
                        </div>
                        <div class="contact-form">
                            <form method="POST" action="{{ route('contact-us.store') }}" id="contact-us-store-form">
                                @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group mt-4">
                                        <label class="control-label">Name*</label>
                                        <div class="ui search focus">
                                            <div class="ui left icon input swdh11 swdh19">
                                                <input class="prompt srch_explore" type="text" name="full_name"
                                                    id="sendername" required placeholder="Your Name">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                               <div class="col-md-6">
                                <div class="form-group mt-4">
                                    <label class="control-label">Email Address*</label>
                                    <div class="ui search focus">
                                        <div class="ui left icon input swdh11 swdh19">
                                            <input class="prompt srch_explore" type="email" name="email"
                                                id="emailaddress" required placeholder="Your Email Id">
                                        </div>
                                    </div>
                                </div>
                                </div>
                                <div class="form-group mt-4">
                                    <label class="control-label">Phone Number*</label>
                                    <div class="ui search focus">
                                        <div class="ui left icon input swdh11 swdh19">
                                            <input class="prompt srch_explore" type="number" name="phone_number"
                                                id="phone_number" required placeholder="Phone no">
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group mt-4">
                                    <label class="control-label">Message*</label>
                                    <textarea rows="4" class="form-control" id="sendermessage" name="message" required placeholder="Write Message"></textarea>
                                </div>
                             <div class="col-md-12 submit-btn">
                                <button class="next-btn16 hover-btn mt-30" type="submit"
                                    data-btntext-sending="Sending...">Submit Request</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @push('scripts')
        <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
        {!! JsValidator::formRequest(
            'App\Http\Requests\Frontend\ContactUs\ContactUsStoreRequest',
            '#contact-us-store-form',
        ) !!}
    @endpush
@endsection