@extends('frontend.layouts.app')
@section('content')
      <!-- Breadcrumbs -->
      <section class="bg-gray-7">
        <div class="breadcrumbs-custom box-transform-wrap context-dark">
          <div class="container">
            <h3 class="breadcrumbs-custom-title">Contacts</h3>
            <div class="breadcrumbs-custom-decor"></div>
          </div>
          <div class="box-transform" style="background-image: url(images/background/background-7.jpg);"></div>
        </div>
      </section>
      <!-- Contacts-->
      <section class="section section-lg bg-default text-md-left">
        <div class="container">
          <div class="row mt-3 mb-3">
                    <div class="col-lg-4 col-md-6 col-12 mb-3">
                        <div class="contact-info-wrapper text-center mb-30">
                            <div class="contact-info-icon">
                                <i class="icon fa fa-map-marker"></i>
                            </div>
                            <div class="contact-info-content">
                                <h5>Our Location</h5>
                                <p>Uttar Pradesh, India</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-12 mb-3">
                        <div class="contact-info-wrapper text-center mb-30">
                            <div class="contact-info-icon">
                                <i class="icon fa fa-phone"></i>
                            </div>
                            <div class="contact-info-content">
                                <h5>Contact us Anytime</h5>
                                <p>Mobile: <a href="tel:+91-1234567890"> +91-1234567890 </a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-12 mb-3">
                        <div class="contact-info-wrapper text-center mb-30">
                            <div class="contact-info-icon">
                                <i class="icon fa fa-envelope"></i>
                            </div>
                            <div class="contact-info-content">
                                <h5>Write Some Words</h5>
                                <p><a href="mailto: realestate@gmail.com">realestate@gmail.com</a></p>
                            </div>
                        </div>
                    </div>
                </div>
          <div class="row row-60 justify-content-center">
            <div class="col-lg-7">
            @if ($message = Session::get('success'))
                <div class="alert alert-success" role="alert">
                <strong>Success!</strong> {{ $message }}
                </div>
            @endif
            <form action="#" method="post" class="sdw">
            @csrf
                <div class="row row-20 gutters-20">
                  <div class="col-md-6">
                    <div class="form-wrap">
                      <input class="form-input" id="name" type="text" name="name" required="">
                      <label class="form-label" for="name">Your Name*</label>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-wrap">
                      <input class="form-input" id="phone" type="text" name="phone" required="">
                      <label class="form-label" for="phone">Your Phone*</label>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-wrap">
                      <input class="form-input" id="email" type="text" name="email" required="">
                      <label class="form-label" for="email">Your Email*</label>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-wrap">
                      <!--Select 2-->
                      <select class="form-input" data-minimum-results-for-search="Infinity" data-constraints="@Required" name="purpose">
                        <option>Select City</option>
                        <option value="Varanasi">Varanasi</option>
                        <option value="Delhi">Delhi</option>
                        <option value="Lucknow">Lucknow</option>
                        <option value="Kanpur">Kanpur</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-12">
                    <div class="form-wrap">
                      <label class="form-label" for="message">Message</label>
                      <textarea class="form-input textarea-lg" id="message" name="Address" required=""></textarea>
                    </div>
                  </div>
                </div>
                <button class="button button-icon button-primary wow slideInUp" type="submit" name="submit">Submit <i class="fa fa-chevron-circle-right"></i></button>
              </form>
            </div>
            <div class="col-lg-5">
              <div class="aside-contacts">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d115408.09194092196!2d82.92106791167257!3d25.320901275864983!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x398e2db76febcf4d%3A0x68131710853ff0b5!2sVaranasi%2C%20Uttar%20Pradesh!5e0!3m2!1sen!2sin!4v1672724016838!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
              </div>
            </div>
          </div>
        </div>
      </section>
   <!--======= Footer start=======-->
   @endsection