92 lines
3.6 KiB
HTML
92 lines
3.6 KiB
HTML
<div class="row">
|
|
<h6 class="title" th:text="'Type of Special Pass Application - Employment Pass (' + ${spForm?.appType?.mstrDtDesc?.en} + ')'"></h6>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Application Ref No.'}"></small>
|
|
<h6 th:text="${spForm?.spRefNo}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Employer/Company Name'}"></small>
|
|
<h6 th:text="${spForm?.companyProfile?.name}"></h6>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<h6 class="title" th:text="#{'Employee Information'}"></h6>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Full Name'}"></small>
|
|
<h6 th:text="${spForm?.applicant?.fullname}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Nationality'}"></small>
|
|
<h6 th:text="${spForm?.applicant?.nationality?.cntryDesc}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Job Position'}"></small>
|
|
<h6 th:text="${spForm?.applicant?.applicantWorks[0]?.job?.jobDesc?.en}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Passport No.'}"></small>
|
|
<h6 th:text="${spForm?.applicant?.passportNo}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Passport Expiry Date'}"></small>
|
|
<h6 th:text="${#dates.format(spForm?.applicant?.pptExpiryDt, 'dd-MM-yyyy')}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Expiry Date of Pass'}"></small>
|
|
<h6 th:text="${#dates.format(spForm?.passExpiryDt, 'dd-MM-yyyy')}"></h6>
|
|
</div>
|
|
</div>
|
|
<th:block th:each="dependent , iter : ${spForm?.applicant?.dependents}" th:with="rowIndex = ${iter.index + 1}">
|
|
<div class="row">
|
|
<h6 class="title" th:text="'Dependant No. ' + ${rowIndex} + ' information'"></h6>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Full Name'}"></small>
|
|
<h6 th:text="${dependent?.fullname}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Nationality'}"></small>
|
|
<h6 th:text="${dependent?.nationality?.cntryDesc}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Relationship with Employee'}"></small>
|
|
<h6 th:text="${dependent?.relationship?.mstrDtDesc?.en}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Passport No.'}"></small>
|
|
<h6 th:text="${dependent?.passportNo}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Passport Expiry Date'}"></small>
|
|
<h6 th:text="${#dates.format(dependent?.pptExpiryDt, 'dd-MM-yyyy')}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Expiry Date of Pass'}"></small>
|
|
<h6 th:text="${#dates.format(dependent?.passExpiryDt, 'dd-MM-yyyy')}"></h6>
|
|
</div>
|
|
</div>
|
|
</th:block>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Payment Ref No.'}"></small>
|
|
<th:block th:if="${!isPaid}">
|
|
<h6 th:text="${payForm?.sellerOrderNo}"></h6>
|
|
</th:block>
|
|
<th:block th:if="${isPaid}">
|
|
<h6 th:text="${transaction.sellerOrderNo}"></h6>
|
|
</th:block>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Payment Amount'}"></small>
|
|
<h6 th:text="'MYR ' + ${#numbers.formatDecimal(payForm?.txnAmount, 0, 'COMMA', 2, 'POINT')}"></h6>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4">
|
|
<small class="text-muted" th:text="#{'Reason for Overstaying'}"></small>
|
|
<h6 th:text="${spForm?.reason}"></h6>
|
|
</div>
|
|
</div> |