myMedisys/tomcatfiles/mymedisys-frontend/WEB-INF/classes/templates/page/payment/payment-gateway.html

144 lines
5.5 KiB
HTML
Raw Normal View History

2023-09-06 05:56:42 +05:30
<!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>