@extends('pages.frontend.layout.index')
@section('content')

    <style>
        .error{
            color: red;
        }
    </style>

    <!-- Normal Breadcrumb Begin -->
    <section class="normal-breadcrumb set-bg" data-setbg="{{asset('assets/frontend/img/normal-breadcrumb.jpg')}}">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="normal__breadcrumb__text">
                        <h2>Contect</h2>
                        <p>Contect With us</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Normal Breadcrumb End -->

    <!-- Contect Section Begin -->
    <section class="blog-details spad">
        <div class="container">
            <div class="row d-flex justify-content-center">
              
                <div class="col-lg-8">
                    <div class="blog__details__content">
                            <div class="blog__details__form">
                                <h4>Contect Details</h4>
                                <form data="{{ route('contectUs') }}" method="POST" class="form" id="formdata">
                                    @csrf
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <input type="text" name="name" id="name" placeholder="Name" autocomplete="name">
                                            <p class="error"></p>
                                        </div>
                                        <div class="col-lg-6">
                                            <input type="text" name="email" id="email" placeholder="Email" autocomplete="email">
                                            <p class="error"></p>
                                        </div>
                                        <div class="col-lg-12">
                                            <input type="text" name="subject" id="subject" placeholder="Subject">
                                            <p class="error"></p>
                                        </div>
                                        <div class="col-lg-12">
                                            <textarea name="message" id="message" placeholder="Message"></textarea>
                                            <p class="error"></p>
                                            <button type="submit" id="submitData" class="site-btn">Send Message</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <!-- Contect Section End -->

<script>
    $(document).ready(function() {
        // Form Submit 
        $('#formdata').on('submit', function(e) {
            e.preventDefault();
            formSubmitData($(this), "{{ route('home') }}");
        });
    });
</script>
@endsection