@extends('users.layouts.index')
@section('page_content')
<link href="{{ asset('css/contact.css') }}" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>




<section id="contact">
    <div class="mycontct">

        <div class="container-fluid GetIntoTouch text-center abc">
            <div class="row">
                <div class="col-sm-7 col-xs-12">
                    <h4 class="touch">GET IN TOUCH</h4>

                    <p>Our team is happy to answer your questions. </p>
                    <p>Fill out the form and we’ll be in touch as soon as possible. </p>
                    <p>Talk to our experts today.</p>
                </div>
            </div>
        </div>


  <div class="contactArea container ">
            <div class="row">
                <form action="{{ route('user.contactus') }}" method="post">

                <div class="col-sm-6 col-xs-12">
                    @csrf
                        @if ($message = Session::get('success'))
                        <div class="alert alert-success alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                            <strong>{{ $message }}</strong>
                        </div>
                        @endif
                        <div class="form-group">
                            <input id="my-input" class="form-control mInput" type="text" name="name"
                                placeholder="Full Name">
                        </div>
                        <div class="form-group">
                            <input id="my-input" class="form-control mInput" type="email" name="email"
                                placeholder="Email Address">
                        </div>
                        <div class="form-group">
                            <input id="my-input" class="form-control mInput" type="text" name="mobno"
                                placeholder="Mobile No.">
                        </div>
                        <textarea id="" class="contacttxtArea" cols="30" rows="10" name="message"
                            placeholder="Message type here........"></textarea>
                        <div class="form-group">
                            <input type="submit" value="SEND MESSAGE" class="btn btn-primary btnContact" />
                        </div>
                    </div>

                  </form>


                    <div class="col-sm-6 col-xs-12">
                        <span class="">
                            <p><i class="fa fa-map-marker fa-1x"></i>&nbsp;&nbsp;&nbsp;1846 E Rosemeade Pkwy Suite 117,
                                Carrollton, TX 75007</p>
                            <p><i class="fa fa-envelope fa-1x"></i>&nbsp;&nbsp;&nbsp;info@nofearpetmats.com</p>
                            <p><i class="fa fa-phone fa-1x"></i>&nbsp;&nbsp;&nbsp;(800) 616-7674</p>
                        </span>

                        <iframe class="mymap"
                            src="https://www.google.com/maps/embed?pb=!1m26!1m12!1m3!1d3345.712307257376!2d-96.89063833449865!3d33.01135952930609!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m11!3e6!4m3!3m2!1d33.0115239!2d-96.8884185!4m5!1s0x864c25b073155697%3A0xe0cc7600d38f7c5c!2s1846%20E%20Rosemeade%20Pkwy%20%23117%2C%20Carrollton%2C%20TX%2075007!3m2!1d33.0111907!2d-96.8883966!5e0!3m2!1sen!2s!4v1603357904648!5m2!1sen!2s"
                            width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false"
                            tabindex="0"></iframe>

                    </div>


</div>

</div>
        </div>




</section>






































@yield('app_jquery')
<script src="https://maps.googleapis.com/maps/api/js" async defer></script>
<script>
    function initMap() {}
</script>
@endsection