@extends('layouts.layout')
@section('content')

<!--Page Header Start-->
<section class="page-header">
    <div class="page-header-bg" style="background-image: url(assets/images/backgrounds/bg_content.png);">
    </div>
    <div class="container">
        <div class="page-header__inner">
            <h2>Contact Us</h2>
            <div class="thm-breadcrumb__box">
                <ul class="thm-breadcrumb list-unstyled">
                    <li><a href="{{route('home')}}">Home</a></li>
                    <li><span>/</span></li>
                    <li>Contact Us</li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!--Page Header End-->

<!--Contact Info Start-->
<section class="contact-info">
    <div class="container">
        <div class="row">
            <!--Contact Info Single Start-->
            <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms">
                <div class="contact-info__single">
                    <h4 class="contact-info__title">About</h4>
                    <p class="contact-info__text">Lorem ipsum is simply free text not <br> used by copytyping
                        refreshing. <br> Neque porro est qui</p>
                    <div class="contact-info__btn-box">
                        <div class="contact-info__btn">
                            <a href="{{route('about')}}">About</a>
                        </div>
                    </div>
                    <div class="contact-info__icon">
                        <span class="icon-entrepreneur"></span>
                    </div>
                </div>
            </div>
            <!--Contact Info Single End-->
            <!--Contact Info Single Start-->
            <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                <div class="contact-info__single">
                    <h4 class="contact-info__title">Contact</h4>
                    <p class="contact-info__text"><span class="icon-email" style="color: var(--austry-base);"><a href="mailto:mouldair@gmail.com"> mouldair@gmail.com</a></span> <br>
                            <span class="icon-telephone" style="color: var(--austry-base);"><a href="tel:9327109245"> +91 9327109245</a></span><br>
                            <span class="icon-telephone" style="color: var(--austry-base);"><a href="tel:8000409245"> +91 8000409245</a></span>
                        </p>
                        
                    <div class="contact-info__btn-box">
                        <div class="contact-info__btn">
                            <a href="{{route('contact_us')}}">Contact</a>
                        </div>
                    </div>
                    <div class="contact-info__icon">
                        <span class="icon-contact"></span>
                    </div>
                </div>
            </div>
            <!--Contact Info Single End-->
            <!--Contact Info Single Start-->
            <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="300ms">
                <div class="contact-info__single">
                    <h4 class="contact-info__title">Address</h4>
                    <p class="contact-info__text">T-4,
                        Third Floor ,Golden Square<br>
                        B-side Dmart ,Bholav Bharuch <br>
                        Gujarat: 392001. India.    </p>
                    <div class="contact-info__btn-box">
                        <div class="contact-info__btn">
                            <a href="{{route('contact_us')}}">Contact</a>
                        </div>
                    </div>
                    <div class="contact-info__icon">
                        <span class="icon-location"></span>
                    </div>
                </div>
            </div>
            <!--Contact Info Single End-->
        </div>
    </div>
</section>
<!--Contact Info End-->

<!--Contact Page Form Start-->
<section class="contact-page-form">
    <div class="contact-page-form__shape-1 float-bob-x">
        <img src="assets/images/shapes/contact-page-form-shape-1.png" alt="">
    </div>
    <div class="container">
        <div class="section-title text-center">
            <span class="section-title__tagline">Contact With Us</span>
            <h2 class="section-title__title">Feel free to write our <br> team anytime</h2>
        </div>
        <form action="{{ route('send_email') }}" method="post">
            @csrf
            @include('flash_data')
            <div class="row">
                <div class="col-xl-6">
                    <div class="contact-page-form__input-box form-group">
                        <input type="text" placeholder="Your name" class="form-control" id="name" name="name">
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="contact-page-form__input-box form-group">
                        <input type="email" placeholder="Email address" class="form-control" id="email" name="email">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="contact-page-form__input-box text-message-box form-group">
                        <textarea name="msg" id="msg" placeholder="Write message" class="form-control"></textarea>
                    </div>
                    <div class="contact-page-form__btn-box">
                        <button type="submit" class="thm-btn contact-page-form__btn">Send a message</button>
                    </div>
                </div>
            </div>
        </form>
        <div class="result"></div>
    </div>
</section>
<!--Contact Page Form End-->

<!--Google Map Start-->
<section class="contact-page-google-map">
    <iframe
        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3706.4848587449806!2d73.00257511494455!3d21.722720885626572!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be0210c6f488b5b%3A0x3b5d0917d802ca6c!2sCresto%20Cafe!5e0!3m2!1sen!2sin!4v1654144442741!5m2!1sen!2sin"
        class="google-map__two" allowfullscreen></iframe>

</section>
<!--Google Map End-->


@endsection