plac-micro-common 1.3.95 → 1.3.96

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.
Files changed (7) hide show
  1. package/dist/libs/pdf-form/templates/receipt.template.d.ts +1 -1
  2. package/dist/libs/pdf-form/templates/receipt.template.js +224 -210
  3. package/dist/libs/pdf-form/templates/sio-form-kh.template.d.ts +1 -1
  4. package/dist/libs/pdf-form/templates/sio-form-kh.template.js +845 -657
  5. package/dist/libs/pdf-form/templates/uw-form.template.d.ts +1 -1
  6. package/dist/libs/pdf-form/templates/uw-form.template.js +1551 -1533
  7. package/package.json +1 -1
package/dist/libs/pdf-form/templates/receipt.template.d.ts CHANGED
@@ -1 +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-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";
1
+ export declare const RECEIPT_TEMPLATE = "\n<!doctype html>\n<html lang=\"en\">\n\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\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\"\n rel=\"stylesheet\" />\n <script src=\"https://cdn.tailwindcss.com\"></script>\n\n <style>\n * {\n box-sizing: border-box;\n }\n\n .font-moul {\n font-family: \"Moul\", serif;\n }\n\n .font-hanuman {\n font-family: \"Hanuman\", serif;\n }\n\n body {\n font-family: \"Hanuman\", serif;\n margin: 0;\n padding: 0;\n font-size: 12px;\n line-height: 1.5;\n color: #000;\n background: #fff;\n }\n\n\n @page {\n size: A4 portrait;\n margin: 20mm 10mm 20mm 10mm;\n }\n </style>\n\n</head>\n\n<body>\n <div class=\"space-y-5\">\n <div class=\"text-md space-y-2\">\n <div>\n <h2 class=\"font-bold\">\u17A0\u17D2\u179C\u17B8\u179B\u17B8\u1796 \u17A1\u17B6\u1799\u17A0\u17D2\u179C\u17CD \u17A2\u17B6\u179F\u17BD\u179A\u17C1\u1793 (\u1781\u17C1\u1798\u1794\u17BC\u178C\u17B6)\u200B \u1798.\u1780</h2>\n <h2 class=\"font-bold\">Phillip Life Assurance (Cambodia) PLC.</h2>\n </div>\n\n <div>\n <p>\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 </p>\n <p>\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</p>\n <p>#27AB, Preah Monivong Blvd, Sangkat Srah Chork, Khan Daun Penh</p>\n <p>Phnom Penh, Kingdom of Cambodia</p>\n </div>\n\n <p>\u1791\u17BC\u179A\u179F\u17D0\u1796\u17D2\u1791/Tel: (855) 23 426 888</p>\n </div>\n\n <div class=\"w-full text-right\">\n <p class=\"text-lg font-moul\">\n \u1794\u1784\u17D2\u1780\u17B6\u1793\u17CB\u178A\u17C3\u1791\u1791\u17BD\u179B\u1794\u17D2\u179A\u17B6\u1780\u17CB\n <span class=\"font-hanuman\">/ Official Receipt</span>\n </p>\n\n <table class=\"mt-2 table w-full table-fixed border-collapse\">\n <colgroup>\n <col style=\"width: 75%\">\n <col style=\"width: 2%\">\n <col style=\"width: 23%\">\n </colgroup>\n\n <tr>\n <td class=\"text-right\">\n \u1794\u1784\u17D2\u1780\u17B6\u1793\u17CB\u178A\u17C3\u179B\u17C1\u1781/Official Receipt\n </td>\n <td class=\"text-right\">:</td>\n <td class=\"text-right\">\n <%= data.receipt_no %>\n </td>\n </tr>\n\n <tr>\n <td class=\"text-right\">\n \u1780\u17B6\u179B\u1794\u179A\u17B7\u1785\u17D2\u1786\u17C1\u1791/Date\n </td>\n <td class=\"text-right\">:</td>\n <td class=\"text-right\">\n <%= data.receipt_date %>\n </td>\n </tr>\n\n <tr>\n <td class=\"text-right\">\n \u1798\u17C9\u17C4\u1784/Time\n </td>\n <td class=\"text-right\">:</td>\n <td class=\"text-right\">\n <%= data.receipt_time %>\n </td>\n </tr>\n\n <tr>\n <td class=\"text-right\">\n \u1786\u17D2\u1793\u17B6\u17C6\u1793\u17C3\u1794\u178E\u17D2\u178E\u179F\u1793\u17D2\u1799\u17B6\u179A\u17C9\u17B6\u1794\u17CB\u179A\u1784/Policy Year:\n </td>\n <td class=\"text-right\">:</td>\n <td class=\"text-right\">\n Year 1\n </td>\n </tr>\n\n <tr>\n <td class=\"text-right\">\n \u17A2\u17D2\u1793\u1780\u1791\u1791\u17BD\u179B\u1794\u17D2\u179A\u17B6\u1780\u17CB/Receipt by\n </td>\n <td class=\"text-right\">:</td>\n <td class=\"text-right\">\n <%= data.receipt_by %>\n </td>\n </tr>\n\n\n </table>\n </div>\n\n <table class=\"w-full border-collapse\">\n <colgroup>\n <col style=\"width: 30%\">\n <col style=\"width: 2%\">\n <col style=\"width: 20%\">\n <col style=\"width: 20%\">\n <col style=\"width: 12.5%\">\n <col style=\"width: 30%\">\n <col style=\"width: 2%\">\n <col style=\"width: 20%\">\n </colgroup>\n <tr>\n <td class=\"text-left align-top pb-2\">\n <p>\u1788\u17D2\u1798\u17C4\u17C7\u17A2\u178F\u17B7\u1790\u17B7\u1787\u1793 </p>\n <p>Customer's Name</p>\n </td>\n <td class=\"align-top text-center pb-2\">:</td>\n <td class=\"align-top text-left pb-2\">\n <%= data.customer_name %>\n </td>\n </tr>\n <tr>\n <td class=\"text-left align-top pb-2\">\n <p>\u1796\u17B6\u1780\u17D2\u1799\u179F\u17D2\u1793\u17BE\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 </p>\n <p>Applicat\u200Bion or Policy Number</p>\n </td>\n <td class=\"align-top text-center pb-2\">:</td>\n <td class=\"align-top text-left pb-2\">\n <%= data.application_no %>\n </td>\n </tr>\n\n <tr>\n <td class=\"text-left align-top pb-2\">\n <p>\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) </p>\n <p>Amount (USD)</p>\n </td>\n <td class=\"align-top text-center pb-2\">:</td>\n <td class=\"align-top text-left pb-2\">\n <%= data.amount %>\n </td>\n </tr>\n\n <tr>\n <td class=\"text-left align-top pb-2\">\n <p>\u179A\u17BC\u1794\u17B7\u1799\u1794\u17D0\u178E\u17D2\u178E\u1794\u1784\u17CB\u1794\u17D2\u179A\u17B6\u1780\u17CB </p>\n <p>Payment Currency</p>\n </td>\n <td class=\"align-top text-center pb-2\">:</td>\n <td class=\"align-top text-left pb-2\">\n <%= data.currency %>\n </td>\n <td></td>\n <td class=\"text-left align-top pb-2\">\n <p>\u17A2\u178F\u17D2\u179A\u17B6\u1794\u17D2\u178F\u17BC\u179A\u1794\u17D2\u179A\u17B6\u1780\u17CB </p>\n <p>Exchange Rate</p>\n </td>\n <td class=\"align-top text-center pb-2\">:</td>\n <td class=\"align-top text-left pb-2\">\n <%= data.exchange_rate %>\n </td>\n </tr>\n\n <tr>\n <td class=\"text-left align-top pb-2\">\n <p>\u1785\u17C6\u1793\u17BD\u1793\u1791\u17B9\u1780\u1794\u17D2\u179A\u17B6\u1780\u17CB\u1794\u17B6\u1793\u1794\u1784\u17CB </p>\n <p>Paid Amount</p>\n </td>\n <td class=\"align-top text-center pb-2\">:</td>\n\n <% if (data.currency===\"USD / KHR\" ) { %>\n <td class=\"align-top text-left pb-2\">\n <%= data.paid_amount_in_usd %>\n </td>\n <td class=\"align-top text-left pb-2\">\n <%= data.paid_amount_in_khr %>\n </td>\n <% } else if (data.currency===\"KHR\" ) { %>\n <td class=\"align-top text-left pb-2\">\n <%= data.paid_amount_in_khr %>\n </td>\n <% } else { %>\n <td class=\"align-top text-left pb-2\">\n <%= data.paid_amount_in_usd %>\n </td>\n <% } %>\n </tr>\n </table>\n\n <div class=\"mt-7 space-y-3\">\n <p class=\"underline font-bold text-md\">\u179F\u1798\u17D2\u1782\u17B6\u179B\u17CB / Remark</p>\n <div>\n <p>\u1794\u1784\u17D2\u1780\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\u17D0\u1799\u1794\u17D2\u179A\u179C\u178F\u17D2\u178F\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\u200B\u17D4\n </p>\n <p>This official Receipt is auto-generated by the system, no signature or stamp is required.</p>\n </div>\n\n </div>\n </div>\n</body>\n";
package/dist/libs/pdf-form/templates/receipt.template.js CHANGED
@@ -2,221 +2,235 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.RECEIPT_TEMPLATE = void 0;
4
4
  exports.RECEIPT_TEMPLATE = `
5
- <!DOCTYPE html>
5
+ <!doctype html>
6
6
  <html lang="en">
7
+
7
8
  <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-size: 13px;
51
- font-weight: 700;
52
- color: var(--ink);
53
- line-height: 1.6;
54
- }
55
-
56
- .company-name-en {
57
- font-size: 15px;
58
- font-weight: 600;
59
- color: var(--ink);
60
- margin-top: 2px;
61
- }
62
-
63
- .company-address {
64
- font-size: 12px;
65
- color: var(--muted);
66
- line-height: 1.7;
67
- margin-top: 6px;
68
- }
69
-
70
- /* ── Title ── */
71
- .receipt-title-block {
72
- text-align: end;
73
- margin-top: 24px;
74
- }
75
-
76
- .receipt-title {
77
- font-size: 20px;
78
- font-weight: bold;
79
- letter-spacing: 0.05em;
80
- }
81
-
82
- .receipt-meta {
83
- display: flex;
84
- justify-content: center;
85
- }
86
-
87
- .receipt-meta-inner {
88
- display: flex;
89
- flex-direction: column;
90
- }
91
-
92
- .receipt-meta-row {
93
- display: flex;
94
- }
95
-
96
- .receipt-meta-label {
97
- width: 220px;
98
- text-align: left;
99
- }
100
-
101
- .receipt-meta-colon {
102
- width: 12px;
103
- text-align: center;
104
- }
105
-
106
- .receipt-meta-value {
107
- margin-left: 6px;
108
- }
109
-
110
- @media print {
111
- body { background: none; padding: 0; }
112
- .container { box-shadow: none; }
113
- }
114
-
115
- @media (max-width: 640px) {
116
- .container { width: 100%; padding: 24px 16px; min-height: unset; }
117
- }
118
- </style>
9
+ <meta charset="UTF-8" />
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
11
+ <title>បង្កាន់ដៃទទួលប្រាក់ - OFFICIAL RECEIPT</title>
12
+
13
+ <link rel="preconnect" href="https://fonts.googleapis.com">
14
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15
+ <link href="https://fonts.googleapis.com/css2?family=Hanuman:wght@100..900&family=Moul&display=swap"
16
+ rel="stylesheet" />
17
+ <script src="https://cdn.tailwindcss.com"></script>
18
+
19
+ <style>
20
+ * {
21
+ box-sizing: border-box;
22
+ }
23
+
24
+ .font-moul {
25
+ font-family: "Moul", serif;
26
+ }
27
+
28
+ .font-hanuman {
29
+ font-family: "Hanuman", serif;
30
+ }
31
+
32
+ body {
33
+ font-family: "Hanuman", serif;
34
+ margin: 0;
35
+ padding: 0;
36
+ font-size: 12px;
37
+ line-height: 1.5;
38
+ color: #000;
39
+ background: #fff;
40
+ }
41
+
42
+
43
+ @page {
44
+ size: A4 portrait;
45
+ margin: 20mm 10mm 20mm 10mm;
46
+ }
47
+ </style>
48
+
119
49
  </head>
50
+
120
51
  <body>
121
- <div class="container">
122
-
123
- <!-- ===== Header ===== -->
124
- <div class="header">
125
- <div class="company-block">
126
- <div class="company-name-kh">ហ្វីលីព ឡាយហ្វ៍ អាសួរេន (រ​ខ​មបូឌា) ម.ក</div>
127
- <div class="company-name-en">Phillip Life Assurance (Cambodia) PLC.</div>
128
- <div class="company-address">
129
- អាគារលេខ 27AB មហាវិថីព្រះមុនីវង្ស សង្កាត់ស្រះចក ខណ្ឌដូនពេញ រាជធានីភ្នំពេញ ប្រទេសកម្ពុជា <br>
130
-
131
- #27AB, Preah Monivong Blvd, Sangkat Srah Chork, Khan Daun Penh<br/>
132
- Phnom Penh, Kingdom of Cambodia<br/>
133
- ទូរស័ព្ទ/Tel: (855) 23 426 888
134
- </div>
135
- </div>
136
- </div>
137
-
138
- <!-- ===== TITLE ===== -->
139
- <div class="receipt-title-block">
140
- <p class="receipt-title"> បង្កាន់ដៃទទួលប្រាក់ / Official Receipt </p>
141
- <div class="receipt-meta" style="justify-content: flex-end;">
142
- <div class="receipt-meta-inner">
143
- <div class="receipt-meta-row">
144
- <span class="receipt-meta-label">បង្កាន់ដៃលេខ/Official Receipt</span>
145
- <span class="receipt-meta-colon">:</span>
146
- <span class="receipt-meta-value"><%= receipt_no %></span>
147
- </div>
148
- <div class="receipt-meta-row">
149
- <span class="receipt-meta-label">កាលបរិច្ឆេទ/Date</span>
150
- <span class="receipt-meta-colon">:</span>
151
- <span class="receipt-meta-value"><%= receipt_date %></span>
152
- </div>
153
- <div class="receipt-meta-row">
154
- <span class="receipt-meta-label">ម៉ោង/Time</span>
155
- <span class="receipt-meta-colon">:</span>
156
- <span class="receipt-meta-value"><%= receipt_time %></span>
157
- </div>
158
- <div class="receipt-meta-row">
159
- <span class="receipt-meta-label">អ្នកទទួលប្រាក់/Receipt by</span>
160
- <span class="receipt-meta-colon">:</span>
161
- <span class="receipt-meta-value"><%= receipt_by %></span>
162
- </div>
163
- </div>
164
- </div>
165
- </div>
166
-
167
- <br>
168
- <!-- ===== Detail ===== -->
169
- <div class="receipt-meta" style="justify-content: flex-start;">
170
- <div class="receipt-meta-inner" style="gap: 32px;">
171
- <div class="receipt-meta-row">
172
- <span class="receipt-meta-label" style="width: 280px;">ឈ្មោះអតិថិជន <br> Customer's Name</span>
173
- <span class="receipt-meta-colon">:</span>
174
- <span class="receipt-meta-value"><%= customer_name %></span>
175
- </div>
176
- <div class="receipt-meta-row">
177
- <span class="receipt-meta-label" style="width: 280px;">ពាក្យស្នើរសុំធានារ៉ាប់រង ឬបណ្ណសន្យារ៉ាប់រង <br> Application or Policy Number</span>
178
- <span class="receipt-meta-colon">:</span>
179
- <span class="receipt-meta-value"><%= application_no %></span>
180
- </div>
181
- <div class="receipt-meta-row">
182
- <span class="receipt-meta-label" style="width: 280px;">ចំនួនទឹកប្រាក់ (ដុល្លាអាមេរិក) <br> Amount (USD)</span>
183
- <span class="receipt-meta-colon">:</span>
184
- <span class="receipt-meta-value"><%= amount %></span>
185
- </div>
186
- <div style="display: flex; gap: 128px;">
187
- <div class="receipt-meta-row" style="align-items: flex-start;">
188
- <span class="receipt-meta-label">រូបិយប័ណ្ណបង់ប្រាក់ <br> Payment Currency</span>
189
- <span class="receipt-meta-colon">:</span>
190
- <span class="receipt-meta-value"><%= currency %></span>
191
- </div>
192
- <div class="receipt-meta-row" style="align-items: flex-start;">
193
- <span class="receipt-meta-label" style="width: 160px;">អត្រាប្តូរប្រាក់ <br> Exchange Rate</span>
194
- <span class="receipt-meta-colon">:</span>
195
- <span class="receipt-meta-value"><%= exchange_rate %></span>
196
- </div>
197
- </div>
198
- <div class="receipt-meta-row">
199
- <span class="receipt-meta-label" style="width: 280px;">ចំនួនទឹកប្រាក់ <br> Paid Amount</span>
200
- <span class="receipt-meta-colon">:</span>
201
- <div style="display: flex; gap: 128px;">
202
- <span class="receipt-meta-value">USD <%= paid_amount_in_usd %></span>
203
- <span class="receipt-meta-value">KHR <%= paid_amount_in_khr %></span>
204
- </div>
205
-
206
- </div>
207
- </div>
208
- </div>
209
-
210
-
211
- <br>
212
- <!-- ===== Remark ===== -->
213
- <div style="margin-top: 4px;">
214
- <span style="text-decoration: underline;">សម្គាល់ / Remark</span><br>
215
- <span>បង្គាន់ដៃទទួលប្រាក់នេះត្រូវបានបង្កើតឡើងដោយប្រព័ន្ធស្វិយប្រវត្ដិ និងមិនតម្រូវអោយមានការចុះហត្ថលេខា ឬ ត្រាទេ។</span><br>
216
- <span>This official Receipt is auto-generated by the system, no signature or stamp is required.</span>
217
- </div>
52
+ <div class="space-y-5">
53
+ <div class="text-md space-y-2">
54
+ <div>
55
+ <h2 class="font-bold">ហ្វីលីព ឡាយហ្វ៍ អាសួរេន (ខេមបូឌា)​ ម.ក</h2>
56
+ <h2 class="font-bold">Phillip Life Assurance (Cambodia) PLC.</h2>
57
+ </div>
58
+
59
+ <div>
60
+ <p>អាគារលេខ 27AB មហាវិថីព្រះមុនីវង្ស សង្កាត់ស្រះចក ខណ្ឌដូនពេញ </p>
61
+ <p>រាជធានីភ្នំពេញ ប្រទេសកម្ពុជា</p>
62
+ <p>#27AB, Preah Monivong Blvd, Sangkat Srah Chork, Khan Daun Penh</p>
63
+ <p>Phnom Penh, Kingdom of Cambodia</p>
64
+ </div>
65
+
66
+ <p>ទូរស័ព្ទ/Tel: (855) 23 426 888</p>
67
+ </div>
68
+
69
+ <div class="w-full text-right">
70
+ <p class="text-lg font-moul">
71
+ បង្កាន់ដៃទទួលប្រាក់
72
+ <span class="font-hanuman">/ Official Receipt</span>
73
+ </p>
74
+
75
+ <table class="mt-2 table w-full table-fixed border-collapse">
76
+ <colgroup>
77
+ <col style="width: 75%">
78
+ <col style="width: 2%">
79
+ <col style="width: 23%">
80
+ </colgroup>
81
+
82
+ <tr>
83
+ <td class="text-right">
84
+ បង្កាន់ដៃលេខ/Official Receipt
85
+ </td>
86
+ <td class="text-right">:</td>
87
+ <td class="text-right">
88
+ <%= data.receipt_no %>
89
+ </td>
90
+ </tr>
91
+
92
+ <tr>
93
+ <td class="text-right">
94
+ កាលបរិច្ឆេទ/Date
95
+ </td>
96
+ <td class="text-right">:</td>
97
+ <td class="text-right">
98
+ <%= data.receipt_date %>
99
+ </td>
100
+ </tr>
101
+
102
+ <tr>
103
+ <td class="text-right">
104
+ ម៉ោង/Time
105
+ </td>
106
+ <td class="text-right">:</td>
107
+ <td class="text-right">
108
+ <%= data.receipt_time %>
109
+ </td>
110
+ </tr>
111
+
112
+ <tr>
113
+ <td class="text-right">
114
+ ឆ្នាំនៃបណ្ណសន្យារ៉ាប់រង/Policy Year:
115
+ </td>
116
+ <td class="text-right">:</td>
117
+ <td class="text-right">
118
+ Year 1
119
+ </td>
120
+ </tr>
121
+
122
+ <tr>
123
+ <td class="text-right">
124
+ អ្នកទទួលប្រាក់/Receipt by
125
+ </td>
126
+ <td class="text-right">:</td>
127
+ <td class="text-right">
128
+ <%= data.receipt_by %>
129
+ </td>
130
+ </tr>
131
+
132
+
133
+ </table>
134
+ </div>
135
+
136
+ <table class="w-full border-collapse">
137
+ <colgroup>
138
+ <col style="width: 30%">
139
+ <col style="width: 2%">
140
+ <col style="width: 20%">
141
+ <col style="width: 20%">
142
+ <col style="width: 12.5%">
143
+ <col style="width: 30%">
144
+ <col style="width: 2%">
145
+ <col style="width: 20%">
146
+ </colgroup>
147
+ <tr>
148
+ <td class="text-left align-top pb-2">
149
+ <p>ឈ្មោះអតិថិជន </p>
150
+ <p>Customer's Name</p>
151
+ </td>
152
+ <td class="align-top text-center pb-2">:</td>
153
+ <td class="align-top text-left pb-2">
154
+ <%= data.customer_name %>
155
+ </td>
156
+ </tr>
157
+ <tr>
158
+ <td class="text-left align-top pb-2">
159
+ <p>ពាក្យស្នើសុំធានារ៉ាប់រង ឬបណ្ណសន្យារ៉ាប់រង </p>
160
+ <p>Applicat​ion or Policy Number</p>
161
+ </td>
162
+ <td class="align-top text-center pb-2">:</td>
163
+ <td class="align-top text-left pb-2">
164
+ <%= data.application_no %>
165
+ </td>
166
+ </tr>
167
+
168
+ <tr>
169
+ <td class="text-left align-top pb-2">
170
+ <p>ចំនួនទឹកប្រាក់ (ដុល្លាអាមេរិក) </p>
171
+ <p>Amount (USD)</p>
172
+ </td>
173
+ <td class="align-top text-center pb-2">:</td>
174
+ <td class="align-top text-left pb-2">
175
+ <%= data.amount %>
176
+ </td>
177
+ </tr>
178
+
179
+ <tr>
180
+ <td class="text-left align-top pb-2">
181
+ <p>រូបិយប័ណ្ណបង់ប្រាក់ </p>
182
+ <p>Payment Currency</p>
183
+ </td>
184
+ <td class="align-top text-center pb-2">:</td>
185
+ <td class="align-top text-left pb-2">
186
+ <%= data.currency %>
187
+ </td>
188
+ <td></td>
189
+ <td class="text-left align-top pb-2">
190
+ <p>អត្រាប្តូរប្រាក់ </p>
191
+ <p>Exchange Rate</p>
192
+ </td>
193
+ <td class="align-top text-center pb-2">:</td>
194
+ <td class="align-top text-left pb-2">
195
+ <%= data.exchange_rate %>
196
+ </td>
197
+ </tr>
198
+
199
+ <tr>
200
+ <td class="text-left align-top pb-2">
201
+ <p>ចំនួនទឹកប្រាក់បានបង់ </p>
202
+ <p>Paid Amount</p>
203
+ </td>
204
+ <td class="align-top text-center pb-2">:</td>
205
+
206
+ <% if (data.currency==="USD / KHR" ) { %>
207
+ <td class="align-top text-left pb-2">
208
+ <%= data.paid_amount_in_usd %>
209
+ </td>
210
+ <td class="align-top text-left pb-2">
211
+ <%= data.paid_amount_in_khr %>
212
+ </td>
213
+ <% } else if (data.currency==="KHR" ) { %>
214
+ <td class="align-top text-left pb-2">
215
+ <%= data.paid_amount_in_khr %>
216
+ </td>
217
+ <% } else { %>
218
+ <td class="align-top text-left pb-2">
219
+ <%= data.paid_amount_in_usd %>
220
+ </td>
221
+ <% } %>
222
+ </tr>
223
+ </table>
224
+
225
+ <div class="mt-7 space-y-3">
226
+ <p class="underline font-bold text-md">សម្គាល់ / Remark</p>
227
+ <div>
228
+ <p>បង្កាន់ដៃទទួលប្រាក់នេះត្រូវបានបង្កើតឡើងដោយប្រព័ន្ធស្វ័យប្រវត្តិ និងមិនតម្រូវអោយមានការចុះហត្ថលេខា ឬ ត្រាទេ​។
229
+ </p>
230
+ <p>This official Receipt is auto-generated by the system, no signature or stamp is required.</p>
231
+ </div>
218
232
 
219
233
  </div>
234
+ </div>
220
235
  </body>
221
- </html>
222
236
  `;