151 lines
8.3 KiB
PHP
151 lines
8.3 KiB
PHP
<!-- Page container -->
|
|
<div class="page-container pb-20">
|
|
|
|
<!-- Page content -->
|
|
<div class="page-content">
|
|
|
|
<!-- Main content -->
|
|
<div class="content-wrapper">
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-4">
|
|
<?php include 'common/loginbox.php'; ?>
|
|
</div>
|
|
<div class="col-xs-6 col-md-8"><div>
|
|
|
|
<div class="panel panel-flat">
|
|
<div class="panel-heading">
|
|
|
|
<form class="form-horizontal" action="/contact" method='POST'>
|
|
<script language="javascript">
|
|
<!--
|
|
function validateForm() {
|
|
var si = document.contact - box.D3.selectedIndex;
|
|
var em = document.contact - box.email.value;
|
|
var ms = document.contact - box.msg.value;
|
|
if (em == null || em == '' || em.length > 50) {
|
|
alert('Enter your Email');
|
|
return false;
|
|
}
|
|
if (si == null || isNaN(si) || si < 1) {
|
|
alert('Please select subject');
|
|
return false;
|
|
}
|
|
if (ms == null || ms == '' || ms.length > 250) {
|
|
alert('Please enter your message');
|
|
return false;
|
|
}
|
|
if (typeof yourFunctionName == 'function' && !emailCheck(em)) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
function textCounter(field, countfield, maxlimit) {
|
|
if (field.value.length > maxlimit) // if too long...trim it!
|
|
field.value = field.value.substring(0, maxlimit);
|
|
// otherwise, update 'characters left' counter
|
|
else
|
|
countfield.value = maxlimit - field.value.length;
|
|
}
|
|
// -->
|
|
</script>
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-md-10 col-md-offset-1">
|
|
<h5 class="panel-title">Contact us</h5>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-md-10 col-md-offset-1">
|
|
<?= $message ?>
|
|
<div class="form-group">
|
|
<label class="col-lg-3 control-label"> First Name :</label>
|
|
<div class="col-lg-9">
|
|
<input type="text" class="form-control" name='firstname' placeholder="First name" value="<?= $firstname ?>">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-lg-3 control-label"> Last Name :</label>
|
|
<div class="col-lg-9">
|
|
<input type="text" class="form-control" name='lastname' placeholder="Last name" value="<?= $lastname ?>">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-lg-3 control-label">Email:</label>
|
|
<div class="col-lg-9">
|
|
<input type="text" class="form-control" name='email' placeholder="Email" value="<?= $email ?>">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-lg-3 control-label">Your message<br>[max 500]:</label>
|
|
|
|
<div class="col-lg-9">
|
|
<textarea rows="5" cols="5" class="form-control" name="msg" placeholder="Enter your message here" onkeydown="textCounter(this.form.msg, this.form.remLen, 500);" onkeyup="textCounter(this.form.msg, this.form.remLen, 500);"><?= $msg ?></textarea>
|
|
<input type="text" class="form-control" name="remLen" value="<?= (500 - strlen($msg)) ?>" placeholder="0" style='width: 50px;' readonly>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="col-lg-3 control-label">Verify:</label>
|
|
<div class="col-lg-9">
|
|
<div id="hcaptcha-demo" class="h-captcha" data-sitekey="8f17e5c1-1a95-4788-a58c-b406c70923f7" data-callback="onSuccess" data-expired-callback="onExpire"></div>
|
|
<script>
|
|
// success callback
|
|
var onSuccess = function(response) {
|
|
var errorDivs = document.getElementsByClassName("hcaptcha-error");
|
|
if (errorDivs.length) {
|
|
errorDivs[0].className = "";
|
|
}
|
|
var errorMsgs = document.getElementsByClassName("hcaptcha-error-message");
|
|
if (errorMsgs.length) {
|
|
errorMsgs[0].parentNode.removeChild(errorMsgs[0]);
|
|
}
|
|
|
|
var logEl = document.querySelector(".hcaptcha-success");
|
|
logEl.innerHTML = "Challenge Success!"
|
|
};
|
|
|
|
var onExpire = function(response) {
|
|
var logEl = document.querySelector(".hcaptcha-success");
|
|
logEl.innerHTML = "Token expired."
|
|
};
|
|
</script>
|
|
<div class="hcaptcha-success smsg" aria-live="polite"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-right">
|
|
<button type="submit" class="btn btn-primary">Send Message <i class="icon-arrow-right14 position-right"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div></div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- /main content -->
|
|
|
|
</div>
|
|
<!-- /page content -->
|
|
|
|
</div>
|
|
<!-- /page container -->
|
|
<script src="https://hcaptcha.com/1/api.js?reportapi=https%3A%2F%2Faccounts.hcaptcha.com" type="text/javascript" async defer></script>
|
|
|