במ12[aspddfsdfJsCn9AOpjt87ifngttrtrtrtrtrgsd g ggk ffghdsfaswerwerwerwerwvbnXKCrDuS0ZjxPpvfdgdgfbnasd asdaioioidgh;';';'

]][ahhhhhhhfgfgdsfstrrrttrfwerwerwerdgdgrrreeteetffwerwerwerwerdsddfgh במ12[aspddfsdfJsCn9AOpjt87ifngttrtrtrtrtrgsd g ggk ffghdsfaswerwerwerwerwvbnXKCrDuS0ZjxPpvfdgdgfbnasd asdaioioidgh;';';'

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<title>Birthday Guys :: Contact</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="icon" type="image/png" href="images/favicon.png">
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/responsive.css" />
	
	<link href="https://fonts.googleapis.com/css?family=Arsenal|Cormorant+SC|Great+Vibes|Lobster|Trirong|Roboto|PT+Serif&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
  <link rel="stylesheet" href="css/slider/template.css" type="text/css" media="all">
<style type="text/css">
	.form-group.has-error .help-block {
    display: none !important;
}
.form-group.has-error .form-control, .form-group.has-error .input-group-addon {
    border-color: #dd4b39;
    box-shadow: none;
}
</style>
	
</head>
<body>
	
	
<?php include("header.php"); ?>
	
	<section class="page-title"> 
		<div class="container">
			<h2>CONTACT</h2>
			<ul class="list-inline">
				<li><a href="index.php">Home</a></li>
				<li><a href="contact.php"><i class="fa fa-angle-right"></i>Contact</a></li>
			</ul> 
		</div>
	</section>
<section class="contact-section sec-pad">
		<div class="container">
<div class="row">

<!--<div class="sec-title text-center">

<img src="images/home_speaker_memphis1.png" class="member1" alt="Image"/>
			<img src="images/home_speaker_memphis2.png" class="member2" alt="Image"/>
				<img src="images/balloon.png"  alt="Image"/>
				<h2>Get in touch</h2>

</div>-->
			
				<div class="col-sm-12 col-md-12 col-lg-7">
					<div class="default-form-area contact-info-box">
                        <form name="contact_form" id="contact_form" class="default-form" action="#" method="post">
                            <div class="row clearfix">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                                    
                                    <div class="form-group style-two">
                                        <input type="text" name="form_name" id="form_name" class="form-control" value="" data-msg="Please enter your name."  placeholder="Name" required="">
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                     <div class="form-group style-two">
                                        <input type="tel" name="form_phone" id="form_phone" class="form-control" value="" data-msg="Please enter your phone." placeholder="Phone" maxlength="10" onKeyPress="return enterNumerics(event);" required>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="form-group style-two">
                                        <input type="email" name="form_email" id="form_email" class="form-control required email" data-msg="Please enter your email." placeholder="Email" required="">
                                    </div>
                                </div>
                                
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="form-group style-two">
                                        <textarea name="form_message" id="form_message" class="form-control textarea required" data-msg="Please enter your message." placeholder="Your Message"></textarea>
                                    </div>
                                </div>                                                
                            </div>
                            <div class="contact-section-btn text-center">
                             
                                   <div class="form-group style-two">
                                    <input type="hidden" name="action" value="contact_form">
                                    <div id="eqres"></div>
                                    <button class="btn" type="submit" data-loading-text="Please wait...">send message</button>
                                </div>
                            </div> 
                        </form>
                    </div>
				</div>
				<div class="col-md-5 col-xs-12">
					<div class="contact-info-box">
						
						<br>
						<br>
						<ul class="contact-info">
							<li class="clearfix">
								<div class="icon-box">
									<i class="fa fa-map-marker"></i>
								</div>
								<div class="text-box">
									<h3>Location</h3>
									<p><b>Birthday Guys</b> <br/>Door No.10, plot No.6, Mullai street,<br> Alwarthirunagar, Valasaravakkam, <br>
Chennai-600087. </p>
								</div>
							</li>
							<li class="clearfix">
								<div class="icon-box">
									<i class="fa fa-phone"></i>
								</div>
								<div class="text-box">
									<h3>Phone Number</h3>
									<p>9884075503 <br> 9841589815</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="icon-box">
									<i class="fa fa-envelope"></i>
								</div>
								<div class="text-box">
									<h3>Email</h3>
									<p>bdayguys@gmail.com </p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

</section>

<?php include("footer.php"); ?>

//coreate account form submit**********

$("#contact_form").on('submit',(function(e){

e.preventDefault();

err=0;

var form_name=$("#form_name").val();
var form_email=$("#form_email").val();
var form_phone=$("#form_phone").val();
var form_message=$("#form_message").val();

$("#eqres").show();

if( form_name=='' || form_email=='' || form_phone=='' || form_message==''){
err=1;
$("#eqres").html("<span class='err'>Fill all fields..</span>");
}
 else if(!isValidEmailAddress(form_email)){
      err=1;
      $("#eqres").html('<span class="err">Enter valid Email</span>');
    }
    else{
      err=0;
    }

if(err==0){

$("#eqres").show();

$("#eqres").html("<span class='process'><i class='fa fa-spinner fa-pulse fa-fw'></i>&nbsp;&nbsp;Please wait...</span>");

$.ajax({

url: "mail.php",

type: "POST",

data:  new FormData(this),

contentType: false,

cache: false,

processData:false,

success: function(data)

{

console.log(data);

if(data==1){

$("#eqres").show();

$("#eqres").html("<span class='succ'>Enquiry submitted</span>");

}

else{

$("#eqres").show();

$("#eqres").html("<span class='err'>Error try again</span>");

}

error: function(e)

{

$("#eqres").show();

$("#eqres").html("<span class='err'>Error...</span>");

}

});
$('#contact_form')[0].reset();
$('#eqres').delay(4000).fadeOut('slow');

}

}));

});

// Error Highlight******
 $("#contact_form").validate({
   
    errorPlacement: function ( error, element ) {
      // Add the `help-block` class to the error element
      error.addClass( "help-block" );
      if ( element.prop( "type" ) === "checkbox" ) {
        error.insertAfter( element.parent( "label" ) );
      }
      else if( element.hasClass("select2")){
        error.insertAfter( element.siblings( "span.select2-container" ) );
      }
      else if( element.hasClass("summernote")){
        error.insertAfter(element.siblings("div.note-editor"));
      }
      else {
        error.insertAfter( element );
      }
    },
    highlight: function ( element, errorClass, validClass ) {
      $( element ).parents( ".form-group" ).addClass( "has-error" ).removeClass( "has-success" );
    },
    unhighlight: function (element, errorClass, validClass) {
      $( element ).parents( ".form-group" ).removeClass( "has-error" );
    }

});

//validate number
function enterNumerics(e){
  if (!e) var e = window.event;
  if(!e.which) key = e.keyCode; 
  else key = e.which; 
  if((key>=46)&&(key<=57)||key==8||key==9){
    key=key;
    return true;
  }
  else{
    key=0;
    return false;
  }
}

/****** validate email ******/
function isValidEmailAddress(emailAddress){
  var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
  return pattern.test(emailAddress);
}
/****** validate email ******/

</script>
<style type="text/css">
#eqres{
	margin-bottom: 5px;
}
span.err {
    background: red;
    color: #fff;
    padding: 2px 6px;
}
span.succ {
    background: green;
    color: #fff;
    padding: 2px 6px;
}
</style>
</body>
</html>