<!-- Start main-content -->
  <div class="main-content">
    <!-- Section: inner-header -->
    <section class="inner-header divider parallax layer-overlay overlay-dark-5" data-stellar-background-ratio="0.5" data-bg-img="images/bg/bg1.jpg">
      <div class="container pt-10 pb-10">
        <!-- Section Content -->
        <div class="section-content">
          <div class="row"> 
            <div class="col-md-12">
              <h3 class="title text-white"><?php echo $page_title->menu_name_contact; ?></h3>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <!-- Divider: Contact -->
    <section class="divider">
      <div class="container">
        <div class="row pt-30">
          <div class="col-md-4">
            <div class="row">
              <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="icon-box left media bg-deep p-30 mb-20"> <a class="media-left pull-left" href="#"> <i class="pe-7s-map-2 text-theme-colored"></i></a>
                  <div class="media-body"> <strong>OUR OFFICE LOCATION</strong>
                    <p><?php echo $app_setting->address; ?></p>
                  </div>
                </div>
              </div>
              <div class="col-xs-12 col-sm-6 col-md-12">
                <div class="icon-box left media bg-deep p-30 mb-20"> <a class="media-left pull-left" href="#"> <i class="pe-7s-call text-theme-colored"></i></a>
                  <div class="media-body"> <strong>OUR CONTACT NUMBER</strong>
                    <p><a href="tel:+91<?php echo $app_setting->mobile; ?>">+91-<?php echo $app_setting->mobile; ?></a></p>
                  </div>
                </div>
              </div>
              <div class="col-xs-12 col-sm-6 col-md-12">
                <div class="icon-box left media bg-deep p-30 mb-20"> <a class="media-left pull-left" href="#"> <i class="pe-7s-mail text-theme-colored"></i></a>
                  <div class="media-body"> <strong>OUR CONTACT E-MAIL</strong>
                    <p><a href="mailto:<?php echo $app_setting->email; ?>"><?php echo $app_setting->email; ?></a></p>
                  </div>
                </div>
              </div>
              
            </div>
          </div>
          <div class="col-md-8">
            <h3 class="mt-0 mb-30">Interested in discussing?</h3>
            <!-- Contact Form -->
            <form method="post" name="enq">
              <div class="row">
                <div class="col-sm-6">
                  <div class="form-group">
                    <label for="form_name">Name <small>*</small></label>
                    <input name="name" class="form-control" type="text" placeholder="Enter Name" required="" id="first-name">
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="form-group">
                    <label for="form_email">Email <small>*</small></label>
                    <input name="email" class="form-control required email" type="email" placeholder="Enter Email" id="email">
                  </div>
                </div>
              </div>
                
              <div class="row">
                <div class="col-sm-6">
                  <div class="form-group">
                    <label for="form_name">Subject <small>*</small></label>
                    <input name="subject" class="form-control required" type="text" placeholder="Enter Subject" id="subject">
                  </div>
                </div>
                <div class="col-sm-6">
                  <div class="form-group">
                    <label for="form_phone">Phone</label>
                    <input name="phone" class="form-control" type="text" placeholder="Enter Phone" id="phone">
                  </div>
                </div>
              </div>

              <div class="form-group">
                <label for="form_name">Message</label>
                <textarea id="form_message" name="message" class="form-control required" rows="5" placeholder="Enter Message" id="description"></textarea>
              </div>
              <div class="form-group">
                <button type="submit" class="btn btn-dark btn-theme-colored btn-flat mr-5" data-loading-text="Please wait..." id="submitButton">Send your message</button>
              </div>
              <div class="col-md-12">
                  <div id="alert-msg" class="alert-msg text-center"></div>
              </div>
            </form>

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

  </div>
  <script>
$("#submitButton").on("click", function(event) {
      event.preventDefault();
      var mydata = $("form").serialize();
      $.ajax({
          beforeSend: function() {
            $(".preloader-ajax").show();
            $(".preloader-ajax-bg").show();
          },
          type: "POST",
          dataType: "json",
          url: "<?php echo base_url(); ?>/home/insert_contact_data",
          data: mydata,
          success: function(data) {
              if (data.type === "error") {
                  $("#alert-msg").removeClass("alert, alert-success");
                  $("#alert-msg").addClass("alert, alert-danger");
              } else {
                  $("#alert-msg").addClass("alert, alert-success");
                  $("#alert-msg").removeClass("alert, alert-danger");
                  $("#first-name").val("");
                  $("#email").val("");
                  $("#phone").val("");
                  $("#subject").val("");
                  $("#description").val("");
              }
              $("#alert-msg").html(data.msg);
              $("#alert-msg").show();
              $(".preloader-ajax").hide();
              $(".preloader-ajax-bg").hide();
          },
          error: function(xhr, textStatus) {
              alert(textStatus);
              console.log(xhr);
              $(".preloader-ajax").hide();
              $(".preloader-ajax-bg").hide();
          }
      });
  });
  </script>