@extends("layouts.front.main")
@section("content")
       <!-- page title area start -->
       <section class="page-title-area pt-160 pb-160" data-overlay="8" data-background="../renovation-construction/img/bg/page-title-bg.jpg">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="page-title text-center">
                        <div class="border-title">
                            <h1>Contact</h1>
                        </div>
                        <h1>Contact us</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb justify-content-center">
                                <li class="breadcrumb-item">
                                    <a href="index-2.html">Home</a>
                                </li>
                                <li class="breadcrumb-item active" aria-current="page">Contact</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- page title area end -->

    <!-- contact start -->
    <section class="contact-area gray-bg pt-120 pb-80">
        <div class="container">
            @include('flash::message')
            <div class="row">
                <div class="col-xl-9 col-lg-9 col-md-8">
                    <div class="contact-form mb-40">
                        <h3>Contact form</h3>
                        <form action="{{ route('contact_post') }}" method="POST" accept-charset="UTF-8">
                            {{ csrf_field() }}
                            <div class="row">
                                <div class="col-xl-6">
                                    <input name="name" type="text" placeholder="Your Name">
                                </div>
                                <div class="col-xl-6">
                                    <input name="email" type="text" placeholder="Your Mail">
                                </div>
                                <div class="col-xl-12">
                                    <textarea name="message" cols="30" rows="10" placeholder="Your Massage"></textarea>
                                    <button class="thm-btn" type="submit">Send Message</button>
                                    {{-- <input type="submit" value="Submit" class="thm-btn"> --}}
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-4">
                    <div class="contact-info mb-40">
                        <h3>Contact Details</h3>
                        <ul>
                            <li>
                                <div class="contact right-info">
                                    <div class="c-right-icon">
                                        <span><i class="fas fa-map-marker-alt"></i></span>
                                    </div>
                                    <div class="c-right-text">
                                        <p>{{ $setting->address }}</p>

                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="contact right-info">
                                    <div class="c-right-icon">
                                        <span><i class="fas fa-phone-alt"></i></span>
                                    </div>
                                    <div class="c-right-text">
                                        <p>{{ $setting->phone_1 }}</p>
                                        <p>{{ $setting->phone_2 }}</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="contact right-info">
                                    <div class="c-right-icon">
                                        <span><i class="far fa-envelope"></i></span>
                                    </div>
                                    <div class="c-right-text">
                                        <p>{{ $setting->email }}</p>

                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- contact end -->
   <!-- map start -->
   <section class="gmaps-area">
    <div class="contact-map">
        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d14602.254272231177!2d90.3654215!3d23.7985508!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1592852423971!5m2!1sen!2sbd" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
    </div>
</section>
<!-- map end -->
@endsection