| Server IP : 74.208.236.18 / Your IP : 216.73.216.45 Web Server : Apache System : Linux infong654 4.4.400-icpu-108 #2 SMP Wed Feb 11 10:12:42 UTC 2026 x86_64 User : u39365822 ( 135825) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /homepages/7/d147067425/htdocs/ |
Upload File : |
<?php
session_start();
include("includes/db_con_get.php");
if(!isset($_SESSION['loggedin']) && @$_SESSION['loggedin'] != '1'):
header("Location:index.php");
endif;
?>
<!DOCTYPE html>
<html lang="en">
<?php include("includes/header.php"); ?>
<link href="css/custom.css?<?php echo time(); ?>" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://js.stripe.com/v2/"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-creditcardvalidator/1.0.0/jquery.creditCardValidator.min.js"></script>
<body class="sb-nav-fixed">
<style>
.form-check {
display: flex;
align-items: center;
}
.form-check label {
margin-left: 10px;
font-size: 18px;
font-weight: 500;
}
.form-check .form-check-input[type=checkbox] {
border-radius: .25em;
height: 25px;
width: 25px;
}
.form-switch .form-check-input[type=checkbox] {
border-radius: 2em;
height: 50px;
width: 100px;
}
.form-check .form-check-input { margin-left: 1em; }
.btn-block { display: block !important; width: 100% !important;}
</style>
<?php include("includes/topnavbar.php"); ?>
<div id="layoutSidenav">
<?php include("includes/sidenavbar.php"); ?>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid px-4">
<h3 class="mt-4">Subscription Rows Payment Form</h3>
<div class="card mb-4" style="padding: 0px 0px;">
<div class="card-header py-3">
<div class="row">
<div class="col-md-10">
<i class="fa fa-table me-1"></i>Introductory Offers and Credit Card order form</div>
<div class="col-md-2">
<a href="dashboard.php" class="btn btn-primary" style="font-size:15px;" ><i class="fa fa-arrow-left"></i> Return to Dashboard</a>
</div>
</div>
</div>
<div class="payment-status"></div>
<form action="payment.php" method="POST" id="paymentFrm">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="card" style="margin: 50px 40px 10px 40px; padding: 0px 0px;">
<div class="card-body text-center">
<div class="form-check form-check-inline justify-content-center">
<input type="radio" checked="checked" name="payment" value="normal_payment" id="normal_payment" class="form-check-input pay_opr_type" style="cursor:pointer"/>
<label for="normal_payment" class="domestic_icon">Normal Payment</label>
<input type="radio" name="payment" value="ars_payment" id="ars_payment" class="form-check-input pay_opr_type" style="cursor:pointer"/>
<label for="ARS" class="int_icon">Automatic Renewal System</label>
</div></br>
<div class="form-check form-check-inline justify-content-center" id="ars_category" style="display: none;">
<select name="ars_plan" id="ars_plan">
<option value="1">Subscription Details [$23.99/month]</option>
</select>
<label for="inputEmail">Subscription Details</label>
</div>
<hr/>
<div class="form-check form-check-inline justify-content-center">
<input class="form-check-input" type="checkbox" name="price-checkbox" value="29.99" id="price-checkbox" style="cursor:pointer">
<label class="form-check-label" for="DefaultCheckbox">
<h4 class="card-title">Add Subscription Rows</h4>
</label>
</div>
<div class="text-muted" style="text-align:left;font-size: 14px;padding: 0 80px;font-style: italic;">
<p>When you purchase a subscription row, you recieve one usage for each of the three tools <strong>at 50% discount</strong>. Follow the instructions below: </p>
<ul>
<li>Click the Normal Payment button for unscheduled row payments or the Automatic Renewal System button for automatic monthly payments at an <strong>additional 20% discount</strong></li>
<li>You can purchase any number of subscription rows by clicking the green plus(+) button and allocate the usages any way you want. Note that at least one Wellbeing Profiler must be allocated to a new client.</li>
<li>When done, enter your credit card information and click the Checkout button.</li>
</ul>
</div>
<h3 class="card-title pricing-card-title" id="price-tag">$29.99 </h3>
<!-- <div class="row">
<div class="col-lg-5 " style="text-align: right;">
Quantity:
</div>
<div class="col-lg-2 text-left">
<div class="input-group" >
<span class="input-group-btn mx-1">
<button type="button" class="quantity-left-minus btn btn-danger btn-number" data-type="minus" data-field="">
<i class="fa fa-minus" aria-hidden="true"></i>
</button>
</span>
<input type="text" id="quantity" name="quantity" class="form-control input-number" value="1" min="1" max="10">
<span class="input-group-btn mx-1">
<button type="button" class="quantity-right-plus btn btn-success btn-number" data-type="plus" data-field="">
<i class="fa fa-plus" aria-hidden="true"></i>
</button>
</span>
</div>
</div>
<div class="col-lg-5"></div>
</div> -->
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="card p-4" style="margin: 10px 40px 50px 40px;">
<h4 class="heading">Credit Card Details</h4>
<div class="row">
<div class="col-lg-8">
<div class="row px-2">
<div class="form-group col-md-6"> <label class="form-control-label">Name on Card</label> <input type="text" id="card_name" name="card_name" placeholder="Johnny Doe">
<span id="error_card_name" class="text-danger"></div>
<div class="form-group col-md-6"> <label class="form-control-label">Card Number</label> <input type="text" id="card_number" name="card_number" placeholder="1111 2222 3333 4444">
<span id="error_card_number" class="text-danger"> </div>
</div>
<div class="row px-2">
<div class="form-group col-md-3"> <label class="form-control-label">Expiration Month</label> <input type="text" id="card_exp_month" name="card_exp_month" placeholder="MM" >
<span id="error_card_exp_month" class="text-danger"> </div>
<div class="form-group col-md-3"> <label class="form-control-label">Expiration Year</label>
<input type="text" id="card_exp_year" name="card_exp_year" placeholder="YYYY" required>
<span id="error_card_exp_year" class="text-danger"></span>
</div>
<div class="form-group col-md-6"> <label class="form-control-label">CVV</label> <input type="text" id="card_cvc" name="card_cvc" placeholder="***">
<span id="error_card_cvc" class="text-danger"> </div>
<input type="hidden" id="totalamount" name="totalamount" >
<input type="hidden" id="email_address" name="email_address" value="<?php echo $_SESSION['CURRENT_THERIPIST']['email_id']; ?>">
</div>
</div>
<div class="col-lg-4 mt-2">
<div class="row d-flex justify-content-between px-4">
<p class="mb-1 text-left">Subtotal</p>
<h6 class="mb-1 text-right" id="subtotal"></h6>
</div>
<div class="row d-flex justify-content-between px-4" id="tax">
<p class="mb-1 text-left">Total</p>
<h6 class="mb-1 text-right" id="total"></h6>
<span id="error_total_amount" class="text-danger">
<span id="error_email_address" class="text-danger">
</div>
<?php if(@$_GET['name']) { echo "<input type='hidden' name='reg_client_name' value='".$_GET['name']."' />";}?>
<?php if(@$_GET['email']) { echo "<input type='hidden' name='reg_client_email' value='".$_GET['email']."' />";}?>
<button type="button" class="btn-block btn-blue" id="payBtn" onclick="stripePay(event)"> <span> <span id="checkout">Checkout</span> <span id="check-amt"></span> </span> </button>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</main>
<?php include("includes/footer.php"); ?>
</div>
</div>
<?php include("includes/footer_js.php"); ?>
<script>
function validate_form()
{
var valid = true;
var card_cvc = $('#card_cvc').val();
var card_exp_month = $('#card_exp_month').val();
var card_exp_year = $('#card_exp_year').val();
var totalamount = $('#totalamount').val();
var card_number = $('#card_number').val();
var email_address = $('#email_address').val();
var card_name = $('#card_name').val();
var name_expression = /^[a-z ,.'-]+$/i;
var email_expression = /^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/;
var month_expression = /^01|02|03|04|05|06|07|08|09|10|11|12$/;
var year_expression = /^2022|2023|2024|2025|2026|2027|2028|2029|2030|2031$/;
var cvv_expression = /^[0-9]{3,3}$/;
$('#card_number').validateCreditCard(function(result){
if(result.valid)
{
$('#card_number').removeClass('require');
$('#error_card_number').text('');
valid = true;
}
else
{
$('#card_number').addClass('require');
$('#error_card_number').text('Invalid Card Number');
valid = false;
}
});
if(!name_expression.test(card_name))
{
$('#card_name').addClass('require');
$('#error_card_name').text('Invalid Name');
valid = false;
}
else
{
$('#card_name').removeClass('require');
$('#error_card_name').text('');
valid = true;
}
if(!email_expression.test(email_address))
{
$('#error_email_address').text('Invalid Email Address');
valid = false;
}
else
{
$('#error_email_address').text('');
valid = true;
}
if(!month_expression.test(card_exp_month))
{
$('#card_exp_month').addClass('require');
$('#error_card_exp_month').text('Invalid Data');
valid = false;
}
else
{
$('#card_exp_month').removeClass('require');
$('#error_card_exp_month').text('');
valid = true;
}
if(!year_expression.test(card_exp_year))
{
$('#card_exp_year').addClass('require');
$('#error_card_exp_year').text('Invalid Data');
valid = false;
}
else
{
$('#card_exp_year').removeClass('require');
$('#error_card_exp_year').text('');
valid = true;
}
if(!cvv_expression.test(card_cvc))
{
$('#card_cvc').addClass('require');
$('#error_card_cvc').text('Invalid Data');
valid = false;
}
else
{
$('#card_cvc').removeClass('require');
$('#error_card_cvc').text('');
valid = true;
}
if(totalamount<1)
{
$('#error_total_amount').text('Invalid Amount');
valid = false;
}
else
{
valid = true;
}
return valid;
}
</script>
<script>
Stripe.setPublishableKey('<?php echo STRIPE_PUBLISHABLE_KEY; ?>');
function stripeResponseHandler(status, response) {
if (response.error) {
$('#payBtn').removeAttr("disabled");
$(".payment-status").html('<p>'+response.error.message+'</p>');
} else {
var form$ = $("#paymentFrm");
var token = response.id;
form$.append("<input type='hidden' name='stripeToken' value='" + token + "' />");
form$.get(0).submit();
}
}
function stripePay(event){
event.preventDefault();
if(validate_form() == true){
$('#payBtn').attr("disabled", "disabled");
Stripe.createToken({
number: $('#card_number').val(),
exp_month: $('#card_exp_month').val(),
exp_year: $('#card_exp_year').val(),
cvc: $('#card_cvc').val()
}, stripeResponseHandler);
return false;
}
}
</script>
<script>
$(document).ready(function(){
$('.pay_opr_type').click(function(){
var type= $(this).val();
if(type=='ars_payment'){
$('#ars_category').show();
$("#price-checkbox").val("23.99");
$("#price-tag").html("$23.99");
}else{
$('#ars_category').hide();
$("#price-checkbox").val("29.99");
$("#price-tag").html("$29.99");
}
});
$("#price-checkbox").click(function(e) {
//e.preventDefault();
var total = 0;
$("#price-checkbox:checked").each(function() {
total += parseFloat($(this).val());
console.log(total);
});
if (total == 0) {
$('#subtotal,#total,#check-amt').text('');
} else {
var quantity = parseInt($('#quantity').val());
var totalAmount=Math.round((quantity*total)*100)/100;
$('#totalamount').val(total);
$('#subtotal,#total,#check-amt').text('$'+total);
}
});
var quantitiy=0;
$('.quantity-right-plus').click(function(e){
e.preventDefault();
var quantity = parseInt($('#quantity').val());
if(quantity<10){
$('#quantity').val(quantity + 1);
}
var total = 0;
$("#price-checkbox:checked").each(function() {
total += parseFloat($(this).val());
});
if (total == 0) {
$('#subtotal,#total,#check-amt').text('');
} else {
var quantity = parseInt($('#quantity').val());
var totalAmount=Math.round((quantity*total)*100)/100;
$('#totalamount').val(totalAmount);
$('#subtotal,#total,#check-amt').text('$'+totalAmount);
}
});
$('.quantity-left-minus').click(function(e){
e.preventDefault();
var quantity = parseInt($('#quantity').val());
if(quantity>1){
$('#quantity').val(quantity - 1);
}
var total = 0;
$("#price-checkbox:checked").each(function() {
total += parseFloat($(this).val());
});
if (total == 0) {
$('#subtotal,#total,#check-amt').text('');
} else {
var quantity = parseInt($('#quantity').val());
var totalAmount=Math.round((quantity*total)*100)/100;
$('#totalamount').val(totalAmount);
$('#subtotal,#total,#check-amt').text('$'+totalAmount);
}
});
});
</script>
</body>
</html>