plac-micro-common 1.3.96 → 1.3.98

package/dist/libs/pdf-form/templates/sio-form-kh.template.js

@@ -18,7 +18,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
       font-size: 12px;
       line-height: 1.4;
       margin: 1rem;
-      /* Reduced from 2rem */
       background: #fff;
       color: #000;
     }
@@ -27,7 +26,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
       width: 8px;
     }
 
-    /* margin */
     .ml-4 {
       margin-left: 1rem;
     }
@@ -60,7 +58,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
       margin-bottom: 2rem;
     }
 
-    /* alignment */
     .align-left {
       justify-content: flex-start !important;
       text-align: left;
@@ -88,7 +85,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
       margin-top: 10px;
     }
 
-    /* === Page header === */
     .page-header {
       margin-bottom: 0.5rem;
       page-break-inside: avoid;
@@ -119,7 +115,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
       margin: 0;
     }
 
-    /* === Card Header === */
     .card-header {
       background-color: #0d6efd;
       color: white;
@@ -128,12 +123,10 @@ exports.SIO_FORM_KH_TEMPLATE = `
       border-radius: 6px 6px 0 0;
       font-weight: bold;
       margin-bottom: 0.5rem;
-      /* Reduced */
       -webkit-print-color-adjust: exact;
       print-color-adjust: exact;
     }
 
-    /* === Form Text === */
     .form-container {
       display: flex;
       flex-wrap: wrap;
@@ -157,7 +150,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
       color: #444;
     }
 
-    /* Underline for blanks */
     .underline {
       border-bottom: 1px dashed #000;
       flex: 1;
@@ -175,7 +167,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
       color: #000;
     }
 
-    /* size variants */
     .underline.xs {
       flex: none;
       width: 30px;
@@ -228,7 +219,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
       text-decoration: none;
     }
 
-    /* Checkbox labels */
     .checkbox-label {
       display: inline-flex;
       align-items: center;
@@ -271,7 +261,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
       page-break-before: always;
     }
 
-    /* === Table data === */
     .table-container {
       margin: auto;
       margin-bottom: 4px;
@@ -300,28 +289,23 @@ exports.SIO_FORM_KH_TEMPLATE = `
       font-weight: 600;
     }
 
-    /* === Print-specific: Footer with Page Numbers on the RIGHT === */
     @media print {
       body {
         margin: 0;
         padding-top: 10mm;
       }
 
-      /* Make room for footer on the right side */
       @page {
         size: A4 portrait;
         margin: 15mm 15mm 20mm 10mm;
-        /* increased right margin slightly for better spacing */
 
-        @bottom-right {
-          content: "ទំព័រ " counter(page) " នៃ " counter(pages);
+        /* @bottom-right {
+          content: "Page " counter(page) " of " counter(pages);
           font-size: 11px;
           color: #555;
-          font-family: "Battambang", sans-serif;
-        }
+        } */
       }
 
-      /* Increment page counter */
       body {
         counter-increment: page;
       }
@@ -345,9 +329,7 @@ exports.SIO_FORM_KH_TEMPLATE = `
     <img src="data:image/png;base64,<%= logo_base64 %>" alt="Logo" class="title-logo" />
     <div class="title-container">
       <h1 class="title">ពាក្យស្នើសុំធានារ៉ាប់រងអាយុជីវិត</h1>
-      <h1 class="title">
-        សម្រាប់ទម្រង់សាមញ្ញសម្រាប់អតិថិជនជោគជ័យហ្វាយនែន (SIO)
-      </h1>
+      <h1 class="title">សម្រាប់ទម្រង់សាមញ្ញសម្រាប់អតិថិជនជោគជ័យហ្វាយនែន (SIO)</h1>
     </div>
   </div>
 
@@ -374,7 +356,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
     </div>
   </div>
 
-  <!-- Section 1 -->
   <div class="card-header mt-4">ព័ត៌មានអំពីអ្នកស្នើសុំបណ្ណសន្យារ៉ាប់រង់</div>
 
   <div class="form-container">
@@ -398,18 +379,12 @@ exports.SIO_FORM_KH_TEMPLATE = `
 
       <div>
         <span class="label">ស្ថានភាពគ្រួសារ:</span>
-        <label class="checkbox-label <%= applicant_info.marital_status === 'single' ? 'checked' : '' %>">
-          នៅលីវ
-        </label>
-        <label class="checkbox-label <%= applicant_info.marital_status === 'married' ? 'checked' : '' %>">
-          រៀបការហើយ
-        </label>
-        <label class="checkbox-label <%= applicant_info.marital_status === 'divorced' ? 'checked' : '' %>">
-          លែងលះ
-        </label>
-        <label class="checkbox-label <%= applicant_info.marital_status === 'widowed' ? 'checked' : '' %>">
-          មេម៉ាយ/ពោះម៉ាយ
-        </label>
+        <label class="checkbox-label <%= applicant_info.marital_status === 'single' ? 'checked' : '' %>">នៅលីវ</label>
+        <label
+          class="checkbox-label <%= applicant_info.marital_status === 'married' ? 'checked' : '' %>">រៀបការហើយ</label>
+        <label class="checkbox-label <%= applicant_info.marital_status === 'divorced' ? 'checked' : '' %>">លែងលះ</label>
+        <label
+          class="checkbox-label <%= applicant_info.marital_status === 'widowed' ? 'checked' : '' %>">មេម៉ាយ/ពោះម៉ាយ</label>
       </div>
     </div>
 
@@ -422,21 +397,13 @@ exports.SIO_FORM_KH_TEMPLATE = `
 
     <div class="form-item">
       <span class="label">ឯកសារបញ្ចាក់អត្តសញ្ញាណ:</span>
-      <label class="checkbox-label <%= applicant_info.identity_type === 'nid' ? 'checked' : '' %>">
-        អត្តសញ្ញាណបណ្ណ
-      </label>
-      <label class="checkbox-label <%= applicant_info.identity_type === 'passport' ? 'checked' : '' %>">
-        លិខិតឆ្លងដែន
-      </label>
-      <label class="checkbox-label <%= applicant_info.identity_type === 'birth' ? 'checked' : '' %>">
-        សំបុត្រកំណើត
-      </label>
-      <label class="checkbox-label <%= applicant_info.identity_type === 'other' ? 'checked' : '' %>">
-        ផ្សេងទៀត:
-      </label>
-
-
-      <!-- other field stays separate since it has extra input -->
+      <label
+        class="checkbox-label <%= applicant_info.identity_type === 'nid' ? 'checked' : '' %>">អត្តសញ្ញាណបណ្ណ</label>
+      <label
+        class="checkbox-label <%= applicant_info.identity_type === 'passport' ? 'checked' : '' %>">លិខិតឆ្លងដែន</label>
+      <label
+        class="checkbox-label <%= applicant_info.identity_type === 'birth' ? 'checked' : '' %>">សំបុត្រកំណើត</label>
+      <label class="checkbox-label <%= applicant_info.identity_type === 'other' ? 'checked' : '' %>">ផ្សេងទៀត:</label>
       <label class="underline">
         <%= applicant_info.identity_other_description %>
       </label>
@@ -471,19 +438,15 @@ exports.SIO_FORM_KH_TEMPLATE = `
         <%= applicant_info.current_address %>
       </span>
     </div>
-
-
   </div>
 
-
-
   <div class="form-container">
     <div class="form-item mt-4">
       <span class="label">សេចក្ដីប្រកាសសម្រាប់ការអនុវត្ដ FATCA</span>
     </div>
     <div class="form-item">
-      <span class="label">អ្នកស្នើរសុំបណ្ណសន្យារ៉ាប់រង់មិនមែនជាពលរដ្ឋាអាមេរិក ឬ
-        ជាប់ពន្ធស្នាក់នៅអាមេរិក ឬ មានសិទ្ធិកាន់ Green Card នោះទេ។
+      <span class="label">
+       ម្ចាស់បណ្ណសន្យារ៉ាប់រងជាពលរដ្ឋអាមេរិក ឬជាប់ពន្ធស្នាក់នៅអាមេរិក ឬមានសិទ្ធិកាន់ Green Card
       </span>
     </div>
     <div class="form-item">
@@ -509,9 +472,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
     </div>
   </div>
 
-
-
-  <!-- Section 2 -->
   <div class="card-header mt-4">ព័ត៌មានអំពីផលិតផល</div>
   <div class="table-container">
     <table>
@@ -563,15 +523,14 @@ exports.SIO_FORM_KH_TEMPLATE = `
   <div class="form-container">
     <div class="form-item">
       <span class="question-label">វិធីសាស្រ្ដបង់បុព្វលាភធានារ៉ាប់រង់:</span>
-      <label class="checkbox-label <%= product_payment_info.payment_method === 'transfer_to_plac' ? 'checked' : '' %>">
-        ការផ្ទេរប្រាក់ចូលទៅក្នុងគណនីរបស់ហ្វីលីឡាយហ្វ៍
-      </label>
-      <label class="checkbox-label <%= product_payment_info.payment_method === 'other' ? 'checked' : '' %>">
-        តាមរយះដៃគូររបស់ហ្វីលីឡាយហ្វ៍
-      </label>
+      <label
+        class="checkbox-label <%= product_payment_info.payment_method === 'transfer_to_plac' ? 'checked' : '' %>">ការផ្ទេរប្រាក់ចូលទៅក្នុងគណនីរបស់ហ្វីលីឡាយហ្វ៍</label>
+      <label
+        class="checkbox-label <%= product_payment_info.payment_method === 'other' ? 'checked' : '' %>">តាមរយះដៃគូររបស់ហ្វីលីឡាយហ្វ៍</label>
     </div>
   </div>
 
+<% if (loan_info) { %>
   <div class="card-header mt-4">ព័ត៌មានអំពីកម្ចី</div>
   <div class="table-container">
     <table>
@@ -610,14 +569,14 @@ exports.SIO_FORM_KH_TEMPLATE = `
     </table>
   </div>
 
+<% } %>
 
-  <!-- Section 3 -->
   <div class="card-header mt-4">ព័ត៌មានអំពីអ្នកទទួលផល</div>
   <div class="table-container">
     <table>
       <thead>
         <tr>
-          <th style="align-items: flex-start; text-align: left; padding-left: 8px;">
+          <th class="align-left">
             <div>ឈ្មោះពេញរបស់អ្នកទទួលផល</div>
           </th>
           <th>
@@ -637,7 +596,7 @@ exports.SIO_FORM_KH_TEMPLATE = `
       <tbody>
         <% beneficiary_info?.forEach(function(beneficiary) { %>
           <tr>
-            <td style="align-items: flex-start; text-align: left; padding-left: 8px;">
+            <td class="align-left">
               <div>
                 <%= beneficiary.full_name %>
               </div>
@@ -666,27 +625,21 @@ exports.SIO_FORM_KH_TEMPLATE = `
           <% }) %>
             <tr>
               <td colspan="5">
-                <div class="cell" style="text-align: left; padding-left: 8px;">
+                <div class="cell align-left"
+                  style="text-align: start !important; padding-top: 5px; padding-bottom: 5px;">
                   ក្រុមហ៊ុន នឹងទូរទាត់សំណងទៅកាន់អ្នកទទួលផលចម្បងជាមុនសិន
                   មុននឹងទូទាត់សំណងដែលនៅសល់ទៅកាន់អ្នកទទួលផលបន្ទាប់ដែលបានកំណត់ដោយអ្នកស្នើសុំធានារ៉ាប់រង
                   ឬទាយាទរបស់អ្នកត្រូវបានធានារ៉ាប់រងក្នុងករណិមិនមានការតែងតាំងអ្នកទទួលផល។
                 </div>
               </td>
-              <!-- <td>
-                <div class="cell">% សរុបស្មើរ ១០០%</div>
-              </td> -->
             </tr>
       </tbody>
     </table>
   </div>
 
-  <!-- Section 4 -->
   <div class="page-break"></div>
-  <div class="card-header">
-    ព័ត៌មានពាក់ព័ន្ទនឹងសុខភាពរបស់ អ្នកស្នើសុំបណ្ណសន្យារ៉ាប់រង់
-  </div>
+  <div class="card-header">ព័ត៌មានពាក់ព័ន្ទនឹងសុខភាពរបស់ អ្នកស្នើសុំបណ្ណសន្យារ៉ាប់រង់</div>
 
-  <!-- Question 1 -->
   <div class="form-container">
     <div class="form-item">
       <span class="label">1) កម្ពស់:</span>
@@ -702,22 +655,18 @@ exports.SIO_FORM_KH_TEMPLATE = `
       <span class="label">គ.ក</span>
       <div class="space"></div>
       <span class="question-label">តើលោកអ្នកពិសារបារីដែរឬទេ?:</span>
-      <label class="checkbox-label <%= health_info.is_smoke === false ? 'checked' : '' %>">
-        មិនមាន
-      </label>
-      <label class="checkbox-label <%= health_info.is_smoke === true ? 'checked' : '' %>">
-        មាន
-      </label>
+      <label class="checkbox-label <%= health_info.is_smoke === false ? 'checked' : '' %>">មិនមាន</label>
+      <label class="checkbox-label <%= health_info.is_smoke === true ? 'checked' : '' %>">មាន</label>
     </div>
 
     <div class="form-item mb-4">
-      <span class="label">ចំនួន៖</span>
+      <span class="label">ចំនួន:</span>
       <% if (health_info.smoke_detail) { %>
         <span class="underline with-unit">
           <span class="value">
             <%= health_info.smoke_detail %>
           </span>
-          <span class="unit">ដើមក្នុងមួយសប្ដាហ៍</span>
+          <span class="unit">ដើមក្នុងមួយថ្ងៃ</span>
         </span>
         <% } else { %>
           <span class="underline"></span>
@@ -725,16 +674,11 @@ exports.SIO_FORM_KH_TEMPLATE = `
     </div>
   </div>
 
-  <!-- Question 2 -->
   <div class="form-container">
     <div class="form-item">
       <span class="question-label">2) តើលោកអ្នកពិសារគ្រឿងស្រវឹងដែរឬទេ?:</span>
-      <label class="checkbox-label <%= health_info.is_drink_alcohol === false ? 'checked' : '' %>">
-        មិនមាន
-      </label>
-      <label class="checkbox-label <%= health_info.is_drink_alcohol === true ? 'checked' : '' %>">
-        មាន
-      </label>
+      <label class="checkbox-label <%= health_info.is_drink_alcohol === false ? 'checked' : '' %>">មិនមាន</label>
+      <label class="checkbox-label <%= health_info.is_drink_alcohol === true ? 'checked' : '' %>">មាន</label>
     </div>
     <div class="form-item mb-4">
       <span class="label">ចំនួន</span>
@@ -752,7 +696,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
     </div>
   </div>
 
-  <!-- Question 3 -->
   <div class="form-container">
     <span class="question-label">
       3) ក្នុងរយៈពេល០២(ពីរ)ឆ្នាំចុងក្រោយនេះតើលោកអ្នកធ្លាប់បានសម្រាកក្នុងមន្ទីរពេទ្យធ្លាប់បានទទួលការវះកាត់
@@ -762,16 +705,12 @@ exports.SIO_FORM_KH_TEMPLATE = `
       ឬលទ្ធផលវិភាគផ្សេងៗទៀតដែលមិនបានរៀបរាប់ខាងដើមពីគ្រូពេទ្យដែរឬទេ?:
     </span>
     <div class="form-item">
-      <label class="checkbox-label <%= health_info.is_hospitalized === false ? 'checked' : '' %>">
-        មិនមាន
-      </label>
-      <label class="checkbox-label <%= health_info.is_hospitalized === true ? 'checked' : '' %>">
-        មាន
-      </label>
+      <label class="checkbox-label <%= health_info.is_hospitalized === false ? 'checked' : '' %>">មិនមាន</label>
+      <label class="checkbox-label <%= health_info.is_hospitalized === true ? 'checked' : '' %>">មាន</label>
     </div>
 
     <div class="form-item mb-4">
-      <span class="label">បើមានសូមផ្ដល់ព័ត៍មានលម្អិត៖</span>
+      <span class="label">បើមានសូមផ្ដល់ព័ត៍មានលម្អិត:</span>
       <% if (health_info.hospitalized_detail) { %>
         <span class="underline with-unit">
           <span class="value">
@@ -785,7 +724,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
     </div>
   </div>
 
-  <!-- Question 4 -->
   <div class="form-container">
     <span class="question-label">
       4) តើលោកអ្នកធ្លាប់បានធ្វើរោគវិនិច្ឆ័យ ពិគ្រោះជំងឺ ឬទទួលការព្យាបាលដូចជា
@@ -795,16 +733,11 @@ exports.SIO_FORM_KH_TEMPLATE = `
       ឬជំងឺផ្សេងទៀតដែលមិនបានរៀបរាប់ខាងលើដែរឬទេ?
     </span>
     <div class="form-item">
-      <label class="checkbox-label <%= health_info.is_diagnosed === false ? 'checked' : '' %>">
-        មិនមាន
-      </label>
-      <label class="checkbox-label <%= health_info.is_diagnosed === true ? 'checked' : '' %>">
-        មាន
-      </label>
-
+      <label class="checkbox-label <%= health_info.is_diagnosed === false ? 'checked' : '' %>">មិនមាន</label>
+      <label class="checkbox-label <%= health_info.is_diagnosed === true ? 'checked' : '' %>">មាន</label>
     </div>
     <div class="form-item mb-4">
-      <span class="label">បើមានសូមបញ្ជាក់លម្អិតខាងក្រោម៖</span>
+      <span class="label">បើមានសូមបញ្ជាក់លម្អិតខាងក្រោម:</span>
       <% if (health_info.diagnosed_detail) { %>
         <span class="underline with-unit">
           <span class="value">
@@ -817,35 +750,35 @@ exports.SIO_FORM_KH_TEMPLATE = `
     </div>
   </div>
 
-  <!-- Section 5 -->
-  <div class="card-header mt-8">សេចក្ដីប្រកាសរបស់អ្នកស្នើសុំធានារ៉ាប់រង់</div>
-  <div class="form-container">
+  <div class="card-header mt-4">សេចក្ដីប្រកាសរបស់អ្នកស្នើសុំធានារ៉ាប់រង់</div>
+  <div class="form-container" style="margin: 15px 0px 15px 0px;">
     <div class="form-item">
-      <span class="label">1) ខ្ញុំអនុញ្ញាត និងយល់ព្រមឲ្យក្រុមហ៊ុនប្រើប្រាស់ព័ត៌មាន
-        និងទិន្នន័យទាំងស្រុងដែលខ្ញុំបានផ្ដល់នៅក្នុងពាក្យស្នើសុំរបស់ខ្ញុំ
-        ក្នុងគោលបំណង ស្របតាមច្បាប់ដូចជាការផ្សព្វផ្សាយទីផ្សារ ការសិក្សាទីផ្សារ
-        និង ការបម្រើអតិថិជនដោយក្រុមហ៊ុន សម្ព័ន្ធក្រុមហ៊ុន ឬ ជាដៃគូ
-        ពាណិជ្ជកម្មរបស់ក្រុមហ៊ុនដោយមិនចាំបាច់មានការយល់ព្រម
-        និងជូនដំណឹងបន្ថែមពីខ្ញុំឡើយ។ ក្រុមហ៊ុនមិនត្រូវបានអនុញ្ញាតឲ្យបញ្ចេញ
-        ព័ត៌មានណាមួយទៅភាគីទីបីណាមួយឬប្រើប្រាស់ព័ត៌មាននោះសម្រាប់គោលបំណងផ្សេងទៀតដែលមិនទាក់ទងនឹងគោលបំណង
-        ទាំងឡាយខាងលើឡើយ ប្រសិនបើគ្មានការយល់ព្រមព្រៀងជាលាយលក្ខណ៍អក្សរនោះ។</span>
-    </div>
-    <div class="form-item">
-      <span class="label">
-        2) ខ្ញុំសូមអះអាងថាបានអាន និងយល់ស្របនូវគ្រប់ព័ត៌មានក្នុងឯកសារនេះ។
-        ខ្ញុំសូមប្រកាសថាគ្រប់ព័ត៌មានដែលបានផ្ដល់នៅក្នុងពាក្យស្នើសុំនេះ
-        ពិតជាមានភាពពេញលេញ និងត្រឹមត្រូវពិតប្រាកដមែន។
-      </span>
+      <ol style="padding-left: 1.2rem; margin: 0;">
+        <li class="label" style="margin-bottom: 5px;">
+          ខ្ញុំអនុញ្ញាត និងយល់ព្រមឲ្យក្រុមហ៊ុនប្រើប្រាស់ព័ត៌មាន
+          និងទិន្នន័យទាំងស្រុងដែលខ្ញុំបានផ្ដល់នៅក្នុងពាក្យស្នើសុំរបស់ខ្ញុំ
+          ក្នុងគោលបំណង ស្របតាមច្បាប់ដូចជាការផ្សព្វផ្សាយទីផ្សារ ការសិក្សាទីផ្សារ
+          និង ការបម្រើអតិថិជនដោយក្រុមហ៊ុន សម្ព័ន្ធក្រុមហ៊ុន ឬ ជាដៃគូ
+          ពាណិជ្ជកម្មរបស់ក្រុមហ៊ុនដោយមិនចាំបាច់មានការយល់ព្រម
+          និងជូនដំណឹងបន្ថែមពីខ្ញុំឡើយ។ ក្រុមហ៊ុនមិនត្រូវបានអនុញ្ញាតឲ្យបញ្ចេញ
+          ព័ត៌មានណាមួយទៅភាគីទីបីណាមួយឬប្រើប្រាស់ព័ត៌មាននោះសម្រាប់គោលបំណងផ្សេងទៀតដែលមិនទាក់ទងនឹងគោលបំណង
+          ទាំងឡាយខាងលើឡើយ ប្រសិនបើគ្មានការយល់ព្រមព្រៀងជាលាយលក្ខណ៍អក្សរនោះ។
+        </li>
+        <li class="label">
+          ខ្ញុំសូមអះអាងថាបានអាន និងយល់ស្របនូវគ្រប់ព័ត៌មានក្នុងឯកសារនេះ។
+          ខ្ញុំសូមប្រកាសថាគ្រប់ព័ត៌មានដែលបានផ្ដល់នៅក្នុងពាក្យស្នើសុំនេះ
+          ពិតជាមានភាពពេញលេញ និងត្រឹមត្រូវពិតប្រាកដមែន។
+        </li>
+      </ol>
     </div>
   </div>
+
   <div class="table-container mt-4">
     <table>
       <thead>
         <tr>
           <th style="width: 50%">
-            <div class="cell">
-              ហត្ថលេខា ឬស្នាមមេដៃរបស់អ្នកស្នើសុំធានារ៉ាប់រង
-            </div>
+            <div class="cell">ហត្ថលេខា ឬស្នាមមេដៃរបស់អ្នកស្នើសុំធានារ៉ាប់រង</div>
             <div class="signature-space"></div>
           </th>
           <th style="width: 50%">
@@ -935,5 +868,6 @@ exports.SIO_FORM_KH_TEMPLATE = `
     </table>
   </div>
 </body>
+
 </html>
 `;