<?php include('header.php');?>

 <!-- Start main-content -->
  <div class="main-content-area">
    <!-- Section: page title -->
    <section class="page-title layer-overlay overlay-dark-9 section-typo-light bg-img-center" data-tm-bg-img="images/bg/bg1.jpg">
      <div class="container pt-50 pb-50">
        <div class="section-content">
          <div class="row">
            <div class="col-md-12 text-center">
              <h3 class="title">CONTACT-US</h3>
              <nav class="breadcrumbs" role="navigation" aria-label="Breadcrumbs">
                <div class="breadcrumbs">
                  <span><a href="index.php" rel="home">Home</a></span>
                  <span><i class="fa fa-angle-right"></i></span>
                  
						<span><a href="contact-usnew.php">Contact-Us</a></span>
                  
                 
                </div>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </section>
    

    
    
        
    	  
    <!-- Section: Contact -->
	  <section id="contact" class="bg-white-f4" >
      <div class="container">
        <div class="section-content">
          <div class="row">
            <div class="col-lg-4">
              <h5 class="mb-0" style="text-align:center;color:#12165f;">Contact-Us</h5>
               <!--<h2 class="mt-0 mb-0">ADDRESS</h2>-->
              <!--<h4 class="mb-30">If you need someone to talk to, we listen. We won’t judge or tell you what to do.</h4>-->
              <div class="icon-box icon-left iconbox-centered-in-responsive iconbox-theme-colored1 animate-icon-on-hover animate-icon-rotate mb-50" style="margin-top:10%;">
                <div class="icon-box-wrapper">
                  <div class="icon-wrapper">
                    <a class="icon icon-type-font-icon icon-dark icon-circled"> <i class="flaticon-contact-044-call-1"></i> </a>
                  </div>
                  <div class="icon-text">
                    <h5 class="icon-box-title mt-0">Phone</h5>
                    <div class="content"><a href="tel:+91-9130022891">+91-9130022891</a></div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
              <div class="icon-box icon-left iconbox-centered-in-responsive iconbox-theme-colored1 animate-icon-on-hover animate-icon-rotate mb-50">
                <div class="icon-box-wrapper">
                  <div class="icon-wrapper">
                    <a class="icon icon-type-font-icon icon-dark icon-circled"> <i class="flaticon-contact-043-email-1"></i> </a>
                  </div>
                  <div class="icon-text">
                    <h5 class="icon-box-title mt-0">Email</h5>
                    <div class="content"><a href="mailto:info@minimaxpumps.com">info@minimaxpumps.com</a></div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
              <div class="icon-box icon-left iconbox-centered-in-responsive iconbox-theme-colored1 animate-icon-on-hover animate-icon-rotate mb-50">
                <div class="icon-box-wrapper">
                  <div class="icon-wrapper">
                    <a class="icon icon-type-font-icon icon-dark icon-circled"> <i class="flaticon-contact-025-world"></i> </a>
                  </div>
                  <div class="icon-text">
                    <h5 class="icon-box-title mt-0">Address</h5>
                    <div class="content">Gat No 82/2, Ambebahula Road, Pathardi Shivar, Vilholi, Nashik Mumbai highway, Nashik-10, Maharashtra 422010.</div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
              
            </div>
            <div class="col-lg-8">
              <h2 class="mt-0 mb-0" style="text-align:center;color:#12165f;">Send us a Message !</h2>
             
              <!-- Contact Form -->
              <form id="contactForm"  class=""  method="post" enctype="multipart/form-data"  style="border:2px solid #12165f;    padding: 3%;">
                   <div id="check1">
    
                 </div>
                <div class="row">
                  <div class="col-sm-6">
                    <div class="mb-3">
                      <label>Name <small>*</small></label>
                      <input type="text" name="name" id="name" class="form-control" type="text" placeholder="Enter Name">
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="mb-3">
                      <label>Email <small>*</small></label>
                      <input type="email" name="email" id="email"class="form-control required email" type="email" placeholder="Enter Email">
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-sm-6">
                    <div class="mb-3">
                      <label>Phone<small>*</small></label>
                      <input type="number" name="phone" maxlength="10" id="phone" class="form-control" type="text" placeholder="Enter Phone">
                    </div>
                  </div>
					
                  <div class="col-sm-6">
                    <div class="mb-3">
                      <label>Company Name <small>*</small></label>
                      <input type="text" name="company_name" id="company_name" class="form-control required" type="text" placeholder="Enter Company Name">
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-sm-12">
                    <div class="mb-3">
                      <label>Address City / Country<small>*</small></label>
                      <input type="text" name="address_city" id="address_city" class="form-control" type="text" placeholder="Address City / Country">
                    </div>
                  </div>
				
                </div>

                <div class="mb-3">
                  <label>Message</label>
                  <textarea name="message" id="message" class="form-control required" rows="5" placeholder="Enter Message*"></textarea>
                </div>
                <div class="mb-3">
                  <input name="form_botcheck" class="form-control" type="hidden" value="">
                  <button type="submit" name"btn_submit" class="btn btn-flat btn-theme-colored1 text-uppercase mt-10 mb-sm-30 border-left-theme-color-2-4px" id="btn_submit" data-loading-text="Please wait...">Submit</button>
                  <!--<button type="reset" class="btn btn-flat btn-theme-colored3 text-uppercase mt-10 mb-sm-30 border-left-theme-color-2-4px">Reset</button>-->
                </div>
              </form>

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

  </div>
  
  <!-- end main-content -->
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $('#contactForm').submit(function(e){
            
            e.preventDefault();
            var name = $('#name').val();
            var email = $('#email').val();
            var phone = $('#phone').val();
             var company_name = $('#company_name').val();
              var address_city = $('#address_city').val();
           
            var message = $('#message').val();
            var error = false;
            var flg=1;
           // alert(name);alert(email);
        //   alert(message);
           console.log(message);
             var name_regex="^[a-zA-Z\\s]*$";
            var email_regex =/\b(^(\S+@).+((\.com)|(\.net)|(\.edu)|(\.mil)|(\.gov)|(\.org)|(\.info)|(\.in)|(\.biz)|(\.aero)|(\.coop)|(\.museum)|(\.name)|(\.pro)|(\..{2,2}))$)\b/gi;
           // var mobile_regex=/\d{10}/;
     
       if(!name.match(name_regex) || name == "")
        {
          $('#check1').html('** Please Enter your Name **').css( "color", "red");
          $("#name").focus();
          var error = true;
          return false;
        }
        if (!email.match(email_regex)|| email == "") 
        {
          $('#check1').html('** Please Enter Your Email Id **').css( "color", "red");
          $("#email").focus();
          var error = true;
          return false;
        }
        if (phone == "") 
        {
          $('#check1').html('** Please Enter Your Phone **').css( "color", "red");
          $("#phone").focus();
          var error = true;
          return false;
        }
    
     if (company_name == "") 
        {
          $('#check1').html('** Please Enter Your Company Name **').css( "color", "red");
          $("#company_name").focus();
          var error = true;
          return false;
        } 
         if (address_city == "") 
        {
          $('#check1').html('** Please Enter Your City **').css( "color", "red");
          $("#address_city").focus();
          var error = true;
          return false;
        } 
         if (message == "") 
        {
          $('#check1').html('** Please Enter Your Message **').css( "color", "red");
          $("#message").focus();
          var error = true;
          return false;
        } 
        if(error!=true)
            {
                $('#btn_submit').attr({'disabled' : 'true', 'value' : 'Sending...' });  
               var form = $('#contactForm')[0];
                var formData = new FormData(form);
                $.ajax({
                    url: "contact_valid.php", 
                    type: "POST",             
                    data: formData,
                    contentType: false,       
                    cache: false,             
                    processData:false, 
                    success: function(data) {
                    
                       
                        if(data=='sent')
                        {
                            
                           
                            $('#btn_submit').removeAttr('disabled').attr('value', 'Sent')
                            $('#check1').html('** Thank You For Contacting Us,We Will Contact You Soon.. **').css( "color", "green");
                            // url = "thankyou.php";
                            //     $( location ).attr("href", url);
                         
                            $("#contactForm").get(0).reset();
                            
                        }
                        else
                        {
                            $('#btn_submit').removeAttr('disabled').attr('value', 'Retry');
                            $('#check1').html(data).css("color","red");
                        }
                    }
                });
                return false;
            }
            else
            {
                alert("error");
            }
        });
    });
</script> 
<?php include('footer.php');?>