@extends('include.front_master')
@section('page_title','Contact')
@section('content')

        <!-- Start Contact Us Area -->
        <section class="contact-area pb-40">
            <div class="container">
               
                <div class="row">
                    <div class="col-lg-8 col-md-12">
                        <div class="contact-form">
                            <h3>Contact Us</h3>
 @include('layouts.flash-message')
                            <form action="{{url('userpost')}}" method="post" >
								    @csrf
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="text" name="name" class="form-control" id="name" placeholder="Name*" required="" data-error="Please enter your name">
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="email" class="form-control" name="email" id="email" placeholder="Email*" required="" data-error="Please enter your email">
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>


                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <textarea placeholder="Message*" name="msg" id="message" class="form-control" cols="30" rows="10" required=""></textarea>
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
		                                  <div class="g-recaptcha mb-3" data-sitekey="6Le10wkrAAAAAJOjKclSBXLRGjfJr1JpI0N3F9l1"></div>
                                         <p class="help-block with-errors" style="color:red;">@error ('g-recaptcha-response') {{$message}}@enderror</p>
                                    <div class="col-lg-12">
                                        <button type="submit" class="btn btn-primary">Send Message</button>
                                    
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-12">
                        <div class="contact-info">
                            <h3>Contact Info</h3>
                            <ul>
                                <li><i class="icofont-google-map"></i> {{ $contact->address }}</li>
                                <li><i class="icofont-phone"></i> <a href="tel:{{ $contact->mobile }}">{{ $contact->mobile }}</a></li>
                                <li><i class="icofont-envelope"></i> <a href="mailto:{{ $contact->email }}"><span >{{ $contact->email }}</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Contact Us Area -->
		  <script src="https://www.google.com/recaptcha/api.js" async defer></script>
        <!-- Contact Page Area End Here --> 
      
      @endsection