<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
	<th:block th:include="include :: header('Payout Detail')" />
	<th:block th:include="include :: jsonview-css" />
</head>
<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
	<form class="form-horizontal m-t" id="signupForm">
		<h4 class="form-header h4">Payout Details</h4>
		<div class="form-group">
			<label class="col-sm-3 control-label">Account No：</label>
			<div class="form-control-static" th:text="${payoutDetail.accountNo}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Source Currency：</label>
			<div class="form-control-static" th:text="${payoutDetail.sourceCurrency}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Amount：</label>
			<div class="form-control-static" th:text="${payoutDetail.amount}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Execution Date：</label>
			<div class="form-control-static" th:text="${payoutDetail.executionDate}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Payout with FX：</label>
			<div class="form-control-static" th:text="${payoutDetail.payoutWithFx}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">FX Contract No：</label>
			<div class="form-control-static" th:text="${payoutDetail.fxContractNo}"></div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">FX Quote：</label>
			<div class="form-control-static" th:text="${payoutDetail.fxQuote}"></div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Payment Purpose：</label>
			<div class="form-control-static" th:text="${payoutDetail.paymentPurpose}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Payment Reference：</label>
			<div class="form-control-static" th:text="${payoutDetail.paymentReference}">
			</div>
		</div>
		<!-- Sender Information -->
		<h4 class="form-header h4">Sender Information</h4>
		<div class="form-group">
			<label class="col-sm-3 control-label">Sender Name：</label>
			<div class="form-control-static" th:text="${payoutDetail.senderName}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">ID Number：</label>
			<div class="form-control-static" th:text="${payoutDetail.senderIdNumber}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Address：</label>
			<div class="form-control-static" th:text="${payoutDetail.senderAddress}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">City：</label>
			<div class="form-control-static" th:text="${payoutDetail.senderCity}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Country：</label>
			<div class="form-control-static" th:text="${payoutDetail.senderCountry}">
			</div>
		</div>

		<!-- Beneficiary Information -->
		<h4 class="form-header h4">Beneficiary Information</h4>
		<div class="form-group">
			<label class="col-sm-3 control-label">Beneficiary Name：</label>
			<div class="form-control-static" th:text="${payoutDetail.beneficiaryName}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Beneficiary Country：</label>
			<div class="form-control-static" th:text="${payoutDetail.beneficiaryCountry}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Beneficiary Address：</label>
			<div class="form-control-static" th:text="${payoutDetail.beneficiaryAddress}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Beneficiary City：</label>
			<div class="form-control-static" th:text="${payoutDetail.beneficiaryCity}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">State or Province：</label>
			<div class="form-control-static" th:text="${payoutDetail.beneficiaryStateOrProvince}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Beneficiary Bank Country：</label>
			<div class="form-control-static" th:text="${payoutDetail.beneficiaryBankCountry}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">beneficiaryCurrency：</label>
			<div class="form-control-static" th:text="${payoutDetail.beneficiaryCurrency}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Account No：</label>
			<div class="form-control-static" th:text="${payoutDetail.beneficiaryAccountNo}">
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label">Payment Method：</label>
			<div class="form-control-static" th:text="${payoutDetail.paymentMethod}">
			</div>
		</div>
<!--		<div class="form-group">-->
<!--			<label class="col-sm-3 control-label">Beneficiary Bank Code：</label>-->
<!--			<div class="form-control-static" th:text="${payoutDetail.beneficiaryBankCode}">-->
<!--			</div>-->
<!--		</div>-->
<!--		<div class="form-group">-->
<!--			<label class="col-sm-3 control-label">Beneficiary Bank Name：</label>-->
<!--			<div class="form-control-static" th:text="${payoutDetail.beneficiaryBankName}">-->
<!--			</div>-->
<!--		</div>-->
	</form>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: jsonview-js" />
    <script th:inline="javascript">

    </script>
</body>
</html>