547 lines
12 KiB
PHP
547 lines
12 KiB
PHP
<!DOCTYPE html>
|
|
|
|
<?php
|
|
|
|
require 'vendor/autoload.php';
|
|
|
|
include 'app/Libraries/LocationInfo.php';
|
|
|
|
|
|
|
|
use Square\Environment;
|
|
|
|
use Ramsey\Uuid\Uuid;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Pulled from the .env file and upper cased e.g. SANDBOX, PRODUCTION.
|
|
|
|
$upper_case_environment = strtoupper(getenv('ENVIRONMENT'));
|
|
|
|
$web_payment_sdk_url = $_ENV["ENVIRONMENT"] === Environment::PRODUCTION ? "https://web.squarecdn.com/v1/square.js" : "https://sandbox.web.squarecdn.com/v1/square.js";
|
|
|
|
|
|
|
|
|
|
|
|
?>
|
|
|
|
<html lang="en-US">
|
|
|
|
<head>
|
|
|
|
<script type="text/javascript" src="<?php echo $web_payment_sdk_url ?>"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
window.applicationId =
|
|
|
|
"<?php
|
|
|
|
echo getenv('SQUARE_APPLICATION_ID');
|
|
|
|
?>";
|
|
|
|
window.locationId =
|
|
|
|
"<?php
|
|
|
|
echo getenv('SQUARE_LOCATION_ID');
|
|
|
|
?>";
|
|
|
|
window.currency =
|
|
|
|
"<?php
|
|
|
|
echo $location_info->getCurrency();
|
|
|
|
?>";
|
|
|
|
window.country =
|
|
|
|
"<?php
|
|
|
|
echo $location_info->getCountry();
|
|
|
|
?>";
|
|
|
|
window.idempotencyKey =
|
|
|
|
"<?php
|
|
|
|
echo Uuid::uuid4();
|
|
|
|
?>";
|
|
|
|
</script>
|
|
|
|
<!-- <link rel="stylesheet" type="text/css" href="<?= base_url(); ?>public/square-stylesheets/style.css">
|
|
|
|
<link rel="stylesheet" type="text/css" href="<?= base_url(); ?>public/square-stylesheets/sq-payment.css"> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<title>Checkout - Golf Evolution</title>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="icon" href="<?= base_url()."/public"; ?>/assets/member_images/favicon.png" sizes="192x192" />
|
|
|
|
<link rel="apple-touch-icon" href="<?= base_url()."/public"; ?>/assets/member_images/favicon.png" />
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="<?= base_url()."/public"; ?>/assets/member_css/front-style.css">
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
|
|
|
<script src="<?= base_url()."/public"; ?>/assets/member_js/ajax.js"></script>
|
|
|
|
<input id="url" value="<?= base_url() ?>" type="hidden">
|
|
|
|
|
|
|
|
<style typr="text/css">
|
|
|
|
/* Styles for the loading spinner */
|
|
|
|
.loading-spinner-overlay {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
|
z-index: 9999;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.loading-spinner {
|
|
|
|
border: 8px solid #f3f3f3;
|
|
|
|
border-top: 8px solid #3498db;
|
|
|
|
border-radius: 50%;
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
animation: spin 1s linear infinite;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes spin {
|
|
|
|
0% {
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
transform: rotate(360deg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body class="checkout">
|
|
|
|
|
|
|
|
<?php include 'member_layout/header.php' ?>
|
|
|
|
|
|
|
|
|
|
|
|
<section class="pt-5 pb-3">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<h1 class="heading-border">Check Out</h1>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row back-card">
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<a href="<?=base_url()."view_cart/".md5(session()->get('logged_user')); ?>"><i class="arrow-left"></i> Back to Cart</a>
|
|
|
|
<!-- <h4>Billing Address</h4> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
<section class="checkout-inner mt-3">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="address-form" >
|
|
|
|
<form id="member_address" >
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12 d-flex align-items-center mb-3">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- <input type="hidden" value="<?= $userdata[0]['id']; ?>" name="id" > -->
|
|
|
|
<div class="col-lg-6 mb-3">
|
|
|
|
<label for="first_name">First Name</label>
|
|
|
|
<input type="text" value="<?= $userdata[0]['name']; ?>" name="name" id="first_name">
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-6 mb-3">
|
|
|
|
<label for="last_name">Last Name</label>
|
|
|
|
<input type="text" value="<?= $userdata[0]['last_name']; ?>" name="last_name" id="last_name">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-lg-12 mb-3">
|
|
|
|
<label for="address">Street Address</label>
|
|
|
|
<input type="text" value="<?= $userdata[0]['address']; ?>" name="address" id="address">
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 mb-3">
|
|
|
|
<label for="zipcode">Zip Code</label>
|
|
|
|
<select name="pincode" id="pincode" class="js-example-basic-single">
|
|
|
|
<option value="<?= $userdata[0]['pincode']; ?>"><?= $userdata[0]['zipcode']; ?></option>
|
|
|
|
<?= $zipcode ?>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 mb-3">
|
|
|
|
<label for="city">City</label>
|
|
|
|
<input type="text" value="<?= $userdata[0]['city']; ?>" name="city" id="city" readonly>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 mb-3">
|
|
|
|
<label for="state">State</label>
|
|
|
|
<input type="text" name="state" id="state" value="<?= $userdata[0]['state']; ?>" readonly>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- <div class="row form-button">
|
|
|
|
<div class="col-lg-2 col-4">
|
|
|
|
<button>Cancel</button>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-4">
|
|
|
|
<input type="button" class="submit" value="Save">
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-7 col-4"></div>
|
|
|
|
</div> -->
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Loading spinner HTML markup -->
|
|
|
|
<div class="loading-spinner-overlay" id="loading-spinner-overlay">
|
|
|
|
<div class="loading-spinner"></div>
|
|
|
|
</div>
|
|
|
|
<h4 class="payment-title">Payment Method</h4>
|
|
|
|
<form class="payment-form" id="fast-checkout">
|
|
|
|
<div class="wrapper">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="credit-card">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-12 ">
|
|
|
|
<!-- Add Payment Method Code-->
|
|
|
|
<input type="hidden" value="<?= $amount; ?>" name="amount" id="amount">
|
|
|
|
<input type="hidden" value="<?= $order_id; ?>" name="order_id" id="order_id">
|
|
|
|
<input type="hidden" value="" name="address_id" id="address_id">
|
|
|
|
<div id="card-container"></div>
|
|
|
|
<span id="payment-flow-message"></span>
|
|
|
|
<div class="text-end" style="margin-top:-45px;"> <button id="card-button" type="button">Proceed to Pay</button></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <div class="google-pay">
|
|
|
|
<div class="row google-pay-content align-items-center">
|
|
|
|
<div class="col-lg-10 d-flex align-items-center">
|
|
|
|
<span>Google Pay</span>
|
|
|
|
</div>
|
|
|
|
<div id="google-pay-button" alt="google-pay" type="button"></div>
|
|
|
|
<div class="col-lg-2 text-end">
|
|
|
|
<img src="<?= base_url()."/public"; ?>/assets/member_images/g-pay.png" alt="" width="64" height="58"/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<div class="col-lg-4 order-summary-main">
|
|
|
|
<div class="order-summary">
|
|
|
|
<div class="row order1">
|
|
|
|
<div class="col-lg-12 col-12">
|
|
|
|
<h4>Order Summary</h4>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<?php foreach ($packageArray as $row) { ?>
|
|
|
|
<div class="row evo">
|
|
|
|
<div class="col-lg-8 col-8"><div class="product-name"><?php echo $row['package_name']." ($".$row['cost']." x ".$row['count'].")"; ?></div></div>
|
|
|
|
<div class="col-lg-4 col-4 text-end"><div class="product-price"><span class="price-symbol">$</span><?php echo $row['cost'] * $row['count']; ?></div></div>
|
|
|
|
</div>
|
|
|
|
<?php } ?>
|
|
|
|
<div class="row item1">
|
|
|
|
<div class="col-lg-6 col-6"><p>Items (<?= $item_count; ?>) : </p></div>
|
|
|
|
<div class="col-lg-6 col-6 text-end"><p><span class="price-symbol">$</span><?= $amount; ?></p></div>
|
|
|
|
</div>
|
|
|
|
<div class="row item2">
|
|
|
|
<div class="col-lg-6 col-6"><p>PST (<?= $pst; ?>%) : </p></div>
|
|
|
|
<div class="col-lg-6 col-6 text-end"><p><span class="price-symbol">$</span><?= round($amount * $pst / 100 , 2); ?></p></div>
|
|
|
|
</div>
|
|
|
|
<div class="row item3">
|
|
|
|
<div class="col-lg-6 col-6"><p>GST (<?= $gst; ?>%) : </p></div>
|
|
|
|
<div class="col-lg-6 col-6 text-end"><p><span class="price-symbol">$</span><?= round($amount * $gst / 100 , 2); ?></p></div>
|
|
|
|
</div>
|
|
|
|
<div class="row order2">
|
|
|
|
<div class="col-lg-6 col-6"><h5>Order Total : </h5></div>
|
|
|
|
<div class="col-lg-6 col-6 text-end"><div class="product-total"><span class="price-symbol">$</span><?= round( ( $amount + (($amount * ($gst + $pst) ) / 100) ) , 2 ); ?></div></div>
|
|
|
|
</div>
|
|
|
|
<div class="row order-button">
|
|
|
|
<div class="col-lg-12">
|
|
|
|
<p>By placing your order, you agree to our company privacy policy and condition of use.</p>
|
|
|
|
<!-- <button id="card-button" type="button">Proceed to Pay</button> -->
|
|
|
|
<!-- <input id="card-button" type="submit" value="Proceed to Pay"> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<?php include 'member_layout/footer.php' ?>
|
|
|
|
<!-- <script type="text/javascript" src="<?= base_url(); ?>public/square-js/sq-ach.js"></script>
|
|
|
|
<script type="text/javascript" src="<?= base_url(); ?>public/square-js/sq-apple-pay.js"></script>
|
|
|
|
<script type="text/javascript" src="<?= base_url(); ?>public/square-js/sq-google-pay.js"></script> -->
|
|
|
|
<script type="text/javascript" src="<?= base_url(); ?>public/square-js/sq-card-pay.js"></script>
|
|
|
|
<script type="text/javascript" src="<?= base_url(); ?>public/square-js/sq-payment-flow.js"></script>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.js-example-basic-single').select2();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|