template-payment.php
unknown
php
a year ago
12 kB
2
Indexable
<?php
/**
* Template Name: Payment Template
*/
session_start();
global $woocommerce;
if(count(WC()->cart->get_cart())>0){
if(isset($_SESSION['date']) && !empty($_SESSION['date']) && isset($_SESSION["location"]) && !empty($_SESSION["location"])){
get_header();
global $woocommerce;
?>
<div class="loading" style="display:none">Loading…</div>
<section class="payments-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12">
<div class="order-list">
<div class="payment-nav">
<div class="payment-item">
<span>1</span>
<p>Order details</p>
</div>
<div class="payment-item">
<span class="">2</span>
<p>Personal details</p>
</div>
<div class="payment-item">
<span class="active">3</span>
<p class="active">Payment</p>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-7">
<div class="book-form">
<h2>Payment details</h2>
<form id="frmContact" method="post">
<div class="form-group">
<label>Card Number*</label>
<input type="text" class="form-control req_num" name="sf_card" id="sf_card" placeholder="Card Number">
<span class="valid_error" id="sf_card_mess"></span>
</div>
<div class="row">
<div class="col-4">
<div class="form-group">
<label>Select Month*</label>
<select name="sf_exmonth" id="sf_exmonth" class="form-control">
<?php $curnmpnth = date('m');
for($i=1; $i<=12; $i++) { ?>
<option <?php if($curnmpnth==$i) { echo "selected"; } ?> value="<?php if($i<=9) { echo '0'; } echo $i; ?>"><?php if($i<=9) { echo '0'; } echo $i; ?></option>
<?php } ?>
</select>
<span class="valid_error" id="sf_exmonth_mess"></span>
</div>
</div>
<div class="col-4">
<div class="form-group">
<label>Select Year*</label>
<select name="sf_exyear" id="sf_exyear" class="form-control demoSelectBox">
<?php $currentYear = date('Y');
for($i=$currentYear; $i<=2050; $i++) { ?>
<option <?php if($currentYear==$i) { echo "selected"; } ?> value="<?php echo $i; ?>"><?php echo $i; ?></option>
<?php } ?>
</select>
<span class="valid_error" id="sf_exyear_mess"></span>
</div>
</div>
<div class="col-4">
<div class="form-group">
<label>CVV*</label>
<input type="tel" class="form-control req_num" name="cvv" id="sf_cvc" placeholder="CVV">
<span class="valid_error" id="sf_cvc_mess"></span>
</div>
</div>
</div>
<div class="form-group">
<div class="summry-totel">
<h4>Amount</h4>
<h4><?php echo get_woocommerce_currency_symbol().$_SESSION["total_charge"]; ?></h4>
</div>
</div>
<input type="hidden" name="card_type" id="sf_creditCardType" >
<button type="submit" onclick="return frmContact()" class="btn btn-primary btnAction">Continue Booking</button>
</form>
<div class="valid_error" id="p_mess"></div>
</div>
</div>
</div>
</div>
</section>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/assets/js/jquery.maskedinput.js"></script>
<script>
jQuery(document).ready(function(){
jQuery("#msg_valid_exp").hide();
var selectedyear = jQuery('#sf_exyear option:selected').val();
var currentyear = '<?php echo date('Y'); ?>';
var currentmonth = '<?php echo date('m'); ?>';
var currentmonthlength = parseInt(currentmonth)-1;
if(selectedyear==currentyear) {
// Get all options within <select id='foo'>...</select>
var op = document.getElementById("sf_exmonth").getElementsByTagName("option");
for (var i = 0; i < currentmonthlength; i++) {
// lowercase comparison for case-insensitivity
op[i].disabled = true;
}
jQuery('#sf_exmonth option[value="'+currentmonth+'"]').attr("selected", "selected").change();
} else {
jQuery('#sf_exmonth option').removeAttr("disabled");
}
})
jQuery('#sf_exyear').on('change', function(){
jQuery("#msg_valid_exp").hide();
var selectedyear = jQuery('#sf_exyear option:selected').val();
var currentyear = '<?php echo date('Y'); ?>';
var currentmonth = '<?php echo date('m'); ?>';
var currentmonthlength = parseInt(currentmonth)-1;
if(selectedyear==currentyear) {
// Get all options within <select id='foo'>...</select>
var op = document.getElementById("sf_exmonth").getElementsByTagName("option");
for (var i = 0; i < currentmonthlength; i++) {
// lowercase comparison for case-insensitivity
op[i].disabled = true;
}
jQuery('#sf_exmonth option[value="'+currentmonth+'"]').attr("selected", "selected").change();
} else {
jQuery('#sf_exmonth option').removeAttr("disabled");
}
})
jQuery(function($){
jQuery("#sf_card").keyup(function(){
if (/^(3)/.test(jQuery("#sf_card").val())) {
jQuery("#sf_card").attr('maxlength','15');
jQuery("#sf_cvc").attr('maxlength','4');
jQuery("#sf_creditCardType").val('Amex');
}
else if (/^(5)/.test(jQuery("#sf_card").val())) {
jQuery("#sf_card").attr('maxlength','16');
jQuery("#sf_cvc").attr('maxlength','3');
jQuery("#sf_creditCardType").val('MasterCard');
}
else if (/^(6)/.test(jQuery("#sf_card").val())) {
jQuery("#sf_card").attr('maxlength','16');
jQuery("#sf_cvc").attr('maxlength','3');
jQuery("#sf_creditCardType").val('Discover');
}
else if (/^(4)/.test(jQuery("#sf_card").val())) {
jQuery("#sf_card").attr('maxlength','16');
jQuery("#sf_cvc").attr('maxlength','3');
jQuery("#sf_creditCardType").val('Visa');
}
});
});
var specialKeys = new Array();
specialKeys.push(8, 9); //Backspace
jQuery(function() {
jQuery(".req_num").bind("keypress", function(e) {
var keyCode = e.which ? e.which : e.keyCode
var ret = ((keyCode >= 48 && keyCode <= 57) || specialKeys.indexOf(keyCode) != -1);
jQuery(".error").css("display", ret ? "none" : "inline");
return ret;
});
jQuery(".req_num").bind("paste", function(e) {
return false;
});
jQuery(".req_num").bind("drop", function(e) {
return false;
});
jQuery(".req_char2").bind("keypress", function(e) {
var keyCode = e.which ? e.which : e.keyCode
// Checking value weather the key between the 0-9 or not! If not we are restricting
var result = ((keyCode >= 65 && keyCode <= 90) ||
(keyCode >= 97 && keyCode <= 122) || specialKeys.indexOf(keyCode) != -1) ||
(keyCode == 32)|| (keyCode == 39)||(keyCode == 45)|| (keyCode == 95)|| (keyCode == 46);
jQuery(".error").css("display",
result ? "none" : "inline");
return result;
});
});
jQuery('input[type="text"]').keyup(function(evt){
var txt = jQuery(this).val();
jQuery(this).val(txt.replace(/^(.)|\s(.)/g, function($1){ return $1.toUpperCase( ); }));
});
</script>
<script>
function frmContact(){
var sf_card_value = jQuery.trim(jQuery("#sf_card").val());
var sf_exmonth_value = jQuery.trim(jQuery("#sf_exmonth").val());
var sf_exyear_value = jQuery.trim(jQuery("#sf_exyear").val());
var sf_cvc_value = jQuery.trim(jQuery("#sf_cvc").val());
var card_type = jQuery.trim(jQuery("#sf_creditCardType").val());
var flagcheck = 0;
if(sf_card_value == ''){
var sf_contctemams = "Please enter your card number.";
jQuery('#sf_card_mess').html(sf_contctemams);
jQuery('#sf_card_mess').fadeIn();
jQuery('#sf_card_mess').delay(3000).fadeOut();
jQuery("#sf_card").focus();
flagcheck = 1;
return false;
}
var sf_t=jQuery("#sf_card").val(),
sf_s=jQuery("#sf_card").val().length,
sf_u=String(sf_t).charAt(0);
if(sf_s<15 ){
var sf_contctemams = "Invalid card number. Please try again.";
jQuery('#sf_card_mess').html(sf_contctemams);
jQuery('#sf_card_mess').fadeIn();
jQuery('#sf_card_mess').delay(3000).fadeOut();
jQuery("#sf_card").focus();
flagcheck = 1;
return false;
}
if(4!=sf_u&&5!=sf_u&&6!=sf_u&&3!=sf_u){
var sf_contctemams = "Invalid card number. Please try again.";
jQuery('#sf_card_mess').html(sf_contctemams);
jQuery('#sf_card_mess').fadeIn();
jQuery('#sf_card_mess').delay(3000).fadeOut();
jQuery("#sf_card").focus();
flagcheck = 1;
return false;
}
if((4==sf_u||5==sf_u||6==sf_u)&&16!=sf_s){
var sf_contctemams = "Invalid card number. Please try again.";
jQuery('#sf_card_mess').html(sf_contctemams);
jQuery('#sf_card_mess').fadeIn();
jQuery('#sf_card_mess').delay(3000).fadeOut();
jQuery("#sf_card").focus();
flagcheck = 1;
return false;
}
if(3==sf_u&&15!=sf_s){
var sf_contctemams = "Invalid card number. Please try again.";
jQuery('#sf_card_mess').html(sf_contctemams);
jQuery('#sf_card_mess').fadeIn();
jQuery('#sf_card_mess').delay(3000).fadeOut();
jQuery("#sf_card").focus();
flagcheck = 1;
return false;
}
if((4==sf_u||5==sf_u||6==sf_u)&&16 ==sf_s){
jQuery("#sf_cvc").attr('maxlength','3');
var sf_incvc = '3';
}else {
jQuery("#sf_cvc").attr('maxlength','4');
var sf_incvc = '4';
}
if(sf_exmonth_value == ''){
var sf_contctemams = "Please select your expire month.";
jQuery('#sf_exmonth_mess').html(sf_contctemams);
jQuery('#sf_exmonth_mess').fadeIn();
jQuery('#sf_exmonth_mess').delay(3000).fadeOut();
jQuery("#sf_exmonth").focus();
//scrollTOfield('sf_exmonth');
flagcheck = 1;
return false;
}
if(sf_exyear_value == ''){
var sf_contctemams = "Please select your expire year.";
jQuery('#sf_exyear_mess').html(sf_contctemams);
jQuery('#sf_exyear_mess').fadeIn();
jQuery('#sf_exyear_mess').delay(3000).fadeOut();
jQuery("#sf_exyear").focus();
flagcheck = 1;
return false;
}
if(sf_cvc_value == ''){
var sf_contctemams = "Please enter your cvc.";
jQuery('#sf_cvc_mess').html(sf_contctemams);
jQuery('#sf_cvc_mess').fadeIn();
jQuery('#sf_cvc_mess').delay(3000).fadeOut();
jQuery("#sf_cvc").focus();
flagcheck = 1;
return false;
}
if(flagcheck == 0)
{
jQuery.ajax({
type: 'post',
url: "<?php bloginfo('template_url'); ?>/booking-payment.php",
data:{card_no:sf_card_value,
card_month:sf_exmonth_value,
card_year:sf_exyear_value,
card_cvv:sf_cvc_value,
card_type:card_type
},
beforeSend: function() {
jQuery('.loading').css("display","block");
},
success: function(data){
jQuery('.loading').css("display","none");
if(data == 1)
{
window.location='<?php echo the_permalink(485); ?>?IT=<?php echo $_SESSION["string"]; ?>';
}else if(data == 0){
window.location='<?php echo the_permalink(323); ?>';
}else{
jQuery('#p_mess').html(data);
jQuery('#p_mess').fadeIn();
jQuery('#p_mess').delay(4000).fadeOut();
}
}
});
return false;
}
}
</script>
<?php
}else{
echo "<script type='text/javascript'>window.location='".site_url()."'</script>"; exit;
}
}else{
echo "<script type='text/javascript'>window.location='".site_url()."'</script>";exit;
}
get_footer();
?>Editor is loading...
Leave a Comment