<?php include 'header.php';?>
 <?php include 'navbar.php';?>
 
 <section class="page-titles comman">
    	<div class="auto-container">
        	<h2 class="font1">Contact Us</h2>
        </div>
    </section>
	<div class="breadcrumb-outer">
    	<div class="auto-container">
        	<ul class="bread-crumb text-center">
            	<li><a href="index.php">Home</a> <span class="fa fa-angle-right"></span></li>
                <li>Contact Us</li>
            </ul>
        </div>
    </div>

 

  <!-- Section:: Contact --> 
  <section class="contact-1">
    <div class="container">
        <div class="section-content">
            <div class="row">
                <div class="col-md-4 pt90">
                    <div class="contact-item">
                        <div class="content">
                            <h5>Address : </h5>
                            <p>Plot No.46 & 47, Vaikasi Street, Kannadasan Nagar, Karaikudi-630003. </p>
                        </div>
                       
                    </div>
                    <div class="contact-item">
                        <div class="content">
                            <h5>call us : </h5>
                            <p>+91 7397737117 </p>
                        </div>
                       
                    </div>
					 <div class="contact-item">
                        <div class="content">
                            <h5>Mail us : </h5>
                            <p>reservations@brindhavanresidency.com </p>
                        </div>
                       
                    </div>
                  </div>
                <div class="col-md-8">
                    <!-- Contact Form -->
                        <h2 class="font1 green">Send us <span class="yellow">Message</span> </h2>
                    <form class="contact-form" id="online-enquiry" >
                      <div class="messages"></div>
                      <div class="controls">
                          <div class="row">
                              <div class="col-md-6">
                                  <div class="form-group">
                                      <label for="form_name">Name *</label>
                                      <input id="name" type="text" name="name" class="form-control" placeholder="Please enter your firstname *" required="required" data-error="Name is required.">
                                      <div class="help-block with-errors"></div>
                                  </div>
                              </div>
                              <div class="col-md-6">
                                  <div class="form-group">
                                      <label for="form_phone">Phone *</label>
                                      <input id="phone" type="text" name="phone" class="form-control" placeholder="Please enter your phone *" required="required" data-error="Phone number is required.">
                                      <div class="help-block with-errors"></div>
                                  </div>
                              </div>
                          </div>
                          <div class="row">
                              <div class="col-md-12">
                                  <div class="form-group">
                                      <label for="form_email">Email *</label>
                                      <input id="email" type="email" name="email" class="form-control" placeholder="Please enter your email *" required="required" data-error="Valid email is required.">
                                      <div class="help-block with-errors"></div>
                                  </div>
                              </div> 
                          </div>
                          <div class="row">
                              <div class="col-md-12">
                                  <div class="form-group">
                                      <label for="form_message">Message *</label>
                                      <textarea id="message" name="message" class="form-control" placeholder="Message for me *" rows="9" required data-error="Please,leave us a message."></textarea>
                                      <div class="help-block with-errors"></div>
                                  </div>
                              </div>
                              <div class="col-md-12">
                                  <input type="submit" onclick="gotowhatsapp()"  class="btn theme-btn btn-success btn-send" value="Send by Whatsapp">
                              </div>
                          </div>
                      </div>
					  
					  
					   <script>
          function gotowhatsapp() {
            var name = document.getElementById("name").value; 
            var email = document.getElementById("email").value;
			  var phone = document.getElementById("phone").value;
            var message = document.getElementById("message").value;

            var url =
              "https://wa.me/+917397737117?text=" +
              "Hello Brindhavan Residency!! Enquiry from " +
              "Name: " +
              name +
              "%0a" +
              "Phone: " +
              phone +
              "%0a" +
              "Email: " +
              email +
              "%0a" +
              "Message: " +
              message;

            window.open(url, "_blank").focus();
          }
        </script>
                    </form> 
                </div>
            </div>
        </div>
    </div>
  </section>  
  <!-- Section:: Contact End --> 
  
  
   <!-- Map:: section -->
  <section class="map-section" id="maps">
  <hr class="mtn mbn ">
    <div class="home-google-map">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3928.3976381202156!2d78.78141121405415!3d10.066467774650052!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b005d87bce22b2b%3A0x3adf2747e76a3fe2!2sBrindhavan%20Residency!5e0!3m2!1sen!2sin!4v1674192619925!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
    </div>
  </section>
  <!-- Map:: Section End -->
  
 <?php include 'footer.php';?>