plac-micro-common 1.3.31 → 1.3.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
import { ISIOFormData } from "../../types";
|
|
1
|
+
import { ICoverNoteFormData, IOfficialReceiptFormData, ISIOFormData } from "../../types";
|
|
2
2
|
export declare function generateFormSIO(data: ISIOFormData, lang: "en" | "kh"): Promise<string>;
|
|
3
|
+
export declare function generateCoverNote(data: ICoverNoteFormData, type: "term-life" | "endowment"): Promise<string>;
|
|
4
|
+
export declare function generateOfficialReceipt(data: IOfficialReceiptFormData): string;
|
|
@@ -34,8 +34,12 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
34
34
|
})();
|
|
35
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
36
|
exports.generateFormSIO = generateFormSIO;
|
|
37
|
+
exports.generateCoverNote = generateCoverNote;
|
|
38
|
+
exports.generateOfficialReceipt = generateOfficialReceipt;
|
|
37
39
|
const khmer_os_font_1 = require("./fonts/khmer-os.font");
|
|
38
40
|
const logo_img_1 = require("./img/logo.img");
|
|
41
|
+
const cover_note_termlife_template_1 = require("./templates/cover-note-termlife.template");
|
|
42
|
+
const receipt_template_1 = require("./templates/receipt.template");
|
|
39
43
|
const sio_form_en_template_1 = require("./templates/sio-form-en.template");
|
|
40
44
|
const sio_form_kh_template_1 = require("./templates/sio-form-kh.template");
|
|
41
45
|
const ejs = __importStar(require("ejs"));
|
|
@@ -47,3 +51,21 @@ async function generateFormSIO(data, lang) {
|
|
|
47
51
|
logo_base64: logo_img_1.LOGO_BASE64,
|
|
48
52
|
});
|
|
49
53
|
}
|
|
54
|
+
async function generateCoverNote(data, type) {
|
|
55
|
+
const template = type === "term-life"
|
|
56
|
+
? cover_note_termlife_template_1.COVER_NOTE_TERMLIFE_TEMPLATE
|
|
57
|
+
: cover_note_termlife_template_1.COVER_NOTE_TERMLIFE_TEMPLATE;
|
|
58
|
+
return ejs.render(template, {
|
|
59
|
+
...data,
|
|
60
|
+
font_base64: khmer_os_font_1.KHMER_OS_FONT_BASE64,
|
|
61
|
+
logo_base64: logo_img_1.LOGO_BASE64,
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
function generateOfficialReceipt(data) {
|
|
65
|
+
const template = receipt_template_1.RECEIPT_TEMPLATE;
|
|
66
|
+
return ejs.render(template, {
|
|
67
|
+
...data,
|
|
68
|
+
font_base64: khmer_os_font_1.KHMER_OS_FONT_BASE64,
|
|
69
|
+
logo_base64: logo_img_1.LOGO_BASE64,
|
|
70
|
+
});
|
|
71
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const RECEIPT_TEMPLATE = "\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\"/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"/>\n <title>\u1794\u1784\u17D2\u1780\u17B6\u1793\u17CB\u178A\u17C3\u1791\u1791\u17BD\u179B\u1794\u17D2\u179A\u17B6\u1780\u17CB - OFFICIAL RECEIPT</title>\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n <link href=\"https://fonts.googleapis.com/css2?family=Hanuman:wght@100..900&family=Moul&display=swap\" rel=\"stylesheet\">\n <style>\n * { \n box-sizing: border-box; \n margin: 0; padding: 0; \n }\n\n body {\n font-family: \"Hanuman\", system-ui, sans-serif;\n background: #f0f0f0;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n }\n\n .container {\n background: #fff;\n width: 210mm;\n min-height: 297mm;\n padding: 14mm 14mm 14mm 14mm;\n box-shadow: 0 4px 24px rgba(0,0,0,0.12);\n }\n\n /* \u2500\u2500 Header \u2500\u2500 */\n .header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 24px;\n padding-bottom: 20px;\n border-bottom: 1.5px solid var(--rule);\n margin-bottom: 24px;\n }\n\n .company-block { flex: 1; }\n\n .company-name-kh {\n font-family: 'Noto Serif Khmer', serif;\n font-size: 13px;\n font-weight: 700;\n color: var(--ink);\n line-height: 1.6;\n }\n\n .company-name-en {\n font-size: 15px;\n font-weight: 600;\n color: var(--ink);\n margin-top: 2px;\n }\n\n .company-address {\n font-size: 12px;\n color: var(--muted);\n line-height: 1.7;\n margin-top: 6px;\n }\n\n /* \u2500\u2500 Title \u2500\u2500 */\n .receipt-title-block {\n text-align: end;\n margin-top: 24px;\n }\n\n .receipt-title {\n font-size: 20px;\n font-weight: bold;\n letter-spacing: 0.05em;\n }\n\n .receipt-meta {\n display: flex;\n justify-content: center;\n }\n\n .receipt-meta-inner {\n display: flex;\n flex-direction: column;\n }\n\n .receipt-meta-row {\n display: flex;\n }\n\n .receipt-meta-label {\n width: 220px;\n text-align: left;\n }\n\n .receipt-meta-colon {\n width: 12px;\n text-align: center;\n }\n\n .receipt-meta-value {\n margin-left: 6px;\n }\n\n @media print {\n body { background: none; padding: 0; }\n .container { box-shadow: none; }\n }\n\n @media (max-width: 640px) {\n .container { width: 100%; padding: 24px 16px; min-height: unset; }\n }\n </style>\n</head>\n<body>\n <div class=\"container\">\n\n <!-- ===== Header ===== -->\n <div class=\"header\">\n <div class=\"company-block\">\n <div class=\"company-name-kh\">\u17A0\u17D2\u179C\u17B8\u179B\u17B8\u1796 \u17A1\u17B6\u1799\u17A0\u17D2\u179C\u17CD \u17A2\u17B6\u179F\u17BD\u179A\u17C1\u1793 (\u179A\u200B\u1781\u200B\u1798\u1794\u17BC\u178C\u17B6) \u1798.\u1780</div>\n <div class=\"company-name-en\">Phillip Life Assurance (Cambodia) PLC.</div>\n <div class=\"company-address\">\n \u17A2\u17B6\u1782\u17B6\u179A\u179B\u17C1\u1781 27AB \u1798\u17A0\u17B6\u179C\u17B7\u1790\u17B8\u1796\u17D2\u179A\u17C7\u1798\u17BB\u1793\u17B8\u179C\u1784\u17D2\u179F \u179F\u1784\u17D2\u1780\u17B6\u178F\u17CB\u179F\u17D2\u179A\u17C7\u1785\u1780 \u1781\u178E\u17D2\u178C\u178A\u17BC\u1793\u1796\u17C1\u1789 \u179A\u17B6\u1787\u1792\u17B6\u1793\u17B8\u1797\u17D2\u1793\u17C6\u1796\u17C1\u1789 \u1794\u17D2\u179A\u1791\u17C1\u179F\u1780\u1798\u17D2\u1796\u17BB\u1787\u17B6 <br>\n\n #27AB, Preah Monivong Blvd, Sangkat Srah Chork, Khan Daun Penh<br/>\n Phnom Penh, Kingdom of Cambodia<br/>\n \u1791\u17BC\u179A\u179F\u17D0\u1796\u17D2\u1791/Tel: (855) 23 426 888\n </div>\n </div>\n </div>\n\n <!-- ===== TITLE ===== -->\n <div class=\"receipt-title-block\">\n <p class=\"receipt-title\"> \u1794\u1784\u17D2\u1780\u17B6\u1793\u17CB\u178A\u17C3\u1791\u1791\u17BD\u179B\u1794\u17D2\u179A\u17B6\u1780\u17CB / Official Receipt </p>\n <div class=\"receipt-meta\" style=\"justify-content: flex-end;\">\n <div class=\"receipt-meta-inner\">\n <div class=\"receipt-meta-row\">\n <span class=\"receipt-meta-label\">\u1794\u1784\u17D2\u1780\u17B6\u1793\u17CB\u178A\u17C3\u179B\u17C1\u1781/Official Receipt</span>\n <span class=\"receipt-meta-colon\">:</span>\n <span class=\"receipt-meta-value\"><%= receipt_no %></span>\n </div>\n <div class=\"receipt-meta-row\">\n <span class=\"receipt-meta-label\">\u1780\u17B6\u179B\u1794\u179A\u17B7\u1785\u17D2\u1786\u17C1\u1791/Date</span>\n <span class=\"receipt-meta-colon\">:</span>\n <span class=\"receipt-meta-value\"><%= receipt_date %></span>\n </div>\n <div class=\"receipt-meta-row\">\n <span class=\"receipt-meta-label\">\u1798\u17C9\u17C4\u1784/Time</span>\n <span class=\"receipt-meta-colon\">:</span>\n <span class=\"receipt-meta-value\"><%= receipt_time %></span>\n </div>\n <div class=\"receipt-meta-row\">\n <span class=\"receipt-meta-label\">\u17A2\u17D2\u1793\u1780\u1791\u1791\u17BD\u179B\u1794\u17D2\u179A\u17B6\u1780\u17CB/Receipt by</span>\n <span class=\"receipt-meta-colon\">:</span>\n <span class=\"receipt-meta-value\"><%= receipt_by %></span>\n </div>\n </div>\n </div>\n </div>\n\n <br>\n <!-- ===== Detail ===== -->\n <div class=\"receipt-meta\" style=\"justify-content: flex-start;\">\n <div class=\"receipt-meta-inner\" style=\"gap: 32px;\">\n <div class=\"receipt-meta-row\">\n <span class=\"receipt-meta-label\" style=\"width: 280px;\">\u1788\u17D2\u1798\u17C4\u17C7\u17A2\u178F\u17B7\u1790\u17B7\u1787\u1793 <br> Customer's Name</span>\n <span class=\"receipt-meta-colon\">:</span>\n <span class=\"receipt-meta-value\"><%= customer_name %></span>\n </div>\n <div class=\"receipt-meta-row\">\n <span class=\"receipt-meta-label\" style=\"width: 280px;\">\u1796\u17B6\u1780\u17D2\u1799\u179F\u17D2\u1793\u17BE\u179A\u179F\u17BB\u17C6\u1792\u17B6\u1793\u17B6\u179A\u17C9\u17B6\u1794\u17CB\u179A\u1784 \u17AC\u1794\u178E\u17D2\u178E\u179F\u1793\u17D2\u1799\u17B6\u179A\u17C9\u17B6\u1794\u17CB\u179A\u1784 <br> Application or Policy Number</span>\n <span class=\"receipt-meta-colon\">:</span>\n <span class=\"receipt-meta-value\"><%= application_no %></span>\n </div>\n <div class=\"receipt-meta-row\">\n <span class=\"receipt-meta-label\" style=\"width: 280px;\">\u1785\u17C6\u1793\u17BD\u1793\u1791\u17B9\u1780\u1794\u17D2\u179A\u17B6\u1780\u17CB (\u178A\u17BB\u179B\u17D2\u179B\u17B6\u17A2\u17B6\u1798\u17C1\u179A\u17B7\u1780) <br> Amount (USD)</span>\n <span class=\"receipt-meta-colon\">:</span>\n <span class=\"receipt-meta-value\"><%= amount %></span>\n </div>\n <div style=\"display: flex; gap: 128px;\">\n <div class=\"receipt-meta-row\" style=\"align-items: flex-start;\">\n <span class=\"receipt-meta-label\">\u179A\u17BC\u1794\u17B7\u1799\u1794\u17D0\u178E\u17D2\u178E\u1794\u1784\u17CB\u1794\u17D2\u179A\u17B6\u1780\u17CB <br> Payment Currency</span>\n <span class=\"receipt-meta-colon\">:</span>\n <span class=\"receipt-meta-value\"><%= currency %></span>\n </div>\n <div class=\"receipt-meta-row\" style=\"align-items: flex-start;\">\n <span class=\"receipt-meta-label\" style=\"width: 160px;\">\u17A2\u178F\u17D2\u179A\u17B6\u1794\u17D2\u178F\u17BC\u179A\u1794\u17D2\u179A\u17B6\u1780\u17CB <br> Exchange Rate</span>\n <span class=\"receipt-meta-colon\">:</span>\n <span class=\"receipt-meta-value\"><%= exchange_rate %></span>\n </div>\n </div>\n <div class=\"receipt-meta-row\">\n <span class=\"receipt-meta-label\" style=\"width: 280px;\">\u1785\u17C6\u1793\u17BD\u1793\u1791\u17B9\u1780\u1794\u17D2\u179A\u17B6\u1780\u17CB <br> Paid Amount</span>\n <span class=\"receipt-meta-colon\">:</span>\n <div style=\"display: flex; gap: 128px;\">\n <span class=\"receipt-meta-value\">USD <%= paid_amount_in_usd %></span>\n <span class=\"receipt-meta-value\">KHR <%= paid_amount_in_khr %></span>\n </div>\n \n </div>\n </div>\n </div>\n\n\n <br>\n <!-- ===== Remark ===== -->\n <div style=\"margin-top: 4px;\">\n <span style=\"text-decoration: underline;\">\u179F\u1798\u17D2\u1782\u17B6\u179B\u17CB / Remark</span><br>\n <span>\u1794\u1784\u17D2\u1782\u17B6\u1793\u17CB\u178A\u17C3\u1791\u1791\u17BD\u179B\u1794\u17D2\u179A\u17B6\u1780\u17CB\u1793\u17C1\u17C7\u178F\u17D2\u179A\u17BC\u179C\u1794\u17B6\u1793\u1794\u1784\u17D2\u1780\u17BE\u178F\u17A1\u17BE\u1784\u178A\u17C4\u1799\u1794\u17D2\u179A\u1796\u17D0\u1793\u17D2\u1792\u179F\u17D2\u179C\u17B7\u1799\u1794\u17D2\u179A\u179C\u178F\u17D2\u178A\u17B7 \u1793\u17B7\u1784\u1798\u17B7\u1793\u178F\u1798\u17D2\u179A\u17BC\u179C\u17A2\u17C4\u1799\u1798\u17B6\u1793\u1780\u17B6\u179A\u1785\u17BB\u17C7\u17A0\u178F\u17D2\u1790\u179B\u17C1\u1781\u17B6 \u17AC \u178F\u17D2\u179A\u17B6\u1791\u17C1\u17D4</span><br>\n <span>This official Receipt is auto-generated by the system, no signature or stamp is required.</span>\n </div>\n\n </div>\n</body>\n</html>\n";
|
|
@@ -0,0 +1,223 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.RECEIPT_TEMPLATE = void 0;
|
|
4
|
+
exports.RECEIPT_TEMPLATE = `
|
|
5
|
+
<!DOCTYPE html>
|
|
6
|
+
<html lang="en">
|
|
7
|
+
<head>
|
|
8
|
+
<meta charset="UTF-8"/>
|
|
9
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
10
|
+
<title>បង្កាន់ដៃទទួលប្រាក់ - OFFICIAL RECEIPT</title>
|
|
11
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
12
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
13
|
+
<link href="https://fonts.googleapis.com/css2?family=Hanuman:wght@100..900&family=Moul&display=swap" rel="stylesheet">
|
|
14
|
+
<style>
|
|
15
|
+
* {
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
margin: 0; padding: 0;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
body {
|
|
21
|
+
font-family: "Hanuman", system-ui, sans-serif;
|
|
22
|
+
background: #f0f0f0;
|
|
23
|
+
display: flex;
|
|
24
|
+
justify-content: center;
|
|
25
|
+
padding: 40px 20px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.container {
|
|
29
|
+
background: #fff;
|
|
30
|
+
width: 210mm;
|
|
31
|
+
min-height: 297mm;
|
|
32
|
+
padding: 14mm 14mm 14mm 14mm;
|
|
33
|
+
box-shadow: 0 4px 24px rgba(0,0,0,0.12);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* ── Header ── */
|
|
37
|
+
.header {
|
|
38
|
+
display: flex;
|
|
39
|
+
justify-content: space-between;
|
|
40
|
+
align-items: flex-start;
|
|
41
|
+
gap: 24px;
|
|
42
|
+
padding-bottom: 20px;
|
|
43
|
+
border-bottom: 1.5px solid var(--rule);
|
|
44
|
+
margin-bottom: 24px;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.company-block { flex: 1; }
|
|
48
|
+
|
|
49
|
+
.company-name-kh {
|
|
50
|
+
font-family: 'Noto Serif Khmer', serif;
|
|
51
|
+
font-size: 13px;
|
|
52
|
+
font-weight: 700;
|
|
53
|
+
color: var(--ink);
|
|
54
|
+
line-height: 1.6;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.company-name-en {
|
|
58
|
+
font-size: 15px;
|
|
59
|
+
font-weight: 600;
|
|
60
|
+
color: var(--ink);
|
|
61
|
+
margin-top: 2px;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.company-address {
|
|
65
|
+
font-size: 12px;
|
|
66
|
+
color: var(--muted);
|
|
67
|
+
line-height: 1.7;
|
|
68
|
+
margin-top: 6px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/* ── Title ── */
|
|
72
|
+
.receipt-title-block {
|
|
73
|
+
text-align: end;
|
|
74
|
+
margin-top: 24px;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.receipt-title {
|
|
78
|
+
font-size: 20px;
|
|
79
|
+
font-weight: bold;
|
|
80
|
+
letter-spacing: 0.05em;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.receipt-meta {
|
|
84
|
+
display: flex;
|
|
85
|
+
justify-content: center;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.receipt-meta-inner {
|
|
89
|
+
display: flex;
|
|
90
|
+
flex-direction: column;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.receipt-meta-row {
|
|
94
|
+
display: flex;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.receipt-meta-label {
|
|
98
|
+
width: 220px;
|
|
99
|
+
text-align: left;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.receipt-meta-colon {
|
|
103
|
+
width: 12px;
|
|
104
|
+
text-align: center;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.receipt-meta-value {
|
|
108
|
+
margin-left: 6px;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
@media print {
|
|
112
|
+
body { background: none; padding: 0; }
|
|
113
|
+
.container { box-shadow: none; }
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
@media (max-width: 640px) {
|
|
117
|
+
.container { width: 100%; padding: 24px 16px; min-height: unset; }
|
|
118
|
+
}
|
|
119
|
+
</style>
|
|
120
|
+
</head>
|
|
121
|
+
<body>
|
|
122
|
+
<div class="container">
|
|
123
|
+
|
|
124
|
+
<!-- ===== Header ===== -->
|
|
125
|
+
<div class="header">
|
|
126
|
+
<div class="company-block">
|
|
127
|
+
<div class="company-name-kh">ហ្វីលីព ឡាយហ្វ៍ អាសួរេន (រខមបូឌា) ម.ក</div>
|
|
128
|
+
<div class="company-name-en">Phillip Life Assurance (Cambodia) PLC.</div>
|
|
129
|
+
<div class="company-address">
|
|
130
|
+
អាគារលេខ 27AB មហាវិថីព្រះមុនីវង្ស សង្កាត់ស្រះចក ខណ្ឌដូនពេញ រាជធានីភ្នំពេញ ប្រទេសកម្ពុជា <br>
|
|
131
|
+
|
|
132
|
+
#27AB, Preah Monivong Blvd, Sangkat Srah Chork, Khan Daun Penh<br/>
|
|
133
|
+
Phnom Penh, Kingdom of Cambodia<br/>
|
|
134
|
+
ទូរស័ព្ទ/Tel: (855) 23 426 888
|
|
135
|
+
</div>
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
|
|
139
|
+
<!-- ===== TITLE ===== -->
|
|
140
|
+
<div class="receipt-title-block">
|
|
141
|
+
<p class="receipt-title"> បង្កាន់ដៃទទួលប្រាក់ / Official Receipt </p>
|
|
142
|
+
<div class="receipt-meta" style="justify-content: flex-end;">
|
|
143
|
+
<div class="receipt-meta-inner">
|
|
144
|
+
<div class="receipt-meta-row">
|
|
145
|
+
<span class="receipt-meta-label">បង្កាន់ដៃលេខ/Official Receipt</span>
|
|
146
|
+
<span class="receipt-meta-colon">:</span>
|
|
147
|
+
<span class="receipt-meta-value"><%= receipt_no %></span>
|
|
148
|
+
</div>
|
|
149
|
+
<div class="receipt-meta-row">
|
|
150
|
+
<span class="receipt-meta-label">កាលបរិច្ឆេទ/Date</span>
|
|
151
|
+
<span class="receipt-meta-colon">:</span>
|
|
152
|
+
<span class="receipt-meta-value"><%= receipt_date %></span>
|
|
153
|
+
</div>
|
|
154
|
+
<div class="receipt-meta-row">
|
|
155
|
+
<span class="receipt-meta-label">ម៉ោង/Time</span>
|
|
156
|
+
<span class="receipt-meta-colon">:</span>
|
|
157
|
+
<span class="receipt-meta-value"><%= receipt_time %></span>
|
|
158
|
+
</div>
|
|
159
|
+
<div class="receipt-meta-row">
|
|
160
|
+
<span class="receipt-meta-label">អ្នកទទួលប្រាក់/Receipt by</span>
|
|
161
|
+
<span class="receipt-meta-colon">:</span>
|
|
162
|
+
<span class="receipt-meta-value"><%= receipt_by %></span>
|
|
163
|
+
</div>
|
|
164
|
+
</div>
|
|
165
|
+
</div>
|
|
166
|
+
</div>
|
|
167
|
+
|
|
168
|
+
<br>
|
|
169
|
+
<!-- ===== Detail ===== -->
|
|
170
|
+
<div class="receipt-meta" style="justify-content: flex-start;">
|
|
171
|
+
<div class="receipt-meta-inner" style="gap: 32px;">
|
|
172
|
+
<div class="receipt-meta-row">
|
|
173
|
+
<span class="receipt-meta-label" style="width: 280px;">ឈ្មោះអតិថិជន <br> Customer's Name</span>
|
|
174
|
+
<span class="receipt-meta-colon">:</span>
|
|
175
|
+
<span class="receipt-meta-value"><%= customer_name %></span>
|
|
176
|
+
</div>
|
|
177
|
+
<div class="receipt-meta-row">
|
|
178
|
+
<span class="receipt-meta-label" style="width: 280px;">ពាក្យស្នើរសុំធានារ៉ាប់រង ឬបណ្ណសន្យារ៉ាប់រង <br> Application or Policy Number</span>
|
|
179
|
+
<span class="receipt-meta-colon">:</span>
|
|
180
|
+
<span class="receipt-meta-value"><%= application_no %></span>
|
|
181
|
+
</div>
|
|
182
|
+
<div class="receipt-meta-row">
|
|
183
|
+
<span class="receipt-meta-label" style="width: 280px;">ចំនួនទឹកប្រាក់ (ដុល្លាអាមេរិក) <br> Amount (USD)</span>
|
|
184
|
+
<span class="receipt-meta-colon">:</span>
|
|
185
|
+
<span class="receipt-meta-value"><%= amount %></span>
|
|
186
|
+
</div>
|
|
187
|
+
<div style="display: flex; gap: 128px;">
|
|
188
|
+
<div class="receipt-meta-row" style="align-items: flex-start;">
|
|
189
|
+
<span class="receipt-meta-label">រូបិយប័ណ្ណបង់ប្រាក់ <br> Payment Currency</span>
|
|
190
|
+
<span class="receipt-meta-colon">:</span>
|
|
191
|
+
<span class="receipt-meta-value"><%= currency %></span>
|
|
192
|
+
</div>
|
|
193
|
+
<div class="receipt-meta-row" style="align-items: flex-start;">
|
|
194
|
+
<span class="receipt-meta-label" style="width: 160px;">អត្រាប្តូរប្រាក់ <br> Exchange Rate</span>
|
|
195
|
+
<span class="receipt-meta-colon">:</span>
|
|
196
|
+
<span class="receipt-meta-value"><%= exchange_rate %></span>
|
|
197
|
+
</div>
|
|
198
|
+
</div>
|
|
199
|
+
<div class="receipt-meta-row">
|
|
200
|
+
<span class="receipt-meta-label" style="width: 280px;">ចំនួនទឹកប្រាក់ <br> Paid Amount</span>
|
|
201
|
+
<span class="receipt-meta-colon">:</span>
|
|
202
|
+
<div style="display: flex; gap: 128px;">
|
|
203
|
+
<span class="receipt-meta-value">USD <%= paid_amount_in_usd %></span>
|
|
204
|
+
<span class="receipt-meta-value">KHR <%= paid_amount_in_khr %></span>
|
|
205
|
+
</div>
|
|
206
|
+
|
|
207
|
+
</div>
|
|
208
|
+
</div>
|
|
209
|
+
</div>
|
|
210
|
+
|
|
211
|
+
|
|
212
|
+
<br>
|
|
213
|
+
<!-- ===== Remark ===== -->
|
|
214
|
+
<div style="margin-top: 4px;">
|
|
215
|
+
<span style="text-decoration: underline;">សម្គាល់ / Remark</span><br>
|
|
216
|
+
<span>បង្គាន់ដៃទទួលប្រាក់នេះត្រូវបានបង្កើតឡើងដោយប្រព័ន្ធស្វិយប្រវត្ដិ និងមិនតម្រូវអោយមានការចុះហត្ថលេខា ឬ ត្រាទេ។</span><br>
|
|
217
|
+
<span>This official Receipt is auto-generated by the system, no signature or stamp is required.</span>
|
|
218
|
+
</div>
|
|
219
|
+
|
|
220
|
+
</div>
|
|
221
|
+
</body>
|
|
222
|
+
</html>
|
|
223
|
+
`;
|