File: /home/u481266809/domains/solarworldpower.com.au/public_html/payment/index.php
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Solar Worldpower Online Payment</title>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css' rel='stylesheet'>
<link href='https://use.fontawesome.com/releases/v5.8.1/css/all.css' rel='stylesheet'>
<style>body {
background: white;
}
.rounded {
border-radius: 1rem
}
.nav-pills .nav-link {
color: #555
}
.nav-pills .nav-link.active {
color: white
}
input[type="radio"] {
margin-right: 5px
}
.bold {
font-weight: bold
}
</style>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js'></script>
<script type='text/javascript' src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js'></script>
<script type='text/javascript'>$(function() {
$('[data-toggle="tooltip"]').tooltip()
})</script>
</head>
<body oncontextmenu='return false' class='snippet-body'>
<div class="container-fluid">
<!-- For demo purpose -->
<div class="row mb-4">
<div class="col-lg-4 mx-auto text-center">
<img class="img-fluid" src="https://solarworldpower.com.au/wp-content/uploads/2020/08/Solar-World-logo_n.png">
</div>
</div> <!-- End -->
<div class="row">
<div class="col-lg-6 mx-auto">
<div class="card ">
<div class="card-header">
<!-- Credit card form content -->
<div class="tab-content">
<!-- credit card info-->
<div id="credit-card" class="tab-pane fade show active pt-3">
<form role="form">
<div class="form-group"> <label for="name">
<h6>Name</h6>
</label> <input type="text" id="name" placeholder="Full Name" required class="form-control "> </div>
<div class="form-group"> <label for="address">
<h6>Address</h6>
</label> <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Address"></textarea> </div>
<div class="form-group"> <label for="email">
<h6>Email</h6>
</label> <input type="text" id="email" placeholder="Email" required class="form-control "> </div>
<div class="form-group"> <label for="number">
<h6>Mobile Number</h6>
</label> <input type="text" id="phone" placeholder="Mobile Number" required class="form-control "> </div>
<div class="form-group"> <label for="invoice">
<h6>Quote/Invoice Number</h6>
</label> <input type="text" id="invoice" placeholder="Quote/Invoice Number" required class="form-control "> </div>
<div class="form-group"> <label for="ammount">
<h6>Amount <p style="color:red">(1.5% surcharge will be added with this transaction)</p></h6>
</label> <input type="text" id="amount" placeholder="Amount" required class="form-control "> </div>
<script src="https://secure.ewaypayments.com/scripts/eCrypt.js"
class="eway-paynow-button"
data-publicapikey="epk-4A965645-3D6A-4C99-A70E-D88D90F5A45A"
data-amount=""
data-phone=""
data-email=""
data-currency="AUD" >
</script>
<script>
$("#amount").on('keyup',function(){
if($("#email").val()!='' && $("#phone").val() != ''){
//alert("MCHA");
var amount = $(this).val();
//alert(amount);
$('script.eway-paynow-button').attr('data-amount', amount*100);
//alert($('script.eway-paynow-button').attr('data-amount'));
if($('script.eway-paynow-button').attr('data-amount')!='NaN'){
console.log("NOT NAN");
if($('script.eway-paynow-button').attr('data-amount')!='0'){
if($("#email").val()!='' && $("#phone").val() != ''){
console.log("CONTINUE");
var name = $("#name").val();
var email = $("#email").val();
var phone = $("#phone").val();
var invoice = $("#invoice").val();
$('script.eway-paynow-button').attr('data-email',email);
$('script.eway-paynow-button').attr('data-phone',phone);
$('script.eway-paynow-button').attr('data-invoiceref',invoice);
$(".eway-button").removeClass("disabled");
$(".eway-button").html('<span style="display: block; min-height: 30px;">Pay Now ($ '+amount+'.00 )</span>');
}
}else{
$(".eway-button").addClass("disabled");
}
}else {
$(".eway-button").addClass("disabled");
}
}else {
alert("Please Insert All the Info");
}
})
</script>
<script>
$( window ).load(function() {
$(".eway-button").addClass("disabled");
});
</script>
</form>
</div>
</div> <!-- End -->
<!-- End -->
</div>
</div>
</div>
</div>
<!-- Begin eWAY Linking Code -->
<div id="eWAYBlock">
<div style="text-align:center;">
<a href="http://www.eway.com.au/secure-site-seal?i=12&s=15&pid=550e25b2-448e-47cb-abbc-32ca6b7f2187&theme=1" title="eWAY Payment Gateway" target="_blank" rel="nofollow">
<img alt="eWAY Payment Gateway" src="https://www.eway.com.au/developer/payment-code/verified-seal.ashx?img=12&size=15&pid=550e25b2-448e-47cb-abbc-32ca6b7f2187&theme=1" />
</a>
</div>
</div>
<!-- End eWAY Linking Code -->
</body>
</html>