144 lines
5.5 KiB
HTML
144 lines
5.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
||
|
xmlns:th="http://www.thymeleaf.org"
|
||
|
layout:decorate="~{layouts/blank-layout}">
|
||
|
<head>
|
||
|
<title th:text="${pageTitle}"></title>
|
||
|
</head>
|
||
|
<body layout:fragment="page_content" id="page_payment_gateway">
|
||
|
<form th:action="${payForm.returnUrl}" autocomplete="off" id="payGwId" th:method="post" enctype="multipart/form-data ">
|
||
|
<div class="col-md-12 col-12 mr-auto ml-auto">
|
||
|
<div class="card">
|
||
|
<div class="card-header">
|
||
|
<h3 class="card-title">PAYMENT GATEWAY</h3>
|
||
|
</div>
|
||
|
<div class="card-body">
|
||
|
<div class="row">
|
||
|
<div class="col-sm-12" style="text-align: center;">
|
||
|
<h3 class="mt-0" style="font-weight: 500">
|
||
|
ANYTIME CALL HEALTH SDN BHD
|
||
|
</h3>
|
||
|
</div>
|
||
|
</div>
|
||
|
<hr>
|
||
|
<h6 class="font-weight-bold">Summary of Transaction</h6>
|
||
|
<hr>
|
||
|
<div class="row">
|
||
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
<small class="text-muted">Net Charges</small>
|
||
|
<h6 class="text-info font-weight-bold">
|
||
|
MYR <th:block th:text="${#numbers.formatDecimal(payForm.txnAmount, 0, 'COMMA', 2, 'POINT')}"/></h6>
|
||
|
</div>
|
||
|
<!-- <div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
<small class="text-muted">Pay To</small>
|
||
|
<h6 class="font-weight-bold">IMMIGRATION DEPARTMENT OF MALAYSIA</h6>
|
||
|
</div> -->
|
||
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
<small class="text-muted">Payment Of</small>
|
||
|
<h6 class="font-weight-bold">WORKER REGISTRATION</h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row">
|
||
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
<small class="text-muted">Reference No / Payment ID</small>
|
||
|
<h6 class="font-weight-bold"><th:block th:text="${payForm.sellerOrderNo}"/></h6>
|
||
|
</div>
|
||
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
<small class="text-muted"> Name </small>
|
||
|
<h6 class="font-weight-bold"><th:block th:text="${payForm.name}"/></h6>
|
||
|
</div>
|
||
|
<div class="col-sm-12 col-md-4 col-lg-4">
|
||
|
<small class="text-muted">Email</small>
|
||
|
<h6 class="font-weight-bold"><th:block th:text="${payForm.buyerEmail}"/></h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row col-sm-12 col-md-4 col-lg-4 mt-5">
|
||
|
<div class="form-check">
|
||
|
<label class="form-check-label"> <input
|
||
|
class="form-check-input" type="radio" name="paymentType"
|
||
|
value="Credit Card" checked onclick="checkRadio(1)"> <img
|
||
|
th:src="${baseUrl}+@{/images/logo/master.png}" height="15px">
|
||
|
<span class="circle"> <span class="check"></span>
|
||
|
</span>
|
||
|
</label>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="carddetails">
|
||
|
<div class="row mt-3">
|
||
|
<div class="col-sm-12 col-md-6 col-lg-6">
|
||
|
<div class="form-group">
|
||
|
<label for="exampleEmail" class="required bmd-label-floating">Card
|
||
|
Holder's Name</label> <input type="text"
|
||
|
class="form-control input-letter" id="address"
|
||
|
required="required" title="Fill your first and last name">
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-sm-12 col-md-6 col-lg-6">
|
||
|
<div class="form-group">
|
||
|
<label for="exampleEmail" class="required bmd-label-floating">Card
|
||
|
Number </label> <input type="text" class="form-control limit-number"
|
||
|
id="cardNo" required="required" pattern="\d{16}"
|
||
|
maxlength="16" title=" Sixteen digits at front of your card ">
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row ">
|
||
|
<div class="col-sm-12 col-md-2 col-lg-2">
|
||
|
<div class="form-group">
|
||
|
<label class="required bmd-label-floating" th:text="#{'Expiry Month'}"></label>
|
||
|
<select class="form-control" id="expmonth" required="required">
|
||
|
<option value=""/>
|
||
|
<option>1</option>
|
||
|
<option>2</option>
|
||
|
<option>3</option>
|
||
|
<option>4</option>
|
||
|
<option>5</option>
|
||
|
<option>6</option>
|
||
|
<option>7</option>
|
||
|
<option>8</option>
|
||
|
<option>9</option>
|
||
|
<option>10</option>
|
||
|
<option>11</option>
|
||
|
<option>12</option>
|
||
|
|
||
|
</select>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-sm-12 col-md-2 col-lg-2">
|
||
|
<div class="form-group">
|
||
|
<label class="required bmd-label-floating" th:text="#{'Expiry Year'}"></label>
|
||
|
<select class="form-control" id="expyear" required="required">
|
||
|
<option value=""/>
|
||
|
<option th:each="year : ${getYears}" th:value="${year}" th:text="${year}"/>
|
||
|
</select>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-sm-12 col-md-2 col-lg-2">
|
||
|
<div class="form-group">
|
||
|
<label for="exampleEmail" class="required bmd-label-floating">Card
|
||
|
CVV </label> <input type="text" class="form-control limit-number"
|
||
|
id="cardCvv" required="required" maxlength="3" pattern="\d{3}"
|
||
|
title="Three digits at back of your card">
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-sm-12 col-md-12 col-lg-12 d-flex pb-4 carddetails">
|
||
|
<th:block th:utext="${onlinePayButton}" />
|
||
|
<button type="button" class="btn btn-primary ml-4" onClick="paymentCancel()">Cancel</button>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- <div class="row">
|
||
|
<div class="mr-auto">
|
||
|
<a th:href="@{#{url.payment.details}}" class="btn btn-fill btn-primary btn-wd"
|
||
|
th:text="#{'Back'}"></a>
|
||
|
</div>
|
||
|
<div class="ml-auto">
|
||
|
<input type="submit" class="btn btn -fill btn-primary btn-wd" value="Submit">
|
||
|
</div>
|
||
|
</div> -->
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</form>
|
||
|
</body>
|
||
|
</html>
|