\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c – \u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e19\u0e39\u0e23\u0e38\u0e25\u0e2d\u0e34\u0e2a\u0e25\u0e32\u0e21 \u0e08\u0e33\u0e01\u0e31\u0e14<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n @font-face {\n font-family: 'TH Sarabun PSK';\n src: local('TH Sarabun PSK'), local('THSarabunPSK');\n }\n\n :root {\n --primary-color: #198754;\n --primary-hover: #157347;\n --bg-color: #f8f9fa;\n --border-color: #ced4da;\n --base-font-size: 13pt;\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n font-family: 'TH Sarabun PSK', 'Sarabun', sans-serif;\n margin: 0;\n padding: 0;\n background-color: var(--bg-color);\n color: #000;\n display: flex;\n height: 100vh;\n overflow: hidden;\n }\n\n \/* \u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22: \u0e41\u0e1c\u0e07\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 (Input Panel) *\/\n .sidebar {\n width: 420px;\n background: #ffffff;\n border-right: 1px solid #dee2e6;\n display: flex;\n flex-direction: column;\n height: 100vh;\n box-shadow: 4px 0 10px rgba(0,0,0,0.05);\n z-index: 10;\n }\n\n .sidebar-header {\n padding: 15px 20px;\n background-color: var(--primary-color);\n color: white;\n font-size: 18px;\n font-weight: bold;\n font-family: 'Sarabun', sans-serif;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sidebar-header img {\n width: 30px;\n height: 30px;\n object-fit: contain;\n }\n\n .sidebar-content {\n padding: 15px 20px;\n overflow-y: auto;\n flex: 1;\n font-family: 'Sarabun', sans-serif;\n }\n\n .form-group {\n margin-bottom: 12px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 4px;\n font-weight: 600;\n font-size: 13px;\n color: #333;\n }\n\n .form-group input[type=\"text\"],\n .form-group input[type=\"date\"],\n .form-group input[type=\"file\"],\n .form-group select,\n .form-group textarea {\n width: 100%;\n padding: 7px 10px;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n font-family: 'Sarabun', sans-serif;\n font-size: 13px;\n }\n\n .form-group input:focus, .form-group select:focus {\n border-color: var(--primary-color);\n outline: none;\n box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.15);\n }\n\n .checkbox-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6px;\n margin-top: 4px;\n }\n\n .checkbox-label {\n font-weight: normal !important;\n font-size: 12px;\n display: flex;\n align-items: center;\n gap: 5px;\n cursor: pointer;\n }\n\n .auth-person-card, .signer-card {\n background: #f8f9fa;\n padding: 10px;\n border-radius: 6px;\n margin-bottom: 8px;\n border: 1px solid #dee2e6;\n position: relative;\n }\n\n .btn {\n padding: 6px 10px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-family: 'Sarabun', sans-serif;\n font-weight: bold;\n font-size: 13px;\n }\n\n .btn-primary {\n background-color: var(--primary-color);\n color: white;\n width: 100%;\n }\n\n .btn-primary:hover {\n background-color: var(--primary-hover);\n }\n\n .btn-secondary {\n background-color: #6c757d;\n color: white;\n font-size: 11px;\n padding: 4px 8px;\n margin-top: 4px;\n }\n\n .btn-secondary:hover {\n background-color: #5c636a;\n }\n\n .btn-danger {\n background-color: #dc3545;\n color: white;\n font-size: 10px;\n padding: 2px 6px;\n position: absolute;\n top: 8px;\n right: 8px;\n }\n\n \/* \u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32: \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 *\/\n .preview-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n height: 100vh;\n background: #e9ecef;\n }\n\n .zoom-toolbar {\n background: #ffffff;\n padding: 8px 20px;\n border-bottom: 1px solid #dee2e6;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n font-family: 'Sarabun', sans-serif;\n font-size: 13px;\n z-index: 5;\n }\n\n .zoom-toolbar button {\n padding: 3px 8px;\n background: #f8f9fa;\n border: 1px solid #ced4da;\n border-radius: 4px;\n cursor: pointer;\n font-weight: bold;\n }\n\n .zoom-toolbar button:hover {\n background: #e2e6ea;\n }\n\n .preview-pane {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n overflow: auto;\n padding: 30px;\n }\n\n .document-page {\n background: white;\n width: 210mm;\n height: 297mm;\n padding: 20mm 25mm;\n box-shadow: 0 4px 20px rgba(0,0,0,0.12);\n position: relative;\n font-family: 'TH Sarabun PSK', 'Sarabun', sans-serif;\n color: #000;\n overflow: hidden;\n transform-origin: top center;\n transition: transform 0.1s ease;\n }\n\n .doc-header-wrapper {\n text-align: center;\n margin-bottom: 15px;\n position: relative;\n }\n\n .doc-header {\n text-align: center;\n font-weight: bold;\n font-size: calc(var(--base-font-size) + 9pt);\n line-height: 1;\n }\n\n \/* \u0e40\u0e2d\u0e32 font-weight: bold \u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e1b\u0e01\u0e15\u0e34 *\/\n .meta-header {\n font-weight: normal;\n font-size: calc(var(--base-font-size) + 1pt);\n margin-bottom: 4px;\n text-align: right;\n }\n\n .doc-subject {\n font-weight: normal;\n font-size: calc(var(--base-font-size) + 1pt);\n margin-bottom: 10px;\n text-align: left;\n }\n\n .body-text, p {\n font-size: var(--base-font-size);\n line-height: 1.5; \n margin-top: 0;\n margin-bottom: 10px;\n text-align: justify;\n }\n\n .indent {\n text-indent: 1.5cm;\n }\n\n .person-item {\n font-size: var(--base-font-size);\n line-height: 1.6;\n margin-bottom: 8px;\n padding-left: 1.5cm;\n }\n\n .signature-area {\n margin-top: 30px;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n page-break-inside: avoid;\n }\n\n .sig-box {\n width: 48%;\n text-align: center;\n font-size: var(--base-font-size);\n line-height: 1.5;\n }\n\n .sig-line {\n border-bottom: 1px dashed #000; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e08\u0e32\u0e01 solid \u0e40\u0e1b\u0e47\u0e19 dashed \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e2a\u0e49\u0e19\u0e1b\u0e23\u0e30 *\/\n width: 80%;\n margin: 35px auto 8px auto;\n }\n\n \/* \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e48\u0e07\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1e\u0e34\u0e21\u0e1e\u0e4c *\/\n @media print {\n @page {\n size: A4;\n margin: 0;\n }\n body {\n background: white;\n height: auto;\n overflow: visible;\n }\n .sidebar {\n display: none !important;\n }\n .zoom-toolbar {\n display: none !important;\n }\n .preview-container {\n display: block;\n height: auto;\n background: white;\n }\n .preview-pane {\n background: white;\n padding: 0;\n overflow: visible;\n display: block;\n }\n .document-page {\n box-shadow: none;\n margin: 0;\n width: 210mm;\n height: 297mm;\n padding: 20mm 25mm;\n transform: none !important;\n page-break-after: avoid;\n }\n .print-btn-container {\n display: none !important;\n }\n .print-hide {\n display: none !important;\n }\n }\n\n .print-btn-container {\n padding: 12px 20px;\n background: #fff;\n border-top: 1px solid #dee2e6;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"sidebar\">\n <div class=\"sidebar-header\">\n <img decoding=\"async\" src=\"https:\/\/www.nurulsavings.com\/wp-content\/uploads\/2023\/09\/cropped-cropped-logonurun111-1-2048x1987.png\" alt=\"Logo\">\n \u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\n <\/div>\n <div class=\"sidebar-content\">\n \n <div class=\"form-group\">\n <label>\u0e02\u0e19\u0e32\u0e14\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32 (Base Font Size):<\/label>\n <select id=\"in_font_size\" onchange=\"updateFontSize()\">\n <option value=\"10pt\">10 pt<\/option>\n <option value=\"11pt\">11 pt<\/option>\n <option value=\"12pt\">12 pt<\/option>\n <option value=\"13pt\" selected>13 pt (\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b)<\/option>\n <option value=\"14pt\">14 pt<\/option>\n <option value=\"15pt\">15 pt<\/option>\n <option value=\"16pt\">16 pt<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label>\u0e0a\u0e37\u0e48\u0e2d\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23 \/ \u0e19\u0e34\u0e15\u0e34\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e1c\u0e39\u0e49\u0e22\u0e37\u0e48\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07:<\/label>\n <input type=\"text\" id=\"in_org_name\" value=\"\u0e21\u0e31\u0e2a\u0e22\u0e34\u0e14\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\" oninput=\"updatePreview()\">\n <\/div>\n\n <div class=\"form-group\">\n <label>\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d:<\/label>\n <input type=\"text\" id=\"in_subject\" value=\"\u0e02\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e41\u0e25\u0e30\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e25\u0e07\u0e19\u0e32\u0e21\" oninput=\"updatePreview()\">\n <\/div>\n\n <div class=\"form-group\">\n <label>\u0e40\u0e02\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48 (\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d):<\/label>\n <input type=\"text\" id=\"in_location\" value=\"\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\" oninput=\"updatePreview()\">\n <\/div>\n\n <div class=\"form-group\">\n <label>\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d (\u0e40\u0e27\u0e49\u0e19\u0e27\u0e48\u0e32\u0e07\u0e44\u0e14\u0e49):<\/label>\n <input type=\"date\" id=\"in_date\" value=\"\" onchange=\"updatePreview()\">\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"clearDate()\">\u0e25\u0e49\u0e32\u0e07\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 (\u0e40\u0e27\u0e49\u0e19\u0e27\u0e48\u0e32\u0e07)<\/button>\n <\/div>\n\n <div class=\"form-group\">\n <label>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23:<\/label>\n <div class=\"checkbox-grid\">\n <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"service\" value=\"\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e40\u0e07\u0e34\u0e19\u0e1d\u0e32\u0e01\u0e27\u0e32\u0e14\u0e35\u0e2d\u0e30\u0e2b\u0e4c\" checked onchange=\"updatePreview()\"> \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e2d\u0e2d\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e27\u0e32\u0e14\u0e35\u0e2d\u0e30\u0e2b\u0e4c<\/label>\n <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"service\" value=\"\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e40\u0e07\u0e34\u0e19\u0e1d\u0e32\u0e01\u0e21\u0e39\u0e0e\u0e2d\u0e23\u0e2d\u0e1a\u0e30\u0e2e\u0e4c\" onchange=\"updatePreview()\"> \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e21\u0e39\u0e0e\u0e2d\u0e23\u0e2d\u0e1a\u0e30\u0e2e\u0e4c<\/label>\n <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"service\" value=\"\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e40\u0e07\u0e34\u0e19\u0e1d\u0e32\u0e01\u0e21\u0e39\u0e0e\u0e2d\u0e23\u0e2d\u0e1a\u0e30\u0e2e\u0e4c\u0e1e\u0e34\u0e40\u0e28\u0e29\" onchange=\"updatePreview()\"> \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e21\u0e39\u0e0e\u0e2d\u0e23\u0e2d\u0e1a\u0e30\u0e2e\u0e4c\u0e1e\u0e34\u0e40\u0e28\u0e29<\/label>\n <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"service\" value=\"\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e41\u0e25\u0e30\u0e1d\u0e32\u0e01\u0e2b\u0e38\u0e49\u0e19\" checked onchange=\"updatePreview()\"> \u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e41\u0e25\u0e30\u0e2b\u0e38\u0e49\u0e19<\/label>\n <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"service\" value=\"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e33\u0e18\u0e38\u0e23\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\" onchange=\"updatePreview()\"> \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/label>\n <\/div>\n <\/div>\n\n <hr style=\"border:0; border-top:1px solid #dee2e6; margin: 12px 0;\">\n\n <label style=\"font-weight:600; display:block; margin-bottom: 6px; font-size:13px;\">1. \u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22 \/ \u0e17\u0e33\u0e18\u0e38\u0e23\u0e01\u0e23\u0e23\u0e21:<\/label>\n <div id=\"auth-persons-container\">\n <div class=\"auth-person-card\" id=\"person-card-1\">\n <button type=\"button\" class=\"btn btn-danger\" onclick=\"removePerson(1)\">\u0e25\u0e1a<\/button>\n <div class=\"form-group\" style=\"margin-bottom:6px;\">\n <label style=\"font-size:11px;\">\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25:<\/label>\n <input type=\"text\" class=\"p-name\" value=\"\u0e19\u0e32\u0e22\u0e19\u0e39\u0e23\u0e38\u0e25 \u0e2d\u0e34\u0e2a\u0e25\u0e32\u0e21\" oninput=\"updatePreview()\">\n <\/div>\n <div class=\"form-group\" style=\"margin-bottom:0;\">\n <label style=\"font-size:11px;\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07:<\/label>\n <input type=\"text\" class=\"p-position\" value=\"\u0e2d\u0e34\u0e2b\u0e21\u0e48\u0e32\u0e21 \/ \u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\" oninput=\"updatePreview()\">\n <\/div>\n <\/div>\n <\/div>\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"addPerson()\">+ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22<\/button>\n\n <div class=\"form-group\" style=\"margin-top: 12px;\">\n <label>\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e01\u0e32\u0e23\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22:<\/label>\n <select id=\"in_condition_select\" onchange=\"handleConditionChange()\">\n <option value=\"\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e08\u0e33\u0e19\u0e27\u0e19 2 \u0e04\u0e19\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b\">\u0e25\u0e07\u0e19\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19 2 \u0e04\u0e19\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b<\/option>\n <option value=\"\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e08\u0e33\u0e19\u0e27\u0e19 3 \u0e04\u0e19\">\u0e25\u0e07\u0e19\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19 3 \u0e04\u0e19<\/option>\n <option value=\"\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e04\u0e19\u0e43\u0e14\u0e04\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\">\u0e25\u0e07\u0e19\u0e32\u0e21\u0e04\u0e19\u0e43\u0e14\u0e04\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07<\/option>\n <option value=\"2 \u0e43\u0e19 3\">2 \u0e43\u0e19 3<\/option>\n <option value=\"\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23 \u0e25\u0e07\u0e19\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2d\u0e37\u0e48\u0e19\u0e2d\u0e35\u0e01 1 \u0e04\u0e19 \u0e23\u0e27\u0e21\u0e40\u0e1b\u0e47\u0e19 2 \u0e04\u0e19\">\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\/\u0e23\u0e2d\u0e07\u0e2f + \u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2d\u0e35\u0e01 1 \u0e04\u0e19 (\u0e23\u0e27\u0e21 2 \u0e04\u0e19)<\/option>\n <option value=\"CUSTOM\">— \u0e23\u0e30\u0e1a\u0e38\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e40\u0e2d\u0e07 —<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\" id=\"custom_condition_group\" style=\"display: none;\">\n <label>\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e23\u0e30\u0e1a\u0e38\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e40\u0e2d\u0e07:<\/label>\n <input type=\"text\" id=\"in_condition_custom\" value=\"\u0e23\u0e30\u0e1a\u0e38\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e02\u0e2d\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23...\" oninput=\"updatePreview()\">\n <\/div>\n\n \n <div class=\"form-group\" style=\"margin-top: 12px;\">\n <label>\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e15\u0e23\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23:<\/label>\n <select id=\"in_seal_option\" onchange=\"updatePreview()\">\n <option value=\"show\">\u0e21\u0e35\u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/option>\n <option value=\"hide\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a<\/option>\n <\/select>\n <\/div>\n\n <hr style=\"border:0; border-top:1px solid #dee2e6; margin: 12px 0;\">\n\n <label style=\"font-weight:600; display:block; margin-bottom: 6px; font-size:13px;\">2. \u0e1c\u0e39\u0e49\u0e25\u0e07\u0e19\u0e32\u0e21\u0e17\u0e49\u0e32\u0e22\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d (\u0e1c\u0e39\u0e49\u0e22\u0e37\u0e48\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07):<\/label>\n <div id=\"signers-container\">\n <div class=\"signer-card\" id=\"signer-card-1\">\n <button type=\"button\" class=\"btn btn-danger\" onclick=\"removeSigner(1)\">\u0e25\u0e1a<\/button>\n <div class=\"form-group\" style=\"margin-bottom:6px;\">\n <label style=\"font-size:11px;\">\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25:<\/label>\n <input type=\"text\" class=\"s-name\" value=\"\u0e19\u0e32\u0e22\u0e19\u0e39\u0e23\u0e38\u0e25 \u0e2d\u0e34\u0e2a\u0e25\u0e32\u0e21\" oninput=\"updatePreview()\">\n <\/div>\n <div class=\"form-group\" style=\"margin-bottom:0;\">\n <label style=\"font-size:11px;\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07:<\/label>\n <input type=\"text\" class=\"s-position\" value=\"\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\" oninput=\"updatePreview()\">\n <\/div>\n <\/div>\n <\/div>\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"addSigner()\">+ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e19\u0e32\u0e21\u0e17\u0e49\u0e32\u0e22\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d<\/button>\n\n <\/div>\n <div class=\"print-btn-container\">\n <button class=\"btn btn-primary\" onclick=\"window.print()\">\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e17\u0e32\u0e07\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1e\u0e34\u0e21\u0e1e\u0e4c<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"preview-container\">\n <div class=\"zoom-toolbar\">\n <span>\u0e21\u0e38\u0e21\u0e21\u0e2d\u0e07\u0e40\u0e1b\u0e2d\u0e23\u0e4c\u0e40\u0e0b\u0e47\u0e19\u0e15\u0e4c\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25:<\/span>\n <button onclick=\"setZoom(0.75)\">75%<\/button>\n <button onclick=\"setZoom(0.9)\">90%<\/button>\n <button onclick=\"setZoom(1.0)\">100% (\u0e1e\u0e2d\u0e14\u0e35\u0e2b\u0e19\u0e49\u0e32)<\/button>\n <button onclick=\"setZoom(1.25)\">125%<\/button>\n <button onclick=\"setZoom(1.5)\">150%<\/button>\n <input type=\"range\" id=\"zoomRange\" min=\"50\" max=\"180\" value=\"100\" oninput=\"zoomBySlider(this.value)\" style=\"margin-left: 10px;\">\n <span id=\"zoomLabel\" style=\"min-width: 40px; text-align: right;\">100%<\/span>\n <\/div>\n\n <div class=\"preview-pane\">\n <div class=\"document-page\" id=\"printArea\">\n \n \n <div class=\"doc-header-wrapper\">\n <div class=\"doc-header\">\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/div>\n <\/div>\n\n \n <div class=\"meta-header\">\u0e40\u0e02\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48 <span id=\"out_location\">\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e01\u0e23\u0e30\u0e1a\u0e35\u0e48<\/span><\/div>\n <div class=\"meta-header\" id=\"out_date_container\" style=\"margin-bottom: 8px;\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 <span id=\"out_date\">……. \u0e40\u0e14\u0e37\u0e2d\u0e19 …………………………….. \u0e1e.\u0e28. …………<\/span><\/div>\n <div class=\"doc-subject\">\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 <span id=\"out_subject\">\u0e02\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e41\u0e25\u0e30\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e25\u0e07\u0e19\u0e32\u0e21<\/span><\/div>\n\n \n <p class=\"body-text\" style=\"margin-bottom: 10px;\">\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e19\u0e39\u0e23\u0e38\u0e25\u0e2d\u0e34\u0e2a\u0e25\u0e32\u0e21 \u0e08\u0e33\u0e01\u0e31\u0e14<\/p>\n\n \n <p class=\"body-text indent\">\n \u0e15\u0e32\u0e21\u0e17\u0e35\u0e48 <span id=\"out_org_name\" style=\"font-weight:600;\">\u0e21\u0e31\u0e2a\u0e22\u0e34\u0e14\u0e19\u0e39\u0e23\u0e38\u0e25\u0e2d\u0e34\u0e2a\u0e25\u0e32\u0e21 \/ \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e14\u0e23\u0e38\u0e13\u0e28\u0e36\u0e01\u0e29\u0e32<\/span> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19\u0e01\u0e31\u0e1a\u0e17\u0e32\u0e07\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c \u0e42\u0e14\u0e22\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e44\u0e14\u0e49\u0e41\u0e01\u0e48: <span id=\"out_services\" style=\"font-weight:600;\">\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e40\u0e07\u0e34\u0e19\u0e1d\u0e32\u0e01\u0e27\u0e32\u0e14\u0e35\u0e2d\u0e30\u0e2b\u0e4c, \u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e41\u0e25\u0e30\u0e0b\u0e37\u0e49\u0e2d\u0e2b\u0e38\u0e49\u0e19<\/span> \u0e19\u0e31\u0e49\u0e19\n <\/p>\n\n \n <p class=\"body-text indent\">\n \u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e49\u0e27\u0e22\u0e17\u0e32\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e19\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e41\u0e15\u0e48\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e32\u0e01\u0e17\u0e32\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e21\u0e35\u0e27\u0e32\u0e23\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e43\u0e19\u0e27\u0e32\u0e23\u0e30\u0e14\u0e31\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2d\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e21\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e44\u0e14\u0e49 \u0e17\u0e32\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e08\u0e36\u0e07\u0e43\u0e04\u0e23\u0e48\u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e43\u0e0a\u0e49\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e09\u0e1a\u0e31\u0e1a\u0e19\u0e35\u0e49\u0e43\u0e0a\u0e49\u0e17\u0e14\u0e41\u0e17\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e41\u0e25\u0e30\u0e17\u0e33\u0e18\u0e38\u0e23\u0e01\u0e23\u0e23\u0e21\u0e01\u0e31\u0e1a\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e48\u0e2d\u0e44\u0e1b\n <\/p>\n\n \n <p class=\"body-text indent\" style=\"margin-bottom: 8px;\">\n \u0e43\u0e19\u0e01\u0e32\u0e23\u0e19\u0e35\u0e49 \u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e44\u0e14\u0e49\u0e21\u0e2d\u0e1a\u0e2b\u0e21\u0e32\u0e22\u0e43\u0e2b\u0e49\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e21\u0e35\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e14\u0e31\u0e07\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e19\u0e35\u0e49 \u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e43\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e2a\u0e31\u0e48\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35 \u0e1d\u0e32\u0e01 \u0e16\u0e2d\u0e19 \u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19 \u0e41\u0e25\u0e30\u0e17\u0e33\u0e19\u0e34\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e43\u0e14\u0e46 \u0e01\u0e31\u0e1a\u0e17\u0e32\u0e07\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02: <span id=\"out_condition\" style=\"font-weight:600;\">\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e08\u0e33\u0e19\u0e27\u0e19 2 \u0e04\u0e19\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b<\/span><span id=\"out_seal_text\" style=\"font-weight:600;\"> \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e15\u0e23\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/span>\n <\/p>\n\n \n <div id=\"out_persons_list\" style=\"margin-bottom: 12px;\">\n \n <\/div>\n\n \n <div class=\"signature-area\" id=\"out_signers_list\">\n \n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let personCount = 1;\n let signerCount = 1;\n\n function updateFontSize() {\n const selectedSize = document.getElementById('in_font_size').value;\n document.documentElement.style.setProperty('--base-font-size', selectedSize);\n }\n\n function setZoom(val) {\n const page = document.getElementById('printArea');\n const slider = document.getElementById('zoomRange');\n const label = document.getElementById('zoomLabel');\n \n page.style.transform = `scale(${val})`;\n slider.value = val * 100;\n label.innerText = `${Math.round(val * 100)}%`;\n }\n\n function zoomBySlider(val) {\n const page = document.getElementById('printArea');\n const label = document.getElementById('zoomLabel');\n let scaleVal = val \/ 100;\n \n page.style.transform = `scale(${scaleVal})`;\n label.innerText = `${val}%`;\n }\n\n function clearDate() {\n document.getElementById('in_date').value = '';\n updatePreview();\n }\n\n function handleConditionChange() {\n const selectVal = document.getElementById('in_condition_select').value;\n const customGroup = document.getElementById('custom_condition_group');\n if (selectVal === 'CUSTOM') {\n customGroup.style.display = 'block';\n } else {\n customGroup.style.display = 'none';\n }\n updatePreview();\n }\n\n function addPerson() {\n personCount++;\n const container = document.getElementById('auth-persons-container');\n const card = document.createElement('div');\n card.className = 'auth-person-card';\n card.id = `person-card-${personCount}`;\n card.innerHTML = `\n <button type=\"button\" class=\"btn btn-danger\" onclick=\"removePerson(${personCount})\">\u0e25\u0e1a<\/button>\n <div class=\"form-group\" style=\"margin-bottom:6px;\">\n <label style=\"font-size:11px;\">\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25:<\/label>\n <input type=\"text\" class=\"p-name\" value=\"\u0e19\u0e32\u0e22\/\u0e19\u0e32\u0e07\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27 ...\" oninput=\"updatePreview()\">\n <\/div>\n <div class=\"form-group\" style=\"margin-bottom:0;\">\n <label style=\"font-size:11px;\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07:<\/label>\n <input type=\"text\" class=\"p-position\" value=\"\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23 \/ \u0e40\u0e2b\u0e23\u0e31\u0e0d\u0e0d\u0e34\u0e01\" oninput=\"updatePreview()\">\n <\/div>\n `;\n container.appendChild(card);\n updatePreview();\n }\n\n function removePerson(id) {\n const card = document.getElementById(`person-card-${id}`);\n if (card) {\n card.remove();\n updatePreview();\n }\n }\n\n function addSigner() {\n signerCount++;\n const container = document.getElementById('signers-container');\n const card = document.createElement('div');\n card.className = 'signer-card';\n card.id = `signer-card-${signerCount}`;\n card.innerHTML = `\n <button type=\"button\" class=\"btn btn-danger\" onclick=\"removeSigner(${signerCount})\">\u0e25\u0e1a<\/button>\n <div class=\"form-group\" style=\"margin-bottom:6px;\">\n <label style=\"font-size:11px;\">\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25:<\/label>\n <input type=\"text\" class=\"s-name\" value=\"\u0e19\u0e32\u0e22\/\u0e19\u0e32\u0e07\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27 ...\" oninput=\"updatePreview()\">\n <\/div>\n <div class=\"form-group\" style=\"margin-bottom:0;\">\n <label style=\"font-size:11px;\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07:<\/label>\n <input type=\"text\" class=\"s-position\" value=\"\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\" oninput=\"updatePreview()\">\n <\/div>\n `;\n container.appendChild(card);\n updatePreview();\n }\n\n function removeSigner(id) {\n const card = document.getElementById(`signer-card-${id}`);\n if (card) {\n card.remove();\n updatePreview();\n }\n }\n\n function updatePreview() {\n document.getElementById('out_org_name').innerText = document.getElementById('in_org_name').value;\n document.getElementById('out_subject').innerText = document.getElementById('in_subject').value;\n document.getElementById('out_location').innerText = document.getElementById('in_location').value;\n\n const dateInput = document.getElementById('in_date').value;\n const dateSpan = document.getElementById('out_date');\n if (dateInput) {\n const d = new Date(dateInput);\n const thaiMonths = [\n \"\u0e21\u0e01\u0e23\u0e32\u0e04\u0e21\", \"\u0e01\u0e38\u0e21\u0e20\u0e32\u0e1e\u0e31\u0e19\u0e18\u0e4c\", \"\u0e21\u0e35\u0e19\u0e32\u0e04\u0e21\", \"\u0e40\u0e21\u0e29\u0e32\u0e22\u0e19\", \"\u0e1e\u0e24\u0e29\u0e20\u0e32\u0e04\u0e21\", \"\u0e21\u0e34\u0e16\u0e38\u0e19\u0e32\u0e22\u0e19\",\n \"\u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21\", \"\u0e2a\u0e34\u0e07\u0e2b\u0e32\u0e04\u0e21\", \"\u0e01\u0e31\u0e19\u0e22\u0e32\u0e22\u0e19\", \"\u0e15\u0e38\u0e25\u0e32\u0e04\u0e21\", \"\u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19\", \"\u0e18\u0e31\u0e19\u0e27\u0e32\u0e04\u0e21\"\n ];\n let day = d.getDate();\n let month = thaiMonths[d.getMonth()];\n let year = d.getFullYear() + 543;\n dateSpan.innerText = `${day} \u0e40\u0e14\u0e37\u0e2d\u0e19 ${month} \u0e1e.\u0e28. ${year}`;\n } else {\n dateSpan.innerText = \"....... \u0e40\u0e14\u0e37\u0e2d\u0e19 ................................... \u0e1e.\u0e28. ............\";\n }\n\n const selectVal = document.getElementById('in_condition_select').value;\n let finalConditionText = selectVal;\n if (selectVal === 'CUSTOM') {\n finalConditionText = document.getElementById('in_condition_custom').value;\n }\n document.getElementById('out_condition').innerText = finalConditionText;\n\n const serviceCheckboxes = document.querySelectorAll('input[name=\"service\"]:checked');\n let servicesArr = [];\n serviceCheckboxes.forEach((cb) => {\n servicesArr.push(cb.value);\n });\n document.getElementById('out_services').innerText = servicesArr.length > 0 ? servicesArr.join(', ') : '\u0e42\u0e1b\u0e23\u0e14\u0e23\u0e30\u0e1a\u0e38\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23';\n\n const names = document.querySelectorAll('.p-name');\n const positions = document.querySelectorAll('.p-position');\n let personsHtml = '';\n for (let i = 0; i < names.length; i++) {\n let n = names[i].value || '.............................................';\n let p = positions[i].value || '.............................................';\n personsHtml += `\n <div class=\"person-item\">\n ${i + 1}. ${n} (\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07: ${p})<br><br>\n <span style=\"display:inline-block; margin-left: 15px; color:#333; margin-top: 4px;\">\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d <span class=\"print-hide\" style=\"color:#666; font-size:11pt;\">(\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07)<\/span>: ........................................................................<\/span>\n <\/div>\n `;\n }\n document.getElementById('out_persons_list').innerHTML = personsHtml;\n\n const sNames = document.querySelectorAll('.s-name');\n const sPositions = document.querySelectorAll('.s-position');\n let signersHtml = '';\n for (let i = 0; i < sNames.length; i++) {\n let sn = sNames[i].value || '.............................................';\n let sp = sPositions[i].value || '.............................................';\n signersHtml += `\n <div class=\"sig-box\">\n <div class=\"sig-line\"><\/div>\n ( ${sn} )<br>\n \u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 ${sp}<br>\n \u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e25\u0e07\u0e19\u0e32\u0e21\n <\/div>\n `;\n }\n\n const sealOption = document.getElementById('in_seal_option').value;\n const sealTextSpan = document.getElementById('out_seal_text');\n\n if (sealOption === 'show') {\n sealTextSpan.innerText = \" \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e15\u0e23\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\";\n signersHtml += `\n <div class=\"sig-box\" style=\"display: flex; align-items: center; justify-content: center; flex-direction: column;\">\n <div style=\"border: 1px dashed #777; width: 100px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 11pt; color: #777; margin-bottom: 4px;\" class=\"print-hide\">\n \u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e15\u0e23\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23 (\u0e16\u0e49\u0e32\u0e21\u0e35)\n <\/div>\n <\/div>\n `;\n } else {\n sealTextSpan.innerText = \"\";\n }\n\n document.getElementById('out_signers_list').innerHTML = signersHtml;\n }\n\n window.onload = function() {\n updateFontSize();\n updatePreview();\n };\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c – \u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e19\u0e39\u0e23\u0e38\u0e25\u0e2d\u0e34\u0e2a\u0e25…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":35,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-2797","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages\/2797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2797"}],"version-history":[{"count":4,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages\/2797\/revisions"}],"predecessor-version":[{"id":2804,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages\/2797\/revisions\/2804"}],"up":[{"embeddable":true,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages\/35"}],"wp:attachment":[{"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2797,"date":"2026-09-15T15:59:31","date_gmt":"2026-09-15T08:59:31","guid":{"rendered":"https:\/\/www.nurulsavings.com\/?page_id=2797"},"modified":"2026-09-15T16:09:22","modified_gmt":"2026-09-15T09:09:22","slug":"%e0%b8%ab%e0%b8%99%e0%b8%b1%e0%b8%87%e0%b8%aa%e0%b8%b7%e0%b8%ad%e0%b9%81%e0%b8%88%e0%b9%89%e0%b8%87%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b8%aa%e0%b8%87%e0%b8%84%e0%b9%8c","status":"publish","type":"page","link":"https:\/\/www.nurulsavings.com\/?page_id=2797","title":{"rendered":"\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c"},"content":{"rendered":"\n\n\n\n \n \n \u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c – \u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e19\u0e39\u0e23\u0e38\u0e25\u0e2d\u0e34\u0e2a\u0e25\u0e32\u0e21 \u0e08\u0e33\u0e01\u0e31\u0e14<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n @font-face {\n font-family: 'TH Sarabun PSK';\n src: local('TH Sarabun PSK'), local('THSarabunPSK');\n }\n\n :root {\n --primary-color: #198754;\n --primary-hover: #157347;\n --bg-color: #f8f9fa;\n --border-color: #ced4da;\n --base-font-size: 13pt;\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n font-family: 'TH Sarabun PSK', 'Sarabun', sans-serif;\n margin: 0;\n padding: 0;\n background-color: var(--bg-color);\n color: #000;\n display: flex;\n height: 100vh;\n overflow: hidden;\n }\n\n \/* \u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22: \u0e41\u0e1c\u0e07\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 (Input Panel) *\/\n .sidebar {\n width: 420px;\n background: #ffffff;\n border-right: 1px solid #dee2e6;\n display: flex;\n flex-direction: column;\n height: 100vh;\n box-shadow: 4px 0 10px rgba(0,0,0,0.05);\n z-index: 10;\n }\n\n .sidebar-header {\n padding: 15px 20px;\n background-color: var(--primary-color);\n color: white;\n font-size: 18px;\n font-weight: bold;\n font-family: 'Sarabun', sans-serif;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .sidebar-header img {\n width: 30px;\n height: 30px;\n object-fit: contain;\n }\n\n .sidebar-content {\n padding: 15px 20px;\n overflow-y: auto;\n flex: 1;\n font-family: 'Sarabun', sans-serif;\n }\n\n .form-group {\n margin-bottom: 12px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 4px;\n font-weight: 600;\n font-size: 13px;\n color: #333;\n }\n\n .form-group input[type=\"text\"],\n .form-group input[type=\"date\"],\n .form-group input[type=\"file\"],\n .form-group select,\n .form-group textarea {\n width: 100%;\n padding: 7px 10px;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n font-family: 'Sarabun', sans-serif;\n font-size: 13px;\n }\n\n .form-group input:focus, .form-group select:focus {\n border-color: var(--primary-color);\n outline: none;\n box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.15);\n }\n\n .checkbox-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6px;\n margin-top: 4px;\n }\n\n .checkbox-label {\n font-weight: normal !important;\n font-size: 12px;\n display: flex;\n align-items: center;\n gap: 5px;\n cursor: pointer;\n }\n\n .auth-person-card, .signer-card {\n background: #f8f9fa;\n padding: 10px;\n border-radius: 6px;\n margin-bottom: 8px;\n border: 1px solid #dee2e6;\n position: relative;\n }\n\n .btn {\n padding: 6px 10px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-family: 'Sarabun', sans-serif;\n font-weight: bold;\n font-size: 13px;\n }\n\n .btn-primary {\n background-color: var(--primary-color);\n color: white;\n width: 100%;\n }\n\n .btn-primary:hover {\n background-color: var(--primary-hover);\n }\n\n .btn-secondary {\n background-color: #6c757d;\n color: white;\n font-size: 11px;\n padding: 4px 8px;\n margin-top: 4px;\n }\n\n .btn-secondary:hover {\n background-color: #5c636a;\n }\n\n .btn-danger {\n background-color: #dc3545;\n color: white;\n font-size: 10px;\n padding: 2px 6px;\n position: absolute;\n top: 8px;\n right: 8px;\n }\n\n \/* \u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32: \u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 *\/\n .preview-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n height: 100vh;\n background: #e9ecef;\n }\n\n .zoom-toolbar {\n background: #ffffff;\n padding: 8px 20px;\n border-bottom: 1px solid #dee2e6;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n font-family: 'Sarabun', sans-serif;\n font-size: 13px;\n z-index: 5;\n }\n\n .zoom-toolbar button {\n padding: 3px 8px;\n background: #f8f9fa;\n border: 1px solid #ced4da;\n border-radius: 4px;\n cursor: pointer;\n font-weight: bold;\n }\n\n .zoom-toolbar button:hover {\n background: #e2e6ea;\n }\n\n .preview-pane {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n overflow: auto;\n padding: 30px;\n }\n\n .document-page {\n background: white;\n width: 210mm;\n height: 297mm;\n padding: 20mm 25mm;\n box-shadow: 0 4px 20px rgba(0,0,0,0.12);\n position: relative;\n font-family: 'TH Sarabun PSK', 'Sarabun', sans-serif;\n color: #000;\n overflow: hidden;\n transform-origin: top center;\n transition: transform 0.1s ease;\n }\n\n .doc-header-wrapper {\n text-align: center;\n margin-bottom: 15px;\n position: relative;\n }\n\n .doc-header {\n text-align: center;\n font-weight: bold;\n font-size: calc(var(--base-font-size) + 9pt);\n line-height: 1;\n }\n\n \/* \u0e40\u0e2d\u0e32 font-weight: bold \u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e1b\u0e01\u0e15\u0e34 *\/\n .meta-header {\n font-weight: normal;\n font-size: calc(var(--base-font-size) + 1pt);\n margin-bottom: 4px;\n text-align: right;\n }\n\n .doc-subject {\n font-weight: normal;\n font-size: calc(var(--base-font-size) + 1pt);\n margin-bottom: 10px;\n text-align: left;\n }\n\n .body-text, p {\n font-size: var(--base-font-size);\n line-height: 1.5; \n margin-top: 0;\n margin-bottom: 10px;\n text-align: justify;\n }\n\n .indent {\n text-indent: 1.5cm;\n }\n\n .person-item {\n font-size: var(--base-font-size);\n line-height: 1.6;\n margin-bottom: 8px;\n padding-left: 1.5cm;\n }\n\n .signature-area {\n margin-top: 30px;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n page-break-inside: avoid;\n }\n\n .sig-box {\n width: 48%;\n text-align: center;\n font-size: var(--base-font-size);\n line-height: 1.5;\n }\n\n .sig-line {\n border-bottom: 1px dashed #000; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e08\u0e32\u0e01 solid \u0e40\u0e1b\u0e47\u0e19 dashed \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e2a\u0e49\u0e19\u0e1b\u0e23\u0e30 *\/\n width: 80%;\n margin: 35px auto 8px auto;\n }\n\n \/* \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e48\u0e07\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1e\u0e34\u0e21\u0e1e\u0e4c *\/\n @media print {\n @page {\n size: A4;\n margin: 0;\n }\n body {\n background: white;\n height: auto;\n overflow: visible;\n }\n .sidebar {\n display: none !important;\n }\n .zoom-toolbar {\n display: none !important;\n }\n .preview-container {\n display: block;\n height: auto;\n background: white;\n }\n .preview-pane {\n background: white;\n padding: 0;\n overflow: visible;\n display: block;\n }\n .document-page {\n box-shadow: none;\n margin: 0;\n width: 210mm;\n height: 297mm;\n padding: 20mm 25mm;\n transform: none !important;\n page-break-after: avoid;\n }\n .print-btn-container {\n display: none !important;\n }\n .print-hide {\n display: none !important;\n }\n }\n\n .print-btn-container {\n padding: 12px 20px;\n background: #fff;\n border-top: 1px solid #dee2e6;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"sidebar\">\n <div class=\"sidebar-header\">\n <img decoding=\"async\" src=\"https:\/\/www.nurulsavings.com\/wp-content\/uploads\/2023\/09\/cropped-cropped-logonurun111-1-2048x1987.png\" alt=\"Logo\">\n \u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\n <\/div>\n <div class=\"sidebar-content\">\n \n <div class=\"form-group\">\n <label>\u0e02\u0e19\u0e32\u0e14\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32 (Base Font Size):<\/label>\n <select id=\"in_font_size\" onchange=\"updateFontSize()\">\n <option value=\"10pt\">10 pt<\/option>\n <option value=\"11pt\">11 pt<\/option>\n <option value=\"12pt\">12 pt<\/option>\n <option value=\"13pt\" selected>13 pt (\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b)<\/option>\n <option value=\"14pt\">14 pt<\/option>\n <option value=\"15pt\">15 pt<\/option>\n <option value=\"16pt\">16 pt<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label>\u0e0a\u0e37\u0e48\u0e2d\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23 \/ \u0e19\u0e34\u0e15\u0e34\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e1c\u0e39\u0e49\u0e22\u0e37\u0e48\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07:<\/label>\n <input type=\"text\" id=\"in_org_name\" value=\"\u0e21\u0e31\u0e2a\u0e22\u0e34\u0e14\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\" oninput=\"updatePreview()\">\n <\/div>\n\n <div class=\"form-group\">\n <label>\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d:<\/label>\n <input type=\"text\" id=\"in_subject\" value=\"\u0e02\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e41\u0e25\u0e30\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e25\u0e07\u0e19\u0e32\u0e21\" oninput=\"updatePreview()\">\n <\/div>\n\n <div class=\"form-group\">\n <label>\u0e40\u0e02\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48 (\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d):<\/label>\n <input type=\"text\" id=\"in_location\" value=\"\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\" oninput=\"updatePreview()\">\n <\/div>\n\n <div class=\"form-group\">\n <label>\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d (\u0e40\u0e27\u0e49\u0e19\u0e27\u0e48\u0e32\u0e07\u0e44\u0e14\u0e49):<\/label>\n <input type=\"date\" id=\"in_date\" value=\"\" onchange=\"updatePreview()\">\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"clearDate()\">\u0e25\u0e49\u0e32\u0e07\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 (\u0e40\u0e27\u0e49\u0e19\u0e27\u0e48\u0e32\u0e07)<\/button>\n <\/div>\n\n <div class=\"form-group\">\n <label>\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23:<\/label>\n <div class=\"checkbox-grid\">\n <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"service\" value=\"\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e40\u0e07\u0e34\u0e19\u0e1d\u0e32\u0e01\u0e27\u0e32\u0e14\u0e35\u0e2d\u0e30\u0e2b\u0e4c\" checked onchange=\"updatePreview()\"> \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e2d\u0e2d\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e27\u0e32\u0e14\u0e35\u0e2d\u0e30\u0e2b\u0e4c<\/label>\n <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"service\" value=\"\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e40\u0e07\u0e34\u0e19\u0e1d\u0e32\u0e01\u0e21\u0e39\u0e0e\u0e2d\u0e23\u0e2d\u0e1a\u0e30\u0e2e\u0e4c\" onchange=\"updatePreview()\"> \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e21\u0e39\u0e0e\u0e2d\u0e23\u0e2d\u0e1a\u0e30\u0e2e\u0e4c<\/label>\n <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"service\" value=\"\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e40\u0e07\u0e34\u0e19\u0e1d\u0e32\u0e01\u0e21\u0e39\u0e0e\u0e2d\u0e23\u0e2d\u0e1a\u0e30\u0e2e\u0e4c\u0e1e\u0e34\u0e40\u0e28\u0e29\" onchange=\"updatePreview()\"> \u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e21\u0e39\u0e0e\u0e2d\u0e23\u0e2d\u0e1a\u0e30\u0e2e\u0e4c\u0e1e\u0e34\u0e40\u0e28\u0e29<\/label>\n <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"service\" value=\"\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e41\u0e25\u0e30\u0e1d\u0e32\u0e01\u0e2b\u0e38\u0e49\u0e19\" checked onchange=\"updatePreview()\"> \u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e41\u0e25\u0e30\u0e2b\u0e38\u0e49\u0e19<\/label>\n <label class=\"checkbox-label\"><input type=\"checkbox\" name=\"service\" value=\"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e33\u0e18\u0e38\u0e23\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c\" onchange=\"updatePreview()\"> \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/label>\n <\/div>\n <\/div>\n\n <hr style=\"border:0; border-top:1px solid #dee2e6; margin: 12px 0;\">\n\n <label style=\"font-weight:600; display:block; margin-bottom: 6px; font-size:13px;\">1. \u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22 \/ \u0e17\u0e33\u0e18\u0e38\u0e23\u0e01\u0e23\u0e23\u0e21:<\/label>\n <div id=\"auth-persons-container\">\n <div class=\"auth-person-card\" id=\"person-card-1\">\n <button type=\"button\" class=\"btn btn-danger\" onclick=\"removePerson(1)\">\u0e25\u0e1a<\/button>\n <div class=\"form-group\" style=\"margin-bottom:6px;\">\n <label style=\"font-size:11px;\">\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25:<\/label>\n <input type=\"text\" class=\"p-name\" value=\"\u0e19\u0e32\u0e22\u0e19\u0e39\u0e23\u0e38\u0e25 \u0e2d\u0e34\u0e2a\u0e25\u0e32\u0e21\" oninput=\"updatePreview()\">\n <\/div>\n <div class=\"form-group\" style=\"margin-bottom:0;\">\n <label style=\"font-size:11px;\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07:<\/label>\n <input type=\"text\" class=\"p-position\" value=\"\u0e2d\u0e34\u0e2b\u0e21\u0e48\u0e32\u0e21 \/ \u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\" oninput=\"updatePreview()\">\n <\/div>\n <\/div>\n <\/div>\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"addPerson()\">+ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22<\/button>\n\n <div class=\"form-group\" style=\"margin-top: 12px;\">\n <label>\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e01\u0e32\u0e23\u0e40\u0e1a\u0e34\u0e01\u0e08\u0e48\u0e32\u0e22:<\/label>\n <select id=\"in_condition_select\" onchange=\"handleConditionChange()\">\n <option value=\"\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e08\u0e33\u0e19\u0e27\u0e19 2 \u0e04\u0e19\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b\">\u0e25\u0e07\u0e19\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19 2 \u0e04\u0e19\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b<\/option>\n <option value=\"\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e08\u0e33\u0e19\u0e27\u0e19 3 \u0e04\u0e19\">\u0e25\u0e07\u0e19\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19 3 \u0e04\u0e19<\/option>\n <option value=\"\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e04\u0e19\u0e43\u0e14\u0e04\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\">\u0e25\u0e07\u0e19\u0e32\u0e21\u0e04\u0e19\u0e43\u0e14\u0e04\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07<\/option>\n <option value=\"2 \u0e43\u0e19 3\">2 \u0e43\u0e19 3<\/option>\n <option value=\"\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23 \u0e25\u0e07\u0e19\u0e32\u0e21\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2d\u0e37\u0e48\u0e19\u0e2d\u0e35\u0e01 1 \u0e04\u0e19 \u0e23\u0e27\u0e21\u0e40\u0e1b\u0e47\u0e19 2 \u0e04\u0e19\">\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\/\u0e23\u0e2d\u0e07\u0e2f + \u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2d\u0e35\u0e01 1 \u0e04\u0e19 (\u0e23\u0e27\u0e21 2 \u0e04\u0e19)<\/option>\n <option value=\"CUSTOM\">— \u0e23\u0e30\u0e1a\u0e38\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e40\u0e2d\u0e07 —<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\" id=\"custom_condition_group\" style=\"display: none;\">\n <label>\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e23\u0e30\u0e1a\u0e38\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e40\u0e2d\u0e07:<\/label>\n <input type=\"text\" id=\"in_condition_custom\" value=\"\u0e23\u0e30\u0e1a\u0e38\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e02\u0e2d\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23...\" oninput=\"updatePreview()\">\n <\/div>\n\n \n <div class=\"form-group\" style=\"margin-top: 12px;\">\n <label>\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e15\u0e23\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23:<\/label>\n <select id=\"in_seal_option\" onchange=\"updatePreview()\">\n <option value=\"show\">\u0e21\u0e35\u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/option>\n <option value=\"hide\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a<\/option>\n <\/select>\n <\/div>\n\n <hr style=\"border:0; border-top:1px solid #dee2e6; margin: 12px 0;\">\n\n <label style=\"font-weight:600; display:block; margin-bottom: 6px; font-size:13px;\">2. \u0e1c\u0e39\u0e49\u0e25\u0e07\u0e19\u0e32\u0e21\u0e17\u0e49\u0e32\u0e22\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d (\u0e1c\u0e39\u0e49\u0e22\u0e37\u0e48\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07):<\/label>\n <div id=\"signers-container\">\n <div class=\"signer-card\" id=\"signer-card-1\">\n <button type=\"button\" class=\"btn btn-danger\" onclick=\"removeSigner(1)\">\u0e25\u0e1a<\/button>\n <div class=\"form-group\" style=\"margin-bottom:6px;\">\n <label style=\"font-size:11px;\">\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25:<\/label>\n <input type=\"text\" class=\"s-name\" value=\"\u0e19\u0e32\u0e22\u0e19\u0e39\u0e23\u0e38\u0e25 \u0e2d\u0e34\u0e2a\u0e25\u0e32\u0e21\" oninput=\"updatePreview()\">\n <\/div>\n <div class=\"form-group\" style=\"margin-bottom:0;\">\n <label style=\"font-size:11px;\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07:<\/label>\n <input type=\"text\" class=\"s-position\" value=\"\u0e1b\u0e23\u0e30\u0e18\u0e32\u0e19\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\" oninput=\"updatePreview()\">\n <\/div>\n <\/div>\n <\/div>\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"addSigner()\">+ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1c\u0e39\u0e49\u0e25\u0e07\u0e19\u0e32\u0e21\u0e17\u0e49\u0e32\u0e22\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d<\/button>\n\n <\/div>\n <div class=\"print-btn-container\">\n <button class=\"btn btn-primary\" onclick=\"window.print()\">\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e17\u0e32\u0e07\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1e\u0e34\u0e21\u0e1e\u0e4c<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"preview-container\">\n <div class=\"zoom-toolbar\">\n <span>\u0e21\u0e38\u0e21\u0e21\u0e2d\u0e07\u0e40\u0e1b\u0e2d\u0e23\u0e4c\u0e40\u0e0b\u0e47\u0e19\u0e15\u0e4c\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25:<\/span>\n <button onclick=\"setZoom(0.75)\">75%<\/button>\n <button onclick=\"setZoom(0.9)\">90%<\/button>\n <button onclick=\"setZoom(1.0)\">100% (\u0e1e\u0e2d\u0e14\u0e35\u0e2b\u0e19\u0e49\u0e32)<\/button>\n <button onclick=\"setZoom(1.25)\">125%<\/button>\n <button onclick=\"setZoom(1.5)\">150%<\/button>\n <input type=\"range\" id=\"zoomRange\" min=\"50\" max=\"180\" value=\"100\" oninput=\"zoomBySlider(this.value)\" style=\"margin-left: 10px;\">\n <span id=\"zoomLabel\" style=\"min-width: 40px; text-align: right;\">100%<\/span>\n <\/div>\n\n <div class=\"preview-pane\">\n <div class=\"document-page\" id=\"printArea\">\n \n \n <div class=\"doc-header-wrapper\">\n <div class=\"doc-header\">\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/div>\n <\/div>\n\n \n <div class=\"meta-header\">\u0e40\u0e02\u0e35\u0e22\u0e19\u0e17\u0e35\u0e48 <span id=\"out_location\">\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e01\u0e23\u0e30\u0e1a\u0e35\u0e48<\/span><\/div>\n <div class=\"meta-header\" id=\"out_date_container\" style=\"margin-bottom: 8px;\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 <span id=\"out_date\">……. \u0e40\u0e14\u0e37\u0e2d\u0e19 …………………………….. \u0e1e.\u0e28. …………<\/span><\/div>\n <div class=\"doc-subject\">\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 <span id=\"out_subject\">\u0e02\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e41\u0e25\u0e30\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e25\u0e07\u0e19\u0e32\u0e21<\/span><\/div>\n\n \n <p class=\"body-text\" style=\"margin-bottom: 10px;\">\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e19\u0e39\u0e23\u0e38\u0e25\u0e2d\u0e34\u0e2a\u0e25\u0e32\u0e21 \u0e08\u0e33\u0e01\u0e31\u0e14<\/p>\n\n \n <p class=\"body-text indent\">\n \u0e15\u0e32\u0e21\u0e17\u0e35\u0e48 <span id=\"out_org_name\" style=\"font-weight:600;\">\u0e21\u0e31\u0e2a\u0e22\u0e34\u0e14\u0e19\u0e39\u0e23\u0e38\u0e25\u0e2d\u0e34\u0e2a\u0e25\u0e32\u0e21 \/ \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e14\u0e23\u0e38\u0e13\u0e28\u0e36\u0e01\u0e29\u0e32<\/span> \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19\u0e01\u0e31\u0e1a\u0e17\u0e32\u0e07\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c \u0e42\u0e14\u0e22\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e44\u0e14\u0e49\u0e41\u0e01\u0e48: <span id=\"out_services\" style=\"font-weight:600;\">\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e40\u0e07\u0e34\u0e19\u0e1d\u0e32\u0e01\u0e27\u0e32\u0e14\u0e35\u0e2d\u0e30\u0e2b\u0e4c, \u0e2a\u0e21\u0e31\u0e04\u0e23\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e41\u0e25\u0e30\u0e0b\u0e37\u0e49\u0e2d\u0e2b\u0e38\u0e49\u0e19<\/span> \u0e19\u0e31\u0e49\u0e19\n <\/p>\n\n \n <p class=\"body-text indent\">\n \u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e14\u0e49\u0e27\u0e22\u0e17\u0e32\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e19\u0e1a\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e41\u0e15\u0e48\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e32\u0e01\u0e17\u0e32\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e21\u0e35\u0e27\u0e32\u0e23\u0e30\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e43\u0e19\u0e27\u0e32\u0e23\u0e30\u0e14\u0e31\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2d\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e21\u0e32\u0e41\u0e2a\u0e14\u0e07\u0e44\u0e14\u0e49 \u0e17\u0e32\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e08\u0e36\u0e07\u0e43\u0e04\u0e23\u0e48\u0e02\u0e2d\u0e43\u0e2b\u0e49\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e43\u0e0a\u0e49\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e09\u0e1a\u0e31\u0e1a\u0e19\u0e35\u0e49\u0e43\u0e0a\u0e49\u0e17\u0e14\u0e41\u0e17\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e41\u0e25\u0e30\u0e17\u0e33\u0e18\u0e38\u0e23\u0e01\u0e23\u0e23\u0e21\u0e01\u0e31\u0e1a\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e48\u0e2d\u0e44\u0e1b\n <\/p>\n\n \n <p class=\"body-text indent\" style=\"margin-bottom: 8px;\">\n \u0e43\u0e19\u0e01\u0e32\u0e23\u0e19\u0e35\u0e49 \u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e44\u0e14\u0e49\u0e21\u0e2d\u0e1a\u0e2b\u0e21\u0e32\u0e22\u0e43\u0e2b\u0e49\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e21\u0e35\u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e14\u0e31\u0e07\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e19\u0e35\u0e49 \u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e43\u0e19\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e2a\u0e31\u0e48\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35 \u0e1d\u0e32\u0e01 \u0e16\u0e2d\u0e19 \u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19 \u0e41\u0e25\u0e30\u0e17\u0e33\u0e19\u0e34\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e43\u0e14\u0e46 \u0e01\u0e31\u0e1a\u0e17\u0e32\u0e07\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02: <span id=\"out_condition\" style=\"font-weight:600;\">\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e07\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e19\u0e08\u0e33\u0e19\u0e27\u0e19 2 \u0e04\u0e19\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b<\/span><span id=\"out_seal_text\" style=\"font-weight:600;\"> \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e15\u0e23\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/span>\n <\/p>\n\n \n <div id=\"out_persons_list\" style=\"margin-bottom: 12px;\">\n \n <\/div>\n\n \n <div class=\"signature-area\" id=\"out_signers_list\">\n \n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n let personCount = 1;\n let signerCount = 1;\n\n function updateFontSize() {\n const selectedSize = document.getElementById('in_font_size').value;\n document.documentElement.style.setProperty('--base-font-size', selectedSize);\n }\n\n function setZoom(val) {\n const page = document.getElementById('printArea');\n const slider = document.getElementById('zoomRange');\n const label = document.getElementById('zoomLabel');\n \n page.style.transform = `scale(${val})`;\n slider.value = val * 100;\n label.innerText = `${Math.round(val * 100)}%`;\n }\n\n function zoomBySlider(val) {\n const page = document.getElementById('printArea');\n const label = document.getElementById('zoomLabel');\n let scaleVal = val \/ 100;\n \n page.style.transform = `scale(${scaleVal})`;\n label.innerText = `${val}%`;\n }\n\n function clearDate() {\n document.getElementById('in_date').value = '';\n updatePreview();\n }\n\n function handleConditionChange() {\n const selectVal = document.getElementById('in_condition_select').value;\n const customGroup = document.getElementById('custom_condition_group');\n if (selectVal === 'CUSTOM') {\n customGroup.style.display = 'block';\n } else {\n customGroup.style.display = 'none';\n }\n updatePreview();\n }\n\n function addPerson() {\n personCount++;\n const container = document.getElementById('auth-persons-container');\n const card = document.createElement('div');\n card.className = 'auth-person-card';\n card.id = `person-card-${personCount}`;\n card.innerHTML = `\n <button type=\"button\" class=\"btn btn-danger\" onclick=\"removePerson(${personCount})\">\u0e25\u0e1a<\/button>\n <div class=\"form-group\" style=\"margin-bottom:6px;\">\n <label style=\"font-size:11px;\">\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25:<\/label>\n <input type=\"text\" class=\"p-name\" value=\"\u0e19\u0e32\u0e22\/\u0e19\u0e32\u0e07\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27 ...\" oninput=\"updatePreview()\">\n <\/div>\n <div class=\"form-group\" style=\"margin-bottom:0;\">\n <label style=\"font-size:11px;\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07:<\/label>\n <input type=\"text\" class=\"p-position\" value=\"\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23 \/ \u0e40\u0e2b\u0e23\u0e31\u0e0d\u0e0d\u0e34\u0e01\" oninput=\"updatePreview()\">\n <\/div>\n `;\n container.appendChild(card);\n updatePreview();\n }\n\n function removePerson(id) {\n const card = document.getElementById(`person-card-${id}`);\n if (card) {\n card.remove();\n updatePreview();\n }\n }\n\n function addSigner() {\n signerCount++;\n const container = document.getElementById('signers-container');\n const card = document.createElement('div');\n card.className = 'signer-card';\n card.id = `signer-card-${signerCount}`;\n card.innerHTML = `\n <button type=\"button\" class=\"btn btn-danger\" onclick=\"removeSigner(${signerCount})\">\u0e25\u0e1a<\/button>\n <div class=\"form-group\" style=\"margin-bottom:6px;\">\n <label style=\"font-size:11px;\">\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25:<\/label>\n <input type=\"text\" class=\"s-name\" value=\"\u0e19\u0e32\u0e22\/\u0e19\u0e32\u0e07\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27 ...\" oninput=\"updatePreview()\">\n <\/div>\n <div class=\"form-group\" style=\"margin-bottom:0;\">\n <label style=\"font-size:11px;\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07:<\/label>\n <input type=\"text\" class=\"s-position\" value=\"\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\" oninput=\"updatePreview()\">\n <\/div>\n `;\n container.appendChild(card);\n updatePreview();\n }\n\n function removeSigner(id) {\n const card = document.getElementById(`signer-card-${id}`);\n if (card) {\n card.remove();\n updatePreview();\n }\n }\n\n function updatePreview() {\n document.getElementById('out_org_name').innerText = document.getElementById('in_org_name').value;\n document.getElementById('out_subject').innerText = document.getElementById('in_subject').value;\n document.getElementById('out_location').innerText = document.getElementById('in_location').value;\n\n const dateInput = document.getElementById('in_date').value;\n const dateSpan = document.getElementById('out_date');\n if (dateInput) {\n const d = new Date(dateInput);\n const thaiMonths = [\n \"\u0e21\u0e01\u0e23\u0e32\u0e04\u0e21\", \"\u0e01\u0e38\u0e21\u0e20\u0e32\u0e1e\u0e31\u0e19\u0e18\u0e4c\", \"\u0e21\u0e35\u0e19\u0e32\u0e04\u0e21\", \"\u0e40\u0e21\u0e29\u0e32\u0e22\u0e19\", \"\u0e1e\u0e24\u0e29\u0e20\u0e32\u0e04\u0e21\", \"\u0e21\u0e34\u0e16\u0e38\u0e19\u0e32\u0e22\u0e19\",\n \"\u0e01\u0e23\u0e01\u0e0e\u0e32\u0e04\u0e21\", \"\u0e2a\u0e34\u0e07\u0e2b\u0e32\u0e04\u0e21\", \"\u0e01\u0e31\u0e19\u0e22\u0e32\u0e22\u0e19\", \"\u0e15\u0e38\u0e25\u0e32\u0e04\u0e21\", \"\u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19\", \"\u0e18\u0e31\u0e19\u0e27\u0e32\u0e04\u0e21\"\n ];\n let day = d.getDate();\n let month = thaiMonths[d.getMonth()];\n let year = d.getFullYear() + 543;\n dateSpan.innerText = `${day} \u0e40\u0e14\u0e37\u0e2d\u0e19 ${month} \u0e1e.\u0e28. ${year}`;\n } else {\n dateSpan.innerText = \"....... \u0e40\u0e14\u0e37\u0e2d\u0e19 ................................... \u0e1e.\u0e28. ............\";\n }\n\n const selectVal = document.getElementById('in_condition_select').value;\n let finalConditionText = selectVal;\n if (selectVal === 'CUSTOM') {\n finalConditionText = document.getElementById('in_condition_custom').value;\n }\n document.getElementById('out_condition').innerText = finalConditionText;\n\n const serviceCheckboxes = document.querySelectorAll('input[name=\"service\"]:checked');\n let servicesArr = [];\n serviceCheckboxes.forEach((cb) => {\n servicesArr.push(cb.value);\n });\n document.getElementById('out_services').innerText = servicesArr.length > 0 ? servicesArr.join(', ') : '\u0e42\u0e1b\u0e23\u0e14\u0e23\u0e30\u0e1a\u0e38\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23';\n\n const names = document.querySelectorAll('.p-name');\n const positions = document.querySelectorAll('.p-position');\n let personsHtml = '';\n for (let i = 0; i < names.length; i++) {\n let n = names[i].value || '.............................................';\n let p = positions[i].value || '.............................................';\n personsHtml += `\n <div class=\"person-item\">\n ${i + 1}. ${n} (\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07: ${p})<br><br>\n <span style=\"display:inline-block; margin-left: 15px; color:#333; margin-top: 4px;\">\u0e25\u0e32\u0e22\u0e21\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d <span class=\"print-hide\" style=\"color:#666; font-size:11pt;\">(\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07)<\/span>: ........................................................................<\/span>\n <\/div>\n `;\n }\n document.getElementById('out_persons_list').innerHTML = personsHtml;\n\n const sNames = document.querySelectorAll('.s-name');\n const sPositions = document.querySelectorAll('.s-position');\n let signersHtml = '';\n for (let i = 0; i < sNames.length; i++) {\n let sn = sNames[i].value || '.............................................';\n let sp = sPositions[i].value || '.............................................';\n signersHtml += `\n <div class=\"sig-box\">\n <div class=\"sig-line\"><\/div>\n ( ${sn} )<br>\n \u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 ${sp}<br>\n \u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2d\u0e33\u0e19\u0e32\u0e08\u0e25\u0e07\u0e19\u0e32\u0e21\n <\/div>\n `;\n }\n\n const sealOption = document.getElementById('in_seal_option').value;\n const sealTextSpan = document.getElementById('out_seal_text');\n\n if (sealOption === 'show') {\n sealTextSpan.innerText = \" \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e15\u0e23\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\";\n signersHtml += `\n <div class=\"sig-box\" style=\"display: flex; align-items: center; justify-content: center; flex-direction: column;\">\n <div style=\"border: 1px dashed #777; width: 100px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 11pt; color: #777; margin-bottom: 4px;\" class=\"print-hide\">\n \u0e1b\u0e23\u0e30\u0e17\u0e31\u0e1a\u0e15\u0e23\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23 (\u0e16\u0e49\u0e32\u0e21\u0e35)\n <\/div>\n <\/div>\n `;\n } else {\n sealTextSpan.innerText = \"\";\n }\n\n document.getElementById('out_signers_list').innerHTML = signersHtml;\n }\n\n window.onload = function() {\n updateFontSize();\n updatePreview();\n };\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e41\u0e08\u0e49\u0e07\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c – \u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\u0e19\u0e39\u0e23\u0e38\u0e25\u0e2d\u0e34\u0e2a\u0e25…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":35,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-2797","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages\/2797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2797"}],"version-history":[{"count":4,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages\/2797\/revisions"}],"predecessor-version":[{"id":2804,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages\/2797\/revisions\/2804"}],"up":[{"embeddable":true,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages\/35"}],"wp:attachment":[{"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}