{"id":2700,"date":"2026-06-11T11:49:18","date_gmt":"2026-06-11T04:49:18","guid":{"rendered":"https:\/\/www.nurulsavings.com\/?page_id=2700"},"modified":"2026-06-11T12:10:41","modified_gmt":"2026-06-11T05:10:41","slug":"%e0%b8%a3%e0%b8%b0%e0%b8%9a%e0%b8%9a%e0%b8%84%e0%b8%b3%e0%b8%99%e0%b8%a7%e0%b8%93%e0%b8%9c%e0%b9%88%e0%b8%ad%e0%b8%99%e0%b8%8a%e0%b8%b3%e0%b8%a3%e0%b8%b0%e0%b8%aa%e0%b8%b4%e0%b8%99%e0%b9%80%e0%b8%8a","status":"publish","type":"page","link":"https:\/\/www.nurulsavings.com\/?page_id=2700","title":{"rendered":"\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e33\u0e19\u0e27\u0e13\u0e1c\u0e48\u0e2d\u0e19\u0e0a\u0e33\u0e23\u0e30\u0e2a\u0e34\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e41\u0e25\u0e30\u0e04\u0e33\u0e19\u0e27\u0e13\u0e2a\u0e34\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d<\/title>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght=300;400;600;700&display=swap');\n        \n        *, *::before, *::after { box-sizing: border-box; }\n\n        :root {\n            --primary-color: #5c7247;\n            --primary-dark: #465735;\n            --accent-color: #e67e22;\n            --bg-color: #f4f6f4;\n            --card-bg: #ffffff;\n            --text-color: #333333;\n            --border-color: #dee2e6;\n            --table-striped: #f9fbf7;\n        }\n\n        body {\n            font-family: 'Sarabun', sans-serif;\n            background-color: var(--bg-color);\n            color: var(--text-color);\n            margin: 0;\n            padding: 20px;\n            line-height: 1.4;\n        }\n\n        .container {\n            max-width: 1000px;\n            margin: 0 auto;\n            background: var(--card-bg);\n            padding: 30px;\n            border-radius: 12px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n        }\n\n        .header-title {\n            text-align: center;\n            color: var(--primary-dark);\n            margin-bottom: 20px;\n            font-size: 22px;\n            font-weight: 700;\n            border-bottom: 3px solid var(--primary-color);\n            padding-bottom: 12px;\n        }\n\n        \/* \ud83d\udcca Tabs Navigation *\/\n        .tabs-header {\n            display: flex;\n            gap: 10px;\n            margin-bottom: 25px;\n            border-bottom: 2px solid var(--border-color);\n            padding-bottom: 1px;\n        }\n        .tab-btn {\n            padding: 12px 25px;\n            font-family: 'Sarabun', sans-serif;\n            font-size: 15px;\n            font-weight: 600;\n            background: #e9ecef;\n            border: 1px solid var(--border-color);\n            border-bottom: none;\n            border-radius: 8px 8px 0 0;\n            cursor: pointer;\n            transition: all 0.2s;\n            color: #555;\n        }\n        .tab-btn.active {\n            background: var(--primary-color);\n            color: white;\n            border-color: var(--primary-color);\n        }\n        .tab-content { display: none; }\n        .tab-content.active { display: block; }\n\n        \/* Form & Utilities *\/\n        h3 {\n            color: var(--primary-dark);\n            border-left: 5px solid var(--primary-color);\n            padding-left: 10px;\n            margin-top: 10px;\n            margin-bottom: 15px;\n            font-size: 16px;\n        }\n        .form-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 15px;\n            background: #fafbfa;\n            padding: 20px;\n            border-radius: 8px;\n            border: 1px solid #e1e6e1;\n        }\n        @media (max-width: 768px) { .form-grid { grid-template-columns: 1fr; } }\n        .form-group { display: flex; flex-direction: column; }\n        .form-group.full-width { grid-column: span 2; }\n        label { font-weight: 600; margin-bottom: 6px; font-size: 13px; color: #444; }\n        input, select, textarea {\n            padding: 8px 10px;\n            border: 1px solid var(--border-color);\n            border-radius: 6px;\n            font-family: 'Sarabun', sans-serif;\n            font-size: 14px;\n        }\n        input[readonly] { background-color: #e9ecef; color: #495057; cursor: not-allowed; }\n\n        \/* Dashboard Cards *\/\n        .card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 12px; }\n        .card { background: #fff; border: 1px solid var(--border-color); border-left: 5px solid var(--primary-color); padding: 12px 15px; border-radius: 6px; }\n        .card.accent { border-left-color: var(--accent-color); background: #fffbf7; }\n        .card.highlight { border-left-color: #27ae60; background: #f4faf6; }\n        .card-title { font-size: 12px; font-weight: 600; color: #666; margin-bottom: 3px; }\n        .card-value { font-size: 18px; font-weight: 700; color: #111; }\n\n        \/* Table *\/\n        table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 13px; background: #fff; }\n        th { background-color: var(--primary-color); color: white; padding: 10px 8px; font-weight: 600; text-align: right; border: 1px solid var(--primary-color); }\n        th:first-child, td:first-child { text-align: center; }\n        td { padding: 8px; border: 1px solid var(--border-color); text-align: right; color: #333; }\n        tr:nth-child(even) { background-color: var(--table-striped); }\n        tr.total-row { font-weight: bold; background-color: #eaedea !important; }\n        .text-center { text-align: center; }\n\n        \/* Signature Section *\/\n        .signature-container {\n            margin-top: 40px;\n            padding-top: 25px;\n            border-top: 1px solid var(--border-color);\n            text-align: center;\n            font-size: 14px;\n            display: flex;\n            justify-content: center;\n        }\n        .signature-box { \n            display: flex; \n            flex-direction: column; \n            align-items: center; \n            justify-content: center;\n            width: 350px;\n        }\n        .line-space { width: 100%; border-bottom: 1px dotted #333; margin-top: 55px; margin-bottom: 10px; }\n\n        \/* \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e25\u0e32 Print *\/\n        .page-break {\n            page-break-before: always;\n            margin-top: 40px;\n        }\n\n        .btn-container { text-align: center; margin-top: 25px; padding-top: 15px; border-top: 1px solid var(--border-color); }\n        .btn { padding: 12px 30px; border: none; border-radius: 6px; font-size: 15px; font-weight: 600; cursor: pointer; margin: 0 10px; font-family: 'Sarabun', sans-serif; }\n        .btn-calc { background-color: var(--accent-color); color: white; width: 100%; max-width: 300px; padding: 15px; font-size: 16px; }\n        .btn-save { background-color: #27ae60; color: white; }\n        .btn-print { background-color: #2980b9; color: white; }\n\n        \/* \ud83d\udda8\ufe0f \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e25\u0e14\u0e20\u0e32\u0e23\u0e30\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e40\u0e27\u0e25\u0e32\u0e2a\u0e31\u0e48\u0e07\u0e1e\u0e34\u0e21\u0e1e\u0e4c \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\u0e0a\u0e49\u0e32 *\/\n        @media print {\n            body { \n                background: white !important; \n                padding: 0 !important; \n                color: black !important; \n                font-size: 13px !important;\n                font-family: 'Sarabun', 'Tahoma', 'Segoe UI', sans-serif !important;\n                -webkit-print-color-adjust: exact; \n                print-color-adjust: exact;\n            }\n            .container { box-shadow: none !important; padding: 0 !important; max-width: 100% !important; margin: 0 !important; }\n            .no-print { display: none !important; }\n            .tabs-header { display: none !important; }\n            #tab-1-content { display: none !important; }\n            #tab-2-content { display: block !important; }\n            .signature-container { page-break-inside: avoid !important; }\n            table { page-break-inside: auto !important; }\n            tr { page-break-inside: avoid !important; page-break-after: auto !important; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n    <div class=\"header-title\">\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e33\u0e19\u0e27\u0e13\u0e1c\u0e48\u0e2d\u0e19\u0e0a\u0e33\u0e23\u0e30\u0e2a\u0e34\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d<\/div>\n    \n    <div class=\"tabs-header no-print\">\n        <button id=\"btn-tab-1\" class=\"tab-btn active\" onclick=\"switchTab(1)\">\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e33\u0e02\u0e2d<\/button>\n        <button id=\"btn-tab-2\" class=\"tab-btn\" onclick=\"switchTab(2)\">\u0e43\u0e1a\u0e2a\u0e23\u0e38\u0e1b\u0e41\u0e25\u0e30\u0e15\u0e32\u0e23\u0e32\u0e07\u0e1c\u0e48\u0e2d\u0e19\u0e0a\u0e33\u0e23\u0e30<\/button>\n    <\/div>\n\n    <div id=\"tab-1-content\" class=\"tab-content active no-print\">\n        <h3>1. \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e33\u0e02\u0e2d\u0e2a\u0e34\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d<\/h3>\n        <div class=\"form-grid\">\n            <div class=\"form-group\">\n                <label for=\"branch\">\u0e2a\u0e32\u0e02\u0e32\u0e17\u0e35\u0e48\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23<\/label>\n                <select id=\"branch\">\n                    <option value=\"\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e0d\u0e48\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e0d\u0e48<\/option>\n                    <option value=\"\u0e2a\u0e32\u0e02\u0e32\u0e2d\u0e48\u0e32\u0e27\u0e25\u0e36\u0e01\">\u0e2a\u0e32\u0e02\u0e32\u0e2d\u0e48\u0e32\u0e27\u0e25\u0e36\u0e01<\/option>\n                    <option value=\"\u0e2a\u0e32\u0e02\u0e32\u0e1a\u0e48\u0e2d\u0e41\u0e2a\u0e19\">\u0e2a\u0e32\u0e02\u0e32\u0e1a\u0e48\u0e2d\u0e41\u0e2a\u0e19<\/option>\n                    <option value=\"\u0e2a\u0e32\u0e02\u0e32\u0e40\u0e02\u0e32\u0e17\u0e2d\u0e07\">\u0e2a\u0e32\u0e02\u0e32\u0e40\u0e02\u0e32\u0e17\u0e2d\u0e07<\/option>\n                    <option value=\"\u0e2a\u0e32\u0e02\u0e32\u0e04\u0e25\u0e2d\u0e07\u0e08\u0e34\u0e2b\u0e25\u0e32\u0e14\">\u0e2a\u0e32\u0e02\u0e32\u0e04\u0e25\u0e2d\u0e07\u0e08\u0e34\u0e2b\u0e25\u0e32\u0e14<\/option>\n                    <option value=\"\u0e2a\u0e32\u0e02\u0e32\u0e08\u0e38\u0e14\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e49\u0e19\u0e17\u0e27\u0e22\">\u0e2a\u0e32\u0e02\u0e32\u0e08\u0e38\u0e14\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e49\u0e19\u0e17\u0e27\u0e22<\/option>\n                    <option value=\"\u0e2a\u0e32\u0e02\u0e32\u0e15\u0e30\u0e01\u0e31\u0e48\u0e27\u0e1b\u0e48\u0e32\">\u0e2a\u0e32\u0e02\u0e32\u0e15\u0e30\u0e01\u0e31\u0e48\u0e27\u0e1b\u0e48\u0e32<\/option>\n                    <option value=\"\u0e2a\u0e32\u0e02\u0e32\u0e08\u0e38\u0e14\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e02\u0e32\u0e15\u0e31\u0e49\u0e07\">\u0e2a\u0e32\u0e02\u0e32\u0e08\u0e38\u0e14\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e02\u0e32\u0e15\u0e31\u0e49\u0e07<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"customer_name\">\u0e0a\u0e37\u0e48\u0e2d &#8211; \u0e2a\u0e01\u0e38\u0e25 \u0e1c\u0e39\u0e49\u0e02\u0e2d\u0e01\u0e39\u0e49<\/label>\n                <input type=\"text\" id=\"customer_name\" value=\"\u0e19\u0e39\u0e23\u0e38\u0e25 \u0e2d\u0e34\u0e2a\u0e25\u0e32\u0e21\">\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"customer_phone\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c<\/label>\n                <input type=\"text\" id=\"customer_phone\" value=\"081-787-8481\" placeholder=\"\u0e40\u0e0a\u0e48\u0e19 0812345678\">\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"age\">\u0e2d\u0e32\u0e22\u0e38 (\u0e1b\u0e35)<\/label>\n                <input type=\"number\" id=\"age\" value=\"35\">\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"loan_round\">\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e01\u0e39\u0e49\u0e40\u0e07\u0e34\u0e19<\/label>\n                <select id=\"loan_round\" onchange=\"runAutoSetup()\">\n                    <option value=\"1\">\u0e02\u0e2d\u0e01\u0e39\u0e49\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 (\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b)<\/option>\n                    <option value=\"2\">\u0e02\u0e2d\u0e01\u0e39\u0e49\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2 (\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\u0e40\u0e14\u0e34\u0e21)<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"debtor_class\">\u0e0a\u0e31\u0e49\u0e19\u0e25\u0e39\u0e01\u0e2b\u0e19\u0e35\u0e49 (\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19\u0e40\u0e14\u0e34\u0e21)<\/label>\n                <select id=\"debtor_class\" onchange=\"runAutoSetup()\">\n                    <option value=\"0.00\" data-max-loan=\"100\">\u0e1b\u0e01\u0e15\u0e34 (\u0e25\u0e14 0.00% | \u0e27\u0e07\u0e40\u0e07\u0e34\u0e19 100%)<\/option>\n                    <option value=\"1.50\" data-max-loan=\"100\">\u0e14\u0e35\u0e21\u0e32\u0e01 (\u0e25\u0e14 1.50% | \u0e27\u0e07\u0e40\u0e07\u0e34\u0e19 100%)<\/option>\n                    <option value=\"1.00\" data-max-loan=\"100\">\u0e14\u0e35 (\u0e25\u0e14 1.00% | \u0e27\u0e07\u0e40\u0e07\u0e34\u0e19 100%)<\/option>\n                    <option value=\"0.50\" data-max-loan=\"95\">\u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07 (\u0e25\u0e14 0.50% | \u0e27\u0e07\u0e40\u0e07\u0e34\u0e19 95%)<\/option>\n                    <option value=\"0.00\" data-max-loan=\"90\">\u0e1e\u0e2d\u0e43\u0e0a\u0e49 (\u0e25\u0e14 0.00% | \u0e27\u0e07\u0e40\u0e07\u0e34\u0e19 90%)<\/option>\n                    <option value=\"0.00\" data-max-loan=\"85\">\u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 (\u0e25\u0e14 0.00% | \u0e27\u0e07\u0e40\u0e07\u0e34\u0e19 85%)<\/option>\n                    <option value=\"0.00\" data-max-loan=\"75\">\u0e44\u0e21\u0e48\u0e14\u0e35 (\u0e25\u0e14 0.00% | \u0e27\u0e07\u0e40\u0e07\u0e34\u0e19 75%)<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"member_months\">\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01 (\u0e40\u0e14\u0e37\u0e2d\u0e19)<\/label>\n                <input type=\"number\" id=\"member_months\" value=\"20\" oninput=\"runAutoSetup()\">\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"current_shares\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e2b\u0e38\u0e49\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27 (\u0e1a\u0e32\u0e17)<\/label>\n                <input type=\"number\" id=\"current_shares\" value=\"5000\" oninput=\"runAutoSetup()\">\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"loan_amount\">\u0e27\u0e07\u0e40\u0e07\u0e34\u0e19\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e02\u0e2d\u0e01\u0e39\u0e49 (\u0e1a\u0e32\u0e17)<\/label>\n                <input type=\"number\" id=\"loan_amount\" value=\"50000\" oninput=\"runAutoSetup()\">\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"purpose\">\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e01\u0e39\u0e49<\/label>\n                <select id=\"purpose\">\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e2d\u0e32\u0e28\u0e31\u0e22\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e2d\u0e32\u0e28\u0e31\u0e22<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e14\u0e34\u0e19\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e14\u0e34\u0e19<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e25\u0e07\u0e17\u0e38\u0e19<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e32\u0e19\u0e1e\u0e32\u0e2b\u0e19\u0e30\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e32\u0e19\u0e1e\u0e32\u0e2b\u0e19\u0e30<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e1b\u0e42\u0e20\u0e04\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e1b\u0e42\u0e20\u0e04\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e33\u0e23\u0e30\u0e2b\u0e19\u0e35\u0e49\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e33\u0e23\u0e30\u0e2b\u0e19\u0e35\u0e49<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e23\u0e31\u0e01\u0e29\u0e32\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2e\u0e31\u0e08\u0e0d\u0e4c\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2e\u0e31\u0e08\u0e0d\u0e4c<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e37\u0e48\u0e19\u0e46\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e37\u0e48\u0e19\u0e46<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e07\u0e17\u0e38\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e2d\u0e32\u0e0a\u0e35\u0e1e\" selected>\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e07\u0e17\u0e38\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e2d\u0e32\u0e0a\u0e35\u0e1e<\/option>\n                    <option value=\"\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e30\u0e01\u0e32\u0e1f\u0e38\u0e25\u0e1e\u0e34\u0e17\u0e31\u0e01\u0e29\u0e4c\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e30\u0e01\u0e32\u0e1f\u0e38\u0e25\u0e1e\u0e34\u0e17\u0e31\u0e01\u0e29\u0e4c\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"duration_months\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e1c\u0e48\u0e2d\u0e19\u0e0a\u0e33\u0e23\u0e30 (<span id=\"lbl_max_months\" style=\"color: var(--accent-color); font-weight: bold;\">\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 48 \u0e07\u0e27\u0e14<\/span>)<\/label>\n                <input type=\"number\" id=\"duration_months\" value=\"24\">\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"normal_rate\">\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e33\u0e44\u0e23\u0e1b\u0e01\u0e15\u0e34 (% \u0e15\u0e48\u0e2d\u0e1b\u0e35)<\/label>\n                <input type=\"number\" id=\"normal_rate\" value=\"15\" readonly>\n            <\/div>\n            <div class=\"form-group\">\n                <label for=\"campaign_discount\">\u0e2a\u0e48\u0e27\u0e19\u0e25\u0e14\u0e41\u0e04\u0e21\u0e40\u0e1b\u0e0d\u0e1e\u0e34\u0e40\u0e28\u0e29 (% \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e01\u0e23\u0e2d\u0e01\u0e40\u0e2d\u0e07)<\/label>\n                <input type=\"number\" id=\"campaign_discount\" value=\"0\" step=\"0.01\">\n            <\/div>\n            <div class=\"form-group full-width\">\n                <label for=\"collateral_detail\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 \/ \u0e1c\u0e39\u0e49\u0e04\u0e49\u0e33\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19 (<span id=\"lbl_appraisal_type\" style=\"color: #2980b9; font-weight: bold;\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e40\u0e2d\u0e07<\/span>)<\/label>\n                <textarea id=\"collateral_detail\" rows=\"2\">\u0e42\u0e09\u0e19\u0e14\u0e17\u0e35\u0e48\u0e14\u0e34\u0e19\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48 &#8230;. \u0e2b\u0e38\u0e49\u0e19&#8230; \u0e40\u0e07\u0e34\u0e19\u0e1d\u0e32\u0e01&#8230;.<\/textarea>\n            <\/div>\n        <\/div>\n        \n        <div class=\"btn-container\">\n            <button class=\"btn btn-calc\" onclick=\"calculateAndJump()\">\u26a1 \u0e1b\u0e23\u0e30\u0e21\u0e27\u0e25\u0e1c\u0e25\u0e2a\u0e34\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d(\u0e2a\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e23\u0e38\u0e1b)<\/button>\n        <\/div>\n    <\/div>\n\n    <div id=\"tab-2-content\" class=\"tab-content\">\n        \n        <div id=\"print_page_1\">\n            <div style=\"text-align: center; margin-bottom: 20px;\">\n                <h2 style=\"margin: 5px 0; color: var(--primary-dark); font-size: 20px;\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e08\u0e01\u0e41\u0e08\u0e07\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e41\u0e25\u0e30\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e2a\u0e34\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e23\u0e32\u0e22\u0e07\u0e27\u0e14<\/h2>\n                <p style=\"margin: 2px 0; font-size: 13px; color: #666;\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23: <span id=\"lbl_print_date\">&#8211;<\/span><\/p>\n            <\/div>\n\n            <h3>2. \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e23\u0e38\u0e1b\u0e1c\u0e39\u0e49\u0e02\u0e2d\u0e01\u0e39\u0e49\u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01<\/h3>\n            <div class=\"form-grid\" style=\"background: #fff; border: 1px solid var(--border-color); padding: 15px; margin-bottom: 15px; font-size: 14px;\">\n                <div style=\"line-height: 1.8;\">\n                    <strong>\u0e2a\u0e32\u0e02\u0e32:<\/strong> <span id=\"rep_branch\">&#8211;<\/span><br>\n                    <strong>\u0e1c\u0e39\u0e49\u0e01\u0e39\u0e49:<\/strong> <span id=\"rep_name\">&#8211;<\/span> (\u0e2d\u0e32\u0e22\u0e38 <span id=\"rep_age\">&#8211;<\/span> \u0e1b\u0e35)<br>\n                    <strong>\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c:<\/strong> <span id=\"rep_phone\">&#8211;<\/span><br>\n                    <strong>\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c:<\/strong> <span id=\"rep_purpose\">&#8211;<\/span><br>\n                    <strong>\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19:<\/strong> <span id=\"rep_appraisal\">&#8211;<\/span>\n                <\/div>\n                <div style=\"line-height: 1.8; padding-left: 15px; border-left: 1px solid #eee;\">\n                    <strong>\u0e2d\u0e32\u0e22\u0e38\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01:<\/strong> <span id=\"rep_member_months\">&#8211;<\/span> \u0e14.<br>\n                    <strong>\u0e2b\u0e38\u0e49\u0e19\u0e2a\u0e30\u0e2a\u0e21\u0e40\u0e14\u0e34\u0e21:<\/strong> <span id=\"rep_current_shares\">&#8211;<\/span> \u0e1a\u0e32\u0e17<br>\n                    <strong>\u0e40\u0e01\u0e13\u0e11\u0e4c\u0e2b\u0e38\u0e49\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e21\u0e35:<\/strong> <span id=\"rep_req_shares\">&#8211;<\/span> \u0e1a\u0e32\u0e17<br>\n                    <strong>\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e17\u0e38\u0e19\u0e2b\u0e38\u0e49\u0e19:<\/strong> <span id=\"rep_topup_shares\" style=\"font-weight: bold;\">&#8211;<\/span>\n                <\/div>\n            <\/div>\n\n            <h3>3. \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e27\u0e07\u0e40\u0e07\u0e34\u0e19\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e33\u0e44\u0e23<\/h3>\n            <div class=\"card-grid\">\n                <div class=\"card\">\n                    <div class=\"card-title\">\u0e27\u0e07\u0e40\u0e07\u0e34\u0e19\u0e01\u0e39\u0e49\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e08\u0e23\u0e34\u0e07<\/div>\n                    <div class=\"card-value\" style=\"color: var(--primary-dark);\"><span id=\"sum_loan_amount\">0.00<\/span> <span style=\"font-size: 12px; font-weight: normal;\">\u0e1a\u0e32\u0e17<\/span><\/div>\n                    <div class=\"card-title\" style=\"margin-top: 3px; font-size: 11px;\" id=\"lbl_loan_limit_info\">&#8211;<\/div>\n                <\/div>\n                <div class=\"card\">\n                    <div class=\"card-title\">\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e33\u0e44\u0e23\u0e2a\u0e38\u0e17\u0e18\u0e34 (\u0e15\u0e48\u0e2d\u0e1b\u0e35)<\/div>\n                    <div class=\"card-value\" style=\"color: #c0392b;\"><span id=\"sum_net_rate\">0.00<\/span>%<\/div>\n                    <div class=\"card-title\" style=\"margin-top: 3px; font-size: 11px;\">(\u0e04\u0e34\u0e14\u0e40\u0e1b\u0e47\u0e19 <span id=\"sum_net_rate_month\">0.00<\/span>% \u0e15\u0e48\u0e2d\u0e40\u0e14\u0e37\u0e2d\u0e19)<\/div>\n                <\/div>\n                <div class=\"card highlight\">\n                    <div class=\"card-title\">\u0e04\u0e48\u0e32\u0e07\u0e27\u0e14\u0e1c\u0e48\u0e2d\u0e19\u0e0a\u0e33\u0e23\u0e30\/\u0e40\u0e14\u0e37\u0e2d\u0e19<\/div>\n                    <div class=\"card-value\" style=\"color: #27ae60;\"><span id=\"sum_monthly_payment\">0.00<\/span> <span style=\"font-size: 12px; font-weight: normal;\">\u0e1a\u0e32\u0e17<\/span><\/div>\n                    <div class=\"card-title\" style=\"margin-top: 3px; font-size: 11px;\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e1c\u0e48\u0e2d\u0e19: <span id=\"sum_duration\">0<\/span> \u0e07\u0e27\u0e14<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"card-grid\">\n                <div class=\"card accent\">\n                    <div class=\"card-title\">\u0e40\u0e07\u0e34\u0e19\u0e15\u0e49\u0e19\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e15\u0e48\u0e2d\u0e07\u0e27\u0e14<\/div>\n                    <div class=\"card-value\"><span id=\"sum_principal_month\">0.00<\/span> <span style=\"font-size: 12px; font-weight: normal;\">\u0e1a\u0e32\u0e17<\/span><\/div>\n                <\/div>\n                <div class=\"card accent\">\n                    <div class=\"card-title\">\u0e01\u0e33\u0e44\u0e23\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e15\u0e48\u0e2d\u0e07\u0e27\u0e14<\/div>\n                    <div class=\"card-value\"><span id=\"sum_profit_month\">0.00<\/span> <span style=\"font-size: 12px; font-weight: normal;\">\u0e1a\u0e32\u0e17<\/span><\/div>\n                <\/div>\n                <div class=\"card accent\">\n                    <div class=\"card-title\">\u0e22\u0e2d\u0e14\u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 (\u0e15\u0e49\u0e19 + \u0e01\u0e33\u0e44\u0e23)<\/div>\n                    <div class=\"card-value\"><span id=\"sum_grand_total\">0.00<\/span> <span style=\"font-size: 12px; font-weight: normal;\">\u0e1a\u0e32\u0e17<\/span><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"signature-container\">\n                <div class=\"signature-box\">\n                    <p>\u0e02\u0e49\u0e32\u0e1e\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e22\u0e2d\u0e21\u0e23\u0e31\u0e1a\u0e41\u0e25\u0e30\u0e15\u0e01\u0e25\u0e07\u0e15\u0e32\u0e21\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2a\u0e34\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e02\u0e49\u0e32\u0e07\u0e15\u0e49\u0e19<\/p>\n                    <div class=\"line-space\"><\/div>\n                    <p>( \u0e25\u0e07\u0e0a\u0e37\u0e48\u0e2d &#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;. )<br>\u0e1c\u0e39\u0e49\u0e02\u0e2d\u0e01\u0e39\u0e49 \/ \u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"print_page_2\" class=\"page-break\">\n            <div style=\"text-align: center; margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px;\">\n                <h3 style=\"margin: 0; border: none; padding: 0; text-align: center; font-size: 16px;\">\u0e15\u0e32\u0e23\u0e32\u0e07\u0e41\u0e08\u0e01\u0e41\u0e08\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e2a\u0e34\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e22\u0e2d\u0e14\u0e2b\u0e19\u0e35\u0e49\u0e04\u0e07\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e23\u0e32\u0e22\u0e07\u0e27\u0e14 (\u0e20\u0e32\u0e04\u0e1c\u0e19\u0e27\u0e01\u0e41\u0e19\u0e1a\u0e17\u0e49\u0e32\u0e22)<\/h3>\n                <p style=\"margin: 3px 0; font-size: 12px; color: #666;\">\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e01\u0e39\u0e49: <span id=\"rep_table_owner\">&#8211;<\/span> | \u0e27\u0e07\u0e40\u0e07\u0e34\u0e19\u0e01\u0e39\u0e49\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e19\u0e35\u0e49: <span id=\"rep_table_amount\">&#8211;<\/span> \u0e1a\u0e32\u0e17<\/p>\n            <\/div>\n\n            <table id=\"schedule_table\">\n                <thead>\n                    <tr>\n                        <th style=\"text-align: center; width: 10%;\">\u0e07\u0e27\u0e14\u0e17\u0e35\u0e48<\/th>\n                        <th>\u0e40\u0e07\u0e34\u0e19\u0e15\u0e49\u0e19\u0e17\u0e35\u0e48\u0e0a\u0e33\u0e23\u0e30\u0e15\u0e48\u0e2d\u0e07\u0e27\u0e14<\/th>\n                        <th>\u0e01\u0e33\u0e44\u0e23\u0e17\u0e35\u0e48\u0e08\u0e48\u0e32\u0e22\u0e15\u0e48\u0e2d\u0e07\u0e27\u0e14<\/th>\n                        <th>\u0e22\u0e2d\u0e14\u0e1c\u0e48\u0e2d\u0e19\u0e0a\u0e33\u0e23\u0e30\u0e23\u0e27\u0e21\u0e15\u0e48\u0e2d\u0e07\u0e27\u0e14<\/th>\n                        <th>\u0e22\u0e2d\u0e14\u0e2b\u0e19\u0e35\u0e49\u0e23\u0e27\u0e21\u0e04\u0e07\u0e40\u0e2b\u0e25\u0e37\u0e2d<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody><\/tbody>\n            <\/table>\n        <\/div>\n\n        <div class=\"btn-container no-print\">\n            <button class=\"btn\" style=\"background-color: #7f8c8d; color: white;\" onclick=\"switchTab(1)\">\u2190 \u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e44\u0e1b\u0e41\u0e01\u0e49\u0e44\u0e02\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25<\/button>\n            <button id=\"btn-save-sheet\" class=\"btn btn-save\" onclick=\"saveDataToGoogleSheet()\">\ud83d\udcbe \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e33\u0e02\u0e2d\u0e44\u0e1b Google Sheet<\/button>\n            <button class=\"btn btn-print\" onclick=\"window.print()\">\ud83d\udda8\ufe0f \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 (Print)<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nconst scriptUrl = \"https:\/\/script.google.com\/macros\/s\/AKfycbx0JIreYBEjmrmXbllIhbnKVxr2HoTbyQwfGXDrvqaC6EwEJSthJKdkuyu5uBEQQ_cOZA\/exec\";\n\nfunction switchTab(tabIndex) {\n    document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\n    document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));\n    \n    document.getElementById('btn-tab-' + tabIndex).classList.add('active');\n    document.getElementById('tab-' + tabIndex + '-content').classList.add('active');\n}\n\nfunction runAutoSetup() {\n    const loanAmount = parseFloat(document.getElementById('loan_amount').value) || 0;\n    let maxMonths = 0;\n    let normalRate = 15;\n\n    if (loanAmount < 1) { maxMonths = 0; normalRate = 0; }\n    else if (loanAmount <= 10001) { maxMonths = 12; normalRate = 15; }\n    else if (loanAmount <= 20001) { maxMonths = 24; normalRate = 15; }\n    else if (loanAmount <= 50001) { maxMonths = 48; normalRate = 15; }\n    else if (loanAmount <= 100001) { maxMonths = 60; normalRate = 12; }\n    else if (loanAmount <= 300001) { maxMonths = 84; normalRate = 10; }\n    else if (loanAmount <= 500001) { maxMonths = 96; normalRate = 10; }\n    else { maxMonths = 120; normalRate = 8; }\n\n    document.getElementById('normal_rate').value = normalRate;\n    document.getElementById('lbl_max_months').innerText = \"\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \" + maxMonths + \" \u0e07\u0e27\u0e14\";\n    \n    const durationInput = document.getElementById('duration_months');\n    durationInput.max = maxMonths;\n    if (parseInt(durationInput.value) > maxMonths) { durationInput.value = maxMonths; }\n\n    const appraisalTypeLabel = document.getElementById('lbl_appraisal_type');\n    if (loanAmount > 300000) {\n        appraisalTypeLabel.innerText = \"\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01 (\u0e27\u0e07\u0e40\u0e07\u0e34\u0e19\u0e40\u0e01\u0e34\u0e19 300,000)\";\n        appraisalTypeLabel.style.color = \"#c0392b\";\n    } else {\n        appraisalTypeLabel.innerText = \"\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e40\u0e2d\u0e07 (\u0e27\u0e07\u0e40\u0e07\u0e34\u0e19\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 300,000)\";\n        appraisalTypeLabel.style.color = \"#2980b9\";\n    }\n}\n\nfunction calculateAndJump() {\n    const branch = document.getElementById('branch').value;\n    const name = document.getElementById('customer_name').value;\n    const phone = document.getElementById('customer_phone').value;\n    const age = document.getElementById('age').value;\n    const purpose = document.getElementById('purpose').value; \n    const loanRound = document.getElementById('loan_round').value;\n    const loanAmountRequested = parseFloat(document.getElementById('loan_amount').value) || 0;\n    const durationMonths = parseInt(document.getElementById('duration_months').value) || 1;\n    \n    const classSelect = document.getElementById('debtor_class');\n    const selectedClassOption = classSelect.options[classSelect.selectedIndex];\n    \n    let classDiscount = 0;\n    let maxLoanPercent = 100;\n\n    if (loanRound === \"2\") {\n        classDiscount = parseFloat(selectedClassOption.value) || 0;\n        maxLoanPercent = parseFloat(selectedClassOption.getAttribute('data-max-loan')) || 100;\n        document.getElementById('lbl_loan_limit_info').innerText = \"\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e27\u0e07\u0e40\u0e07\u0e34\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 \" + maxLoanPercent + \"%\";\n    } else {\n        classDiscount = 0;\n        maxLoanPercent = 100;\n        document.getElementById('lbl_loan_limit_info').innerText = \"\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e27\u0e07\u0e40\u0e07\u0e34\u0e19 100% (\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b)\";\n    }\n\n    const approvedLoanAmount = loanAmountRequested * (maxLoanPercent \/ 100);\n    const normalRate = parseFloat(document.getElementById('normal_rate').value) || 0;\n    const campaignDiscount = parseFloat(document.getElementById('campaign_discount').value) || 0;\n    const netRateYear = normalRate - classDiscount - campaignDiscount;\n    const netRateMonth = netRateYear \/ 12;\n\n    const totalProfit = approvedLoanAmount * (netRateYear \/ 100) * (durationMonths \/ 12);\n    const grandTotal = approvedLoanAmount + totalProfit;\n\n    const principalPerMonth = approvedLoanAmount \/ durationMonths;\n    const profitPerMonth = totalProfit \/ durationMonths;\n    const totalPaymentPerMonth = principalPerMonth + profitPerMonth;\n\n    const memberMonths = parseInt(document.getElementById('member_months').value) || 0;\n    const currentShares = parseFloat(document.getElementById('current_shares').value) || 0;\n    const requiredShares = memberMonths * 200;\n    const topupShares = requiredShares - currentShares;\n\n    document.getElementById('lbl_print_date').innerText = new Date().toLocaleDateString('th-TH', { year: 'numeric', month: 'long', day: 'numeric' });\n    document.getElementById('rep_branch').innerText = branch;\n    document.getElementById('rep_name').innerText = name;\n    document.getElementById('rep_phone').innerText = phone || \"\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e23\u0e30\u0e1a\u0e38\";\n    document.getElementById('rep_age').innerText = age;\n    document.getElementById('rep_purpose').innerText = purpose;\n    document.getElementById('rep_appraisal').innerText = approvedLoanAmount > 300000 ? \"\u0e1a.\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01\" : \"\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e40\u0e2d\u0e07\";\n    \n    document.getElementById('rep_member_months').innerText = memberMonths;\n    document.getElementById('rep_req_shares').innerText = requiredShares.toFixed(2);\n    document.getElementById('rep_current_shares').innerText = currentShares.toFixed(2);\n    \n    const repTopup = document.getElementById('rep_topup_shares');\n    if (topupShares > 0) {\n        repTopup.innerText = \"\u0e15\u0e49\u0e2d\u0e07\u0e2a\u0e21\u0e17\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21 \" + topupShares.toFixed(2) + \" \u0e1a.\";\n        repTopup.style.color = \"#c0392b\";\n    } else {\n        repTopup.innerText = \"\u0e2b\u0e38\u0e49\u0e19\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19\";\n        repTopup.style.color = \"#27ae60\";\n    }\n\n    document.getElementById('sum_loan_amount').innerText = approvedLoanAmount.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2});\n    document.getElementById('sum_net_rate').innerText = netRateYear.toFixed(2);\n    document.getElementById('sum_net_rate_month').innerText = netRateMonth.toFixed(2);\n    document.getElementById('sum_duration').innerText = durationMonths;\n    document.getElementById('sum_grand_total').innerText = grandTotal.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2});\n    document.getElementById('sum_monthly_payment').innerText = totalPaymentPerMonth.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2});\n    document.getElementById('sum_principal_month').innerText = principalPerMonth.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2});\n    document.getElementById('sum_profit_month').innerText = profitPerMonth.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2});\n\n    document.getElementById('rep_table_owner').innerText = name;\n    document.getElementById('rep_table_amount').innerText = approvedLoanAmount.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2});\n\n    const tbody = document.querySelector('#schedule_table tbody');\n    tbody.innerHTML = '';\n\n    let remainingBalance = grandTotal;\n    tbody.innerHTML += `<tr><td class=\"text-center\">0<\/td><td>-<\/td><td>-<\/td><td>-<\/td><td>${remainingBalance.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2})}<\/td><\/tr>`;\n\n    for (let i = 1; i <= durationMonths; i++) {\n        remainingBalance -= totalPaymentPerMonth;\n        if (i === durationMonths) remainingBalance = 0;\n\n        tbody.innerHTML += `<tr>\n            <td class=\"text-center\">${i}<\/td>\n            <td>${principalPerMonth.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2})}<\/td>\n            <td>${profitPerMonth.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2})}<\/td>\n            <td>${totalPaymentPerMonth.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2})}<\/td>\n            <td>${Math.abs(remainingBalance).toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2})}<\/td>\n        <\/tr>`;\n    }\n\n    tbody.innerHTML += `<tr class=\"total-row\">\n        <td class=\"text-center\">\u0e23\u0e27\u0e21\u0e2a\u0e38\u0e17\u0e18\u0e34<\/td>\n        <td>${approvedLoanAmount.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2})}<\/td>\n        <td>${totalProfit.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2})}<\/td>\n        <td>${grandTotal.toLocaleString('th-TH', {minimumFractionDigits: 2, maximumFractionDigits: 2})}<\/td>\n        <td>-<\/td>\n    <\/tr>`;\n\n    switchTab(2);\n}\n\nfunction saveDataToGoogleSheet() {\n    if(!scriptUrl || scriptUrl.includes(\"\u0e43\u0e2a\u0e48\u0e25\u0e34\u0e07\u0e01\u0e4c\")) {\n        alert(\"\u26a0\ufe0f \u0e01\u0e23\u0e38\u0e13\u0e32\u0e19\u0e33\u0e25\u0e34\u0e07\u0e01\u0e4c Web App URL \u0e08\u0e32\u0e01 Google Apps Script \u0e21\u0e32\u0e43\u0e2a\u0e48\u0e43\u0e19\u0e42\u0e04\u0e49\u0e14\u0e1a\u0e23\u0e23\u0e17\u0e31\u0e14\u0e17\u0e35\u0e48 256 \u0e01\u0e48\u0e2d\u0e19\u0e04\u0e23\u0e31\u0e1a!\");\n        return;\n    }\n\n    const btn = document.getElementById('btn-save-sheet');\n    btn.disabled = true;\n    btn.innerText = \"\u23f3 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25...\";\n\n    const classSelect = document.getElementById('debtor_class');\n    const debtorClassText = classSelect.options[classSelect.selectedIndex].text;\n\n    const formData = new URLSearchParams({\n        branch: document.getElementById('branch').value,\n        customer_name: document.getElementById('customer_name').value,\n        customer_phone: document.getElementById('customer_phone').value,\n        age: document.getElementById('age').value,\n        loan_round: document.getElementById('loan_round').value,\n        debtor_class_text: debtorClassText,\n        member_months: document.getElementById('member_months').value,\n        current_shares: document.getElementById('current_shares').value,\n        loan_amount: document.getElementById('loan_amount').value,\n        purpose: document.getElementById('purpose').value,\n        duration_months: document.getElementById('duration_months').value,\n        normal_rate: document.getElementById('normal_rate').value,\n        campaign_discount: document.getElementById('campaign_discount').value,\n        collateral_detail: document.getElementById('collateral_detail').value\n    });\n\n    fetch(scriptUrl, {\n        method: \"POST\",\n        body: formData,\n        headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" }\n    })\n    .then(response => response.json())\n    .then(data => {\n        if(data.result === \"success\") {\n            alert(\"\u2705 \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e33\u0e02\u0e2d\u0e40\u0e02\u0e49\u0e32 Google Sheets \u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22!\");\n        } else {\n            alert(\"\u274c \u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14\u0e08\u0e32\u0e01\u0e40\u0e0b\u0e34\u0e23\u0e4c\u0e1f\u0e40\u0e27\u0e2d\u0e23\u0e4c: \" + data.error);\n        }\n    })\n    .catch(error => {\n        console.error(\"Error:\", error);\n        alert(\"\u2705 \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e04\u0e33\u0e02\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22!\");\n    })\n    .finally(() => {\n        btn.disabled = false;\n        btn.innerText = \"\ud83d\udcbe \u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e33\u0e02\u0e2d\u0e44\u0e1b Google Sheet\";\n    });\n}\n\nwindow.onload = runAutoSetup;\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e41\u0e25\u0e30\u0e04\u0e33\u0e19\u0e27\u0e13\u0e2a\u0e34\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d \u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e33\u0e19\u0e27\u0e13\u0e1c\u0e48\u0e2d\u0e19\u0e0a\u0e33\u0e23\u0e30\u0e2a\u0e34\u0e19\u0e40\u0e0a\u0e37\u0e48\u0e2d \u0e1a\u0e31&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-2700","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages\/2700","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=2700"}],"version-history":[{"count":3,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages\/2700\/revisions"}],"predecessor-version":[{"id":2704,"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=\/wp\/v2\/pages\/2700\/revisions\/2704"}],"wp:attachment":[{"href":"https:\/\/www.nurulsavings.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}