@extends('users.store.layout.layout')

@section('title', 'Store | Contact')

@section('store-main-content')
    <!-- INNERPAGES BANNER START -->
    <section class="innerpagesbanner">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-12">
                    <div class="innerpageheading">
                        <h1>Contact</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- INNERPAGES BANNER END -->
    <!-- ProgramSec Start -->
    <section class="InnerSection InnerCommunity CommunitySec">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-md-4">
                    <div class="cntct-box">
                        <img src="{{ asset('user-assets/store/assets') }}/images/location1.png" class="img-fluid"
                            alt="">
                        <div class="cntct-txt">
                            <h4>Our Address</h4>
                            <p>00 Grant Ave. Central New<br>
                                Road 0000, UK</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="cntct-box">
                        <img src="{{ asset('user-assets/store/assets') }}/images/location2.png" class="img-fluid"
                            alt="">
                        <div class="cntct-txt">
                            <h4>Phone & Email</h4>
                            <p>(+000) 00000000 & 000 000<br>
                                info@gmail.com</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="cntct-box">
                        <img src="{{ asset('user-assets/store/assets') }}/images/location3.png" class="img-fluid"
                            alt="">
                        <div class="cntct-txt">
                            <h4>Stay In Touch</h4>
                            <p>Also find us on social Media</p>
                            <ul>
                                <li>
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-google-plus-g"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                </li>


                                <li>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="location-map">
                        <h4>Location Map</h4>
                        <iframe
                            src="{{ asset('user-assets/store/assets') }}/https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d8948.94349450355!2d-99.18286157216366!3d19.431095035758254!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1ff4d4629c1d9%3A0xde6bb9f1dec497b!2sAnzures%2C%2011590%20Mexico%20City%2C%20CDMX%2C%20Mexico!5e0!3m2!1sen!2s!4v1630032429555!5m2!1sen!2s"
                            width="490" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="contact-form">
                        <h4>Contact Us</h4>
                        <div class="main-form">
                            <form method="post">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text" class="form-control m-txt" placeholder="First name*"
                                                required>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text" class="form-control m-txt" placeholder="Last name"
                                                required>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <input type="email" class="form-control m-txt" id="exampleInputEmail1"
                                                aria-describedby="emailHelp" placeholder="Enter Email*" required>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <textarea class="form-control mess" id="exampleFormControlTextarea1" rows="7" placeholder="Message*" required></textarea>
                                        </div>
                                        <button class="btn btn-red" type="submit">Send Message</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>


@endsection