<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Sudila Printers - Kurunegala Sri Lanka</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicons -->
<!-- <link rel="shortcut icon" href="images/favicon.ico"> -->

<!-- Google font (font-family: 'Roboto', sans-serif; Poppins ; Satisfy) -->
<link type="text/css" href="css/font_opensans.css" rel="stylesheet">
<link type="text/css" href="css/font_poppins.css" rel="stylesheet">
<link type="text/css" href="css/font_roboto.css" rel="stylesheet">
<!-- Stylesheets -->
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="css/plugins.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
<!-- Cusom css -->
<link type="text/css" rel="stylesheet" href="css/custom.css">
<!-- Modernizer js -->
<script type="text/javascript" src="js/vendor/modernizr-3.5.0.min.js"></script>
</head>
<body>
<!-- Main wrapper -->
<div class="wrapper" id="wrapper"> 
  <!-- Header -->
  <?php include 'common/header.php'; ?>
  <!-- //Header --> 
  <!-- Start Bradcaump area --
  <div class="ht__bradcaump__area bg-image--4">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="bradcaump__inner text-center">
            <h2 class="bradcaump-title">Contact Us</h2>
            <nav class="bradcaump-content"> <a class="breadcrumb_item" href="index">Home</a> <span class="brd-separetor">/</span> <span class="breadcrumb_item active">Contact Us</span> </nav>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End Bradcaump area --> 
  <!-- Start Contact Area -->
  <section class="wn_contact_area bg--white pb--40">
<div class="pb--30">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3955.81687364897!2d80.36166247585042!3d7.485463111235998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae33a1dfcb19491%3A0x8b9fc6d89353d2f!2sSudila%20Printers%20(Pvt)%20Ltd!5e0!3m2!1sen!2slk!4v1717399162637!5m2!1sen!2slk" width="100%" height="550" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
<!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3955.81687364897!2d80.36166247585042!3d7.485463111235998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae33a1dfcb19491%3A0x8b9fc6d89353d2f!2sSudila%20Printers%20(Pvt)%20Ltd!5e0!3m2!1sen!2slk!4v1717399162637!5m2!1sen!2slk" width="800" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
 --></div>
	<div class="container">
      <div class="row">
        <div class="col-lg-8 col-12">
          <div class="contact-form-wrap">
            <h2 class="contact__title">Get in touch</h2>
			<form action="javascript:void(0);" method="post" id="commentform" class="contact-form">
                                <div class="row single-contact-form">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label>Name<span class="required">*</span></label>
                                            <input type="text" id="con_name" name="con_name" required autocomplete="off">
											<span class="help-block"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label>Email Address</label>
                                            <input type="email" id="con_email" name="con_email" autocomplete="off">
											<span class="help-block"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label>Contact Number<span class="required">*</span></label>
                                            <input type="text" id="con_phone" name="con_phone" required autocomplete="off">
											<span class="help-block"></span>
                                        </div>
                                    </div>
									<div class="col-lg-12">
                                        <div class="form-group">
                                            <label>Subject<span class="required">*</span></label>
                                            <input type="text" id="con_sub" name="con_sub" required autocomplete="off">
											<span class="help-block"></span>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label>Message<span class="required">*</span></label>
                                            <textarea id="con_message" name="con_message" required></textarea>
											<span class="help-block"></span>
                                        </div>
                                    </div>
									<div class="form-output col-lg-12">
										<div id="errorDiv"></div>
									</div>
                                    <div class="col-12">
                                        <div class="product-add-to-cart chkt">
											<input name="comm_submit" type="submit" class="btn btn-black" value="Send Email"/>
                                        </div>
                                    </div>
                                </div>

            </form>
          </div>
          <div class="form-output">
            <p class="form-messege"> 
          </div>
        </div>
        <div class="col-lg-4 col-12 md-mt-40 sm-mt-40">
          <div class="wn__address">
            <h2 class="contact__title">HEAD OFFICE</h2>
            <div class="wn__addres__wreapper">
              <div class="single__address"> <i class="icon-location-pin icons"></i>
                <div class="content"> <span>address:</span>
                  <p> No 47 <br> Colombo Road,  <br> Kurunegala, <br> Sri Lanka.</p>
                </div>
              </div>
              <div class="single__address"> <i class="icon-phone icons"></i>
                <div class="content"> <span>Hot line:</span>
                  <p>0718140767</p>
                </div>
              </div>
			  <div class="single__address"> <i class="icon-printer icons"></i>
                <div class="content"> <span>Fax:</span>
                  <p>+94 11 111 1111</p>
                </div>
              </div>
              <div class="single__address"> <i class="icon-envelope icons"></i>
                <div class="content"> <span>Email:</span>
                  <p>info@sudilaprinters.com</p>
                 <!--  <p>info@buddhistbooksonline.com</p> -->
                </div>
              </div>
              <div class="single__address"> <i class="icon-globe icons"></i>
                <div class="content"> <span>website:</span>
                  <p><a href="https://samudrabooks.com/" target="_blank">www.sudilaprinters.com</a><br>
                 
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End Contact Area --> 
  <!-- Footer Area -->
  <?php include 'common/footer.php'; ?>
  <!-- //Footer Area --> 
</div>
<!-- //Main wrapper -->
<!-- JS Files --> 
<script type="text/javascript" src="js/vendor/jquery-3.2.1.min.js"></script> 
<script type="text/javascript" src="js/popper.min.js"></script> 
<script type="text/javascript" src="js/bootstrap.min.js"></script> 
<script type="text/javascript" src="js/plugins.js"></script> 
<script type="text/javascript" src="js/active.js"></script>
<script type="text/javascript" src="js/add-to-cart.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script>
$(document).ready(function () {
	// valid email pattern
	var eregex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	$.validator.addMethod("validemail", function (value, element) {
		return this.optional(element) || eregex.test(value);
	});
	
	// contact no validation
	var telregex = /^\d{10}$/;
	$.validator.addMethod("validtel", function (value, element) {
		return this.optional(element) || telregex.test(value);
	});
	
	// JavaScript Validation For Checkout Form 
	$("#commentform").validate({
		ignore: [],
		rules: {
			con_email: {
				validemail: true
			},
			con_phone: {
				validtel: true,
			}
		},
		messages: {
			con_email: {
				validemail: "Please Enter Valid Email Address"
			},
			con_phone: {
				validtel: "Invalid Contact Number"
			}
		},
		errorPlacement: function (error, element) {
			$(element).closest('.form-group').find('.help-block').html(error.html()).show();
		},
		highlight: function (element) {
			$(element).closest('.form-group').removeClass('has-success').addClass('has-error');
		},
		unhighlight: function (element, errorClass, validClass) {
			$(element).closest('.form-group').removeClass('has-error');
			$(element).closest('.form-group').find('.help-block').html('').hide();
		},
		submitHandler: submitForm
	});

	function submitForm() {
		$.ajax({
			type: 'POST',
			async: false,
			url: 'connection/cust_feedback',
			data: $('#commentform').serialize(),
			dataType: 'json',
			success: function (data) {
				$('input[name=comm_submit]').prop('disabled', true);
				$('input[type=text],input[type=select],input[type=email]').prop('disabled', true);
				setTimeout(function () {
					if (data.status === '1') {
						$("#commentform").trigger('reset');
						
						$('#errorDiv').slideDown(200, function () {
							$('#errorDiv').html('<div class="alert alert-success">' + data.message + '</div>');
							$('#errorDiv').delay(5000).slideUp(100);
							$('input[type=text],input[type=select],input[type=email]').prop('disabled', false);
							$('input[name=comm_submit]').prop('disabled', false);
						});
					
					} else {
						$('#errorDiv').slideDown(200, function () {
							$('#errorDiv').html('<div class="alert alert-danger">' + data.message + '</div>');
							$('#errorDiv').delay(5000).slideUp(100);
							$('input[type=text],input[type=select],input[type=email]').prop('disabled', false);
							$('input[name=comm_submit]').prop('disabled', false);
						});
					}
				}, 1000);
			},
			error: function () {
				$('#errorDiv').slideDown(200, function () {
					$('#errorDiv').html('<div class="alert alert-danger">An unknown error occoured, Please try again Later...!</div>');
					$('#errorDiv').delay(5000).slideUp(100);
					$('input[type=text],input[type=select],input[type=email]').prop('disabled', false);
					$('input[name=comm_submit]').prop('disabled', false);
				});
			}
		});
		return false;
	}
});
</script>
</body>
</html>