\u0e2a\u0e31\u0e48\u0e07\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Kanit', sans-serif;\n }\n .sub-item {\n border-top: 1px dashed #d1d5db;\n animation: slideDown 0.3s ease-out;\n }\n @keyframes slideDown {\n from { opacity: 0; transform: translateY(-10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .radio-label {\n border: 2px solid #e5e7eb;\n padding: 0.75rem 1rem;\n border-radius: 0.5rem;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n }\n .radio-label:has(input:checked) {\n background-color: #3b82f6;\n color: white;\n border-color: #3b82f6;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100\">\n\n <div class=\"container mx-auto max-w-lg p-4\">\n <div class=\"bg-white rounded-2xl shadow-lg p-6\">\n <div class=\"text-center mb-6\">\n <h1 class=\"text-3xl font-bold text-gray-800\">\u0e23\u0e49\u0e32\u0e19\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27\u0e25\u0e38\u0e07\u0e43\u0e08\u0e14\u0e35<\/h1>\n <p class=\"text-gray-500\">\u0e2a\u0e31\u0e48\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22!<\/p>\n <\/div>\n\n <form id=\"orderForm\">\n <div class=\"mb-4\">\n <label class=\"block text-gray-700 text-sm font-bold mb-2\">\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07<\/label>\n <div class=\"flex gap-4\">\n <label class=\"radio-label flex-1 text-center\">\n <input type=\"radio\" name=\"orderType\" value=\"\u0e17\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e49\u0e32\u0e19\" class=\"sr-only\" checked>\n <span>\u0e17\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e49\u0e32\u0e19<\/span>\n <\/label>\n <label class=\"radio-label flex-1 text-center\">\n <input type=\"radio\" name=\"orderType\" value=\"\u0e01\u0e25\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19\" class=\"sr-only\">\n <span>\u0e01\u0e25\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\">\n <div>\n <label for=\"customerName\" class=\"block text-gray-700 text-sm font-bold mb-2\">\u0e0a\u0e37\u0e48\u0e2d \/ \u0e42\u0e15\u0e4a\u0e30:<\/label>\n <input type=\"text\" id=\"customerName\" name=\"customerName\" class=\"shadow appearance-none border rounded-lg w-full py-3 px-4 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-blue-500\" required placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e42\u0e15\u0e4a\u0e30 5\">\n <\/div>\n <div>\n <label for=\"phoneNumber\" class=\"block text-gray-700 text-sm font-bold mb-2\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d (\u0e16\u0e49\u0e32\u0e21\u0e35):<\/label>\n <input type=\"tel\" id=\"phoneNumber\" name=\"phoneNumber\" class=\"shadow appearance-none border rounded-lg w-full py-3 px-4 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-blue-500\" placeholder=\"\u0e40\u0e0a\u0e48\u0e19 0812345678\">\n <\/div>\n <\/div>\n\n <div class=\"mb-6\">\n <h2 class=\"text-xl font-semibold mb-3 text-gray-700\">\u0e40\u0e21\u0e19\u0e39<\/h2>\n <div id=\"menu-container\" class=\"space-y-4\">\n \n <\/div>\n <\/div>\n \n <div class=\"mb-6\">\n <label for=\"notes\" class=\"block text-gray-700 text-sm font-bold mb-2\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38\u0e23\u0e27\u0e21:<\/label>\n <textarea id=\"notes\" name=\"notes\" rows=\"3\" class=\"shadow appearance-none border rounded-lg w-full py-3 px-4 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-blue-500\" placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e02\u0e2d\u0e0a\u0e49\u0e2d\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21, \u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\u0e1c\u0e31\u0e01\u0e0a\u0e35\u0e17\u0e38\u0e01\u0e0a\u0e32\u0e21\"><\/textarea>\n <\/div>\n\n <div class=\"text-center\">\n <button type=\"submit\" id=\"submitButton\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full w-full transition duration-300 ease-in-out transform hover:scale-105\">\n <span id=\"buttonText\">\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e40\u0e14\u0e2d\u0e23\u0e4c<\/span>\n <span id=\"buttonSpinner\" class=\"hidden\">…<\/span>\n <\/button>\n <\/div>\n <\/form>\n \n <div id=\"messageBox\" class=\"mt-6 p-4 rounded-lg text-center hidden\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n const SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbw4oF8c90VpJQIt571PinKDJQRmsRz11s7xopn6mn_fcSXRXLzg427rCADeiz4B1i7kJA\/exec\"; \n\n const menuConfig = [\n { \n id: \"noodle_pork\",\n name: \"\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27\u0e2b\u0e21\u0e39\u0e19\u0e49\u0e33\u0e15\u0e01\", \n options: {\n \"\u0e02\u0e19\u0e32\u0e14\": { default: \"\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32\", values: [\"\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32\", \"\u0e1e\u0e34\u0e40\u0e28\u0e29\"] },\n \"\u0e40\u0e2a\u0e49\u0e19\": { default: \"\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e25\u0e47\u0e01\", values: [\"\u0e1a\u0e30\u0e2b\u0e21\u0e35\u0e48\", \"\u0e2b\u0e21\u0e35\u0e48\u0e02\u0e32\u0e27\", \"\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e25\u0e47\u0e01\", \"\u0e40\u0e2a\u0e49\u0e19\u0e43\u0e2b\u0e0d\u0e48\", \"\u0e27\u0e38\u0e49\u0e19\u0e40\u0e2a\u0e49\u0e19\", \"\u0e21\u0e32\u0e21\u0e48\u0e32\"] },\n \"\u0e1c\u0e31\u0e01\u0e1a\u0e38\u0e49\u0e07\": { default: \"\u0e43\u0e2a\u0e48\", values: [\"\u0e43\u0e2a\u0e48\", \"\u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\"] },\n \"\u0e16\u0e31\u0e48\u0e27\u0e07\u0e2d\u0e01\": { default: \"\u0e43\u0e2a\u0e48\", values: [\"\u0e43\u0e2a\u0e48\", \"\u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\"] }\n }\n },\n { \n id: \"noodle_beef\",\n name: \"\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e15\u0e38\u0e4b\u0e19\", \n options: {\n \"\u0e02\u0e19\u0e32\u0e14\": { default: \"\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32\", values: [\"\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32\", \"\u0e1e\u0e34\u0e40\u0e28\u0e29\"] },\n \"\u0e40\u0e2a\u0e49\u0e19\": { default: \"\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e25\u0e47\u0e01\", values: [\"\u0e1a\u0e30\u0e2b\u0e21\u0e35\u0e48\", \"\u0e2b\u0e21\u0e35\u0e48\u0e02\u0e32\u0e27\", \"\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e25\u0e47\u0e01\", \"\u0e40\u0e2a\u0e49\u0e19\u0e43\u0e2b\u0e0d\u0e48\", \"\u0e27\u0e38\u0e49\u0e19\u0e40\u0e2a\u0e49\u0e19\"] },\n \"\u0e1c\u0e31\u0e01\u0e1a\u0e38\u0e49\u0e07\": { default: \"\u0e43\u0e2a\u0e48\", values: [\"\u0e43\u0e2a\u0e48\", \"\u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\"] },\n \"\u0e16\u0e31\u0e48\u0e27\u0e07\u0e2d\u0e01\": { default: \"\u0e43\u0e2a\u0e48\", values: [\"\u0e43\u0e2a\u0e48\", \"\u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\"] }\n }\n },\n ];\n\n const menuContainer = document.getElementById('menu-container');\n\n function createSubItemDOM(item, index) {\n const subItemDiv = document.createElement('div');\n subItemDiv.className = 'sub-item p-3 mt-3';\n subItemDiv.dataset.index = index;\n\n let optionsHtml = `<h4 class=\"font-semibold text-gray-700 mb-2\">\u0e0a\u0e32\u0e21\u0e17\u0e35\u0e48 ${index}<\/h4><div class=\"grid grid-cols-2 gap-3\">`;\n for (const [key, value] of Object.entries(item.options)) {\n const selectId = `${item.id}_${key}_${index}`;\n let optionTags = value.values.map(v => `<option value=\"${v}\" ${v === value.default ? 'selected' : ''}>${v}<\/option>`).join('');\n optionsHtml += `\n <div>\n <label for=\"${selectId}\" class=\"text-sm text-gray-600\">${key}<\/label>\n <select id=\"${selectId}\" name=\"${selectId}\" class=\"w-full mt-1 p-2 border border-gray-300 rounded-md bg-white\">\n ${optionTags}\n <\/select>\n <\/div>\n `;\n }\n optionsHtml += '<\/div>';\n optionsHtml += `\n <div class=\"mt-3\">\n <label for=\"${item.id}_notes_${index}\" class=\"text-sm text-gray-600\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38 (\u0e0a\u0e32\u0e21\u0e19\u0e35\u0e49):<\/label>\n <input type=\"text\" id=\"${item.id}_notes_${index}\" name=\"${item.id}_notes_${index}\" class=\"w-full mt-1 p-2 border border-gray-300 rounded-md\" placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\u0e01\u0e23\u0e30\u0e40\u0e17\u0e35\u0e22\u0e21\u0e40\u0e08\u0e35\u0e22\u0e27\">\n <\/div>\n `;\n subItemDiv.innerHTML = optionsHtml;\n return subItemDiv;\n }\n\n menuConfig.forEach(item => {\n const card = document.createElement('div');\n card.className = 'menu-card p-4 rounded-lg border border-gray-200';\n card.id = `menu-${item.id}`;\n card.innerHTML = `\n <div class=\"flex items-center justify-between\">\n <h3 class=\"text-lg font-semibold text-gray-800\">${item.name}<\/h3>\n <div class=\"flex items-center space-x-2\">\n <button type=\"button\" class=\"quantity-btn bg-gray-200 text-gray-700 rounded-full w-8 h-8 font-bold\" data-id=\"${item.id}\" data-action=\"decrease\">-<\/button>\n <input type=\"number\" name=\"quantity_${item.id}\" value=\"0\" min=\"0\" class=\"w-12 text-center border-gray-300 rounded-md\" readonly>\n <button type=\"button\" class=\"quantity-btn bg-gray-200 text-gray-700 rounded-full w-8 h-8 font-bold\" data-id=\"${item.id}\" data-action=\"increase\">+<\/button>\n <\/div>\n <\/div>\n <div id=\"sub-items-container-${item.id}\" class=\"mt-2\"><\/div>\n `;\n menuContainer.appendChild(card);\n });\n\n menuContainer.addEventListener('click', (e) => {\n if (e.target.classList.contains('quantity-btn')) {\n const id = e.target.dataset.id;\n const action = e.target.dataset.action;\n const input = menuContainer.querySelector(`input[name=\"quantity_${id}\"]`);\n const subItemsContainer = document.getElementById(`sub-items-container-${id}`);\n const menuItem = menuConfig.find(m => m.id === id);\n let currentValue = parseInt(input.value);\n\n if (action === 'increase') {\n currentValue++;\n const newSubItem = createSubItemDOM(menuItem, currentValue);\n subItemsContainer.appendChild(newSubItem);\n } else if (action === 'decrease' && currentValue > 0) {\n if (subItemsContainer.lastChild) {\n subItemsContainer.removeChild(subItemsContainer.lastChild);\n }\n currentValue--;\n }\n input.value = currentValue;\n }\n });\n \n const form = document.getElementById('orderForm');\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n const submitButton = document.getElementById('submitButton');\n const buttonText = document.getElementById('buttonText');\n const buttonSpinner = document.getElementById('buttonSpinner');\n const messageBox = document.getElementById('messageBox');\n\n function setLoading(isLoading) {\n submitButton.disabled = isLoading;\n buttonText.classList.toggle('hidden', isLoading);\n buttonSpinner.classList.toggle('hidden', !isLoading);\n }\n\n function showMessage(message, type) {\n messageBox.textContent = message;\n messageBox.className = `mt-6 p-4 rounded-lg text-center ${type === 'success' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'}`;\n messageBox.classList.remove('hidden');\n setTimeout(() => messageBox.classList.add('hidden'), 5000);\n }\n\n setLoading(true);\n const formData = new FormData(form);\n const customerName = formData.get('customerName');\n const phoneNumber = formData.get('phoneNumber');\n const notes = formData.get('notes');\n const orderType = formData.get('orderType');\n \n const combinedCustomerName = `${customerName} (${orderType})`;\n\n let orderDetails = [];\n let totalQuantity = 0;\n \n menuConfig.forEach(item => {\n const quantity = parseInt(formData.get(`quantity_${item.id}`));\n if (quantity > 0) {\n totalQuantity += quantity;\n for (let i = 1; i <= quantity; i++) {\n let detailParts = [];\n \/\/ **FIXED LOGIC: Always include all options**\n for (const [key, value] of Object.entries(item.options)) {\n const selectedValue = formData.get(`${item.id}_${key}_${i}`);\n \/\/ Always add the key and value for clarity\n detailParts.push(`${key}: ${selectedValue}`);\n }\n let detailString = ` (${detailParts.join(', ')})`;\n \n const itemNote = formData.get(`${item.id}_notes_${i}`);\n if (itemNote) {\n detailString += ` [${itemNote}]`;\n }\n \n orderDetails.push(`${item.name}${detailString}`);\n }\n }\n });\n\n if (totalQuantity === 0) {\n showMessage('\u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e49\u0e2d\u0e22 1 \u0e2d\u0e22\u0e48\u0e32\u0e07', 'error');\n setLoading(false);\n return;\n }\n\n const orderData = {\n customerName: combinedCustomerName,\n phoneNumber: phoneNumber,\n order: orderDetails.join('; '),\n notes: notes,\n };\n \n fetch(SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors',\n body: JSON.stringify(orderData)\n })\n .then(res => {\n showMessage('\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27!', 'success');\n form.reset();\n menuContainer.querySelectorAll('input[type=\"number\"]').forEach(input => input.value = '0');\n menuContainer.querySelectorAll('[id^=\"sub-items-container-\"]').forEach(div => div.innerHTML = '');\n })\n .catch(error => {\n console.error('Error:', error);\n showMessage('\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14! \u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e44\u0e14\u0e49', 'error');\n })\n .finally(() => {\n setLoading(false);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0e2a\u0e31\u0e48\u0e07\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27 \u0e23\u0e49\u0e32\u0e19\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27\u0e25\u0e38\u0e07\u0e43\u0e08\u0e14\u0e35 \u0e2a\u0e31\u0e48\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22! \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07 \u0e17\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e49\u0e32\u0e19 \u0e01\u0e25\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19 \u0e0a\u0e37\u0e48\u0e2d \/ \u0e42\u0e15\u0e4a\u0e30: \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d (\u0e16\u0e49\u0e32\u0e21\u0e35): \u0e40\u0e21\u0e19\u0e39 \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38\u0e23\u0e27\u0e21: \u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e40\u0e14\u0e2d\u0e23\u0e4c …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/tsp.san-web.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\u0e2a\u0e31\u0e48\u0e07\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27 \u0e23\u0e49\u0e32\u0e19\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27\u0e25\u0e38\u0e07\u0e43\u0e08\u0e14\u0e35 \u0e2a\u0e31\u0e48\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22! \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07 \u0e17\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e49\u0e32\u0e19 \u0e01\u0e25\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19 \u0e0a\u0e37\u0e48\u0e2d \/ \u0e42\u0e15\u0e4a\u0e30: \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d (\u0e16\u0e49\u0e32\u0e21\u0e35): \u0e40\u0e21\u0e19\u0e39 \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38\u0e23\u0e27\u0e21: \u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e40\u0e14\u0e2d\u0e23\u0e4c …","_links":{"self":[{"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41"}],"version-history":[{"count":4,"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":41,"date":"2025-08-17T16:36:37","date_gmt":"2025-08-17T16:36:37","guid":{"rendered":"https:\/\/tsp.san-web.com\/?page_id=41"},"modified":"2025-08-17T17:18:04","modified_gmt":"2025-08-17T17:18:04","slug":"customer","status":"publish","type":"page","link":"https:\/\/tsp.san-web.com\/?page_id=41","title":{"rendered":"Customer"},"content":{"rendered":"\n\n\n\n \n \n \u0e2a\u0e31\u0e48\u0e07\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Kanit', sans-serif;\n }\n .sub-item {\n border-top: 1px dashed #d1d5db;\n animation: slideDown 0.3s ease-out;\n }\n @keyframes slideDown {\n from { opacity: 0; transform: translateY(-10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .radio-label {\n border: 2px solid #e5e7eb;\n padding: 0.75rem 1rem;\n border-radius: 0.5rem;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n }\n .radio-label:has(input:checked) {\n background-color: #3b82f6;\n color: white;\n border-color: #3b82f6;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100\">\n\n <div class=\"container mx-auto max-w-lg p-4\">\n <div class=\"bg-white rounded-2xl shadow-lg p-6\">\n <div class=\"text-center mb-6\">\n <h1 class=\"text-3xl font-bold text-gray-800\">\u0e23\u0e49\u0e32\u0e19\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27\u0e25\u0e38\u0e07\u0e43\u0e08\u0e14\u0e35<\/h1>\n <p class=\"text-gray-500\">\u0e2a\u0e31\u0e48\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22!<\/p>\n <\/div>\n\n <form id=\"orderForm\">\n <div class=\"mb-4\">\n <label class=\"block text-gray-700 text-sm font-bold mb-2\">\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07<\/label>\n <div class=\"flex gap-4\">\n <label class=\"radio-label flex-1 text-center\">\n <input type=\"radio\" name=\"orderType\" value=\"\u0e17\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e49\u0e32\u0e19\" class=\"sr-only\" checked>\n <span>\u0e17\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e49\u0e32\u0e19<\/span>\n <\/label>\n <label class=\"radio-label flex-1 text-center\">\n <input type=\"radio\" name=\"orderType\" value=\"\u0e01\u0e25\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19\" class=\"sr-only\">\n <span>\u0e01\u0e25\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4\">\n <div>\n <label for=\"customerName\" class=\"block text-gray-700 text-sm font-bold mb-2\">\u0e0a\u0e37\u0e48\u0e2d \/ \u0e42\u0e15\u0e4a\u0e30:<\/label>\n <input type=\"text\" id=\"customerName\" name=\"customerName\" class=\"shadow appearance-none border rounded-lg w-full py-3 px-4 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-blue-500\" required placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e42\u0e15\u0e4a\u0e30 5\">\n <\/div>\n <div>\n <label for=\"phoneNumber\" class=\"block text-gray-700 text-sm font-bold mb-2\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d (\u0e16\u0e49\u0e32\u0e21\u0e35):<\/label>\n <input type=\"tel\" id=\"phoneNumber\" name=\"phoneNumber\" class=\"shadow appearance-none border rounded-lg w-full py-3 px-4 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-blue-500\" placeholder=\"\u0e40\u0e0a\u0e48\u0e19 0812345678\">\n <\/div>\n <\/div>\n\n <div class=\"mb-6\">\n <h2 class=\"text-xl font-semibold mb-3 text-gray-700\">\u0e40\u0e21\u0e19\u0e39<\/h2>\n <div id=\"menu-container\" class=\"space-y-4\">\n \n <\/div>\n <\/div>\n \n <div class=\"mb-6\">\n <label for=\"notes\" class=\"block text-gray-700 text-sm font-bold mb-2\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38\u0e23\u0e27\u0e21:<\/label>\n <textarea id=\"notes\" name=\"notes\" rows=\"3\" class=\"shadow appearance-none border rounded-lg w-full py-3 px-4 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-blue-500\" placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e02\u0e2d\u0e0a\u0e49\u0e2d\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21, \u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\u0e1c\u0e31\u0e01\u0e0a\u0e35\u0e17\u0e38\u0e01\u0e0a\u0e32\u0e21\"><\/textarea>\n <\/div>\n\n <div class=\"text-center\">\n <button type=\"submit\" id=\"submitButton\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full w-full transition duration-300 ease-in-out transform hover:scale-105\">\n <span id=\"buttonText\">\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e40\u0e14\u0e2d\u0e23\u0e4c<\/span>\n <span id=\"buttonSpinner\" class=\"hidden\">…<\/span>\n <\/button>\n <\/div>\n <\/form>\n \n <div id=\"messageBox\" class=\"mt-6 p-4 rounded-lg text-center hidden\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n const SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbw4oF8c90VpJQIt571PinKDJQRmsRz11s7xopn6mn_fcSXRXLzg427rCADeiz4B1i7kJA\/exec\"; \n\n const menuConfig = [\n { \n id: \"noodle_pork\",\n name: \"\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27\u0e2b\u0e21\u0e39\u0e19\u0e49\u0e33\u0e15\u0e01\", \n options: {\n \"\u0e02\u0e19\u0e32\u0e14\": { default: \"\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32\", values: [\"\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32\", \"\u0e1e\u0e34\u0e40\u0e28\u0e29\"] },\n \"\u0e40\u0e2a\u0e49\u0e19\": { default: \"\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e25\u0e47\u0e01\", values: [\"\u0e1a\u0e30\u0e2b\u0e21\u0e35\u0e48\", \"\u0e2b\u0e21\u0e35\u0e48\u0e02\u0e32\u0e27\", \"\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e25\u0e47\u0e01\", \"\u0e40\u0e2a\u0e49\u0e19\u0e43\u0e2b\u0e0d\u0e48\", \"\u0e27\u0e38\u0e49\u0e19\u0e40\u0e2a\u0e49\u0e19\", \"\u0e21\u0e32\u0e21\u0e48\u0e32\"] },\n \"\u0e1c\u0e31\u0e01\u0e1a\u0e38\u0e49\u0e07\": { default: \"\u0e43\u0e2a\u0e48\", values: [\"\u0e43\u0e2a\u0e48\", \"\u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\"] },\n \"\u0e16\u0e31\u0e48\u0e27\u0e07\u0e2d\u0e01\": { default: \"\u0e43\u0e2a\u0e48\", values: [\"\u0e43\u0e2a\u0e48\", \"\u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\"] }\n }\n },\n { \n id: \"noodle_beef\",\n name: \"\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e15\u0e38\u0e4b\u0e19\", \n options: {\n \"\u0e02\u0e19\u0e32\u0e14\": { default: \"\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32\", values: [\"\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32\", \"\u0e1e\u0e34\u0e40\u0e28\u0e29\"] },\n \"\u0e40\u0e2a\u0e49\u0e19\": { default: \"\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e25\u0e47\u0e01\", values: [\"\u0e1a\u0e30\u0e2b\u0e21\u0e35\u0e48\", \"\u0e2b\u0e21\u0e35\u0e48\u0e02\u0e32\u0e27\", \"\u0e40\u0e2a\u0e49\u0e19\u0e40\u0e25\u0e47\u0e01\", \"\u0e40\u0e2a\u0e49\u0e19\u0e43\u0e2b\u0e0d\u0e48\", \"\u0e27\u0e38\u0e49\u0e19\u0e40\u0e2a\u0e49\u0e19\"] },\n \"\u0e1c\u0e31\u0e01\u0e1a\u0e38\u0e49\u0e07\": { default: \"\u0e43\u0e2a\u0e48\", values: [\"\u0e43\u0e2a\u0e48\", \"\u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\"] },\n \"\u0e16\u0e31\u0e48\u0e27\u0e07\u0e2d\u0e01\": { default: \"\u0e43\u0e2a\u0e48\", values: [\"\u0e43\u0e2a\u0e48\", \"\u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\"] }\n }\n },\n ];\n\n const menuContainer = document.getElementById('menu-container');\n\n function createSubItemDOM(item, index) {\n const subItemDiv = document.createElement('div');\n subItemDiv.className = 'sub-item p-3 mt-3';\n subItemDiv.dataset.index = index;\n\n let optionsHtml = `<h4 class=\"font-semibold text-gray-700 mb-2\">\u0e0a\u0e32\u0e21\u0e17\u0e35\u0e48 ${index}<\/h4><div class=\"grid grid-cols-2 gap-3\">`;\n for (const [key, value] of Object.entries(item.options)) {\n const selectId = `${item.id}_${key}_${index}`;\n let optionTags = value.values.map(v => `<option value=\"${v}\" ${v === value.default ? 'selected' : ''}>${v}<\/option>`).join('');\n optionsHtml += `\n <div>\n <label for=\"${selectId}\" class=\"text-sm text-gray-600\">${key}<\/label>\n <select id=\"${selectId}\" name=\"${selectId}\" class=\"w-full mt-1 p-2 border border-gray-300 rounded-md bg-white\">\n ${optionTags}\n <\/select>\n <\/div>\n `;\n }\n optionsHtml += '<\/div>';\n optionsHtml += `\n <div class=\"mt-3\">\n <label for=\"${item.id}_notes_${index}\" class=\"text-sm text-gray-600\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38 (\u0e0a\u0e32\u0e21\u0e19\u0e35\u0e49):<\/label>\n <input type=\"text\" id=\"${item.id}_notes_${index}\" name=\"${item.id}_notes_${index}\" class=\"w-full mt-1 p-2 border border-gray-300 rounded-md\" placeholder=\"\u0e40\u0e0a\u0e48\u0e19 \u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48\u0e01\u0e23\u0e30\u0e40\u0e17\u0e35\u0e22\u0e21\u0e40\u0e08\u0e35\u0e22\u0e27\">\n <\/div>\n `;\n subItemDiv.innerHTML = optionsHtml;\n return subItemDiv;\n }\n\n menuConfig.forEach(item => {\n const card = document.createElement('div');\n card.className = 'menu-card p-4 rounded-lg border border-gray-200';\n card.id = `menu-${item.id}`;\n card.innerHTML = `\n <div class=\"flex items-center justify-between\">\n <h3 class=\"text-lg font-semibold text-gray-800\">${item.name}<\/h3>\n <div class=\"flex items-center space-x-2\">\n <button type=\"button\" class=\"quantity-btn bg-gray-200 text-gray-700 rounded-full w-8 h-8 font-bold\" data-id=\"${item.id}\" data-action=\"decrease\">-<\/button>\n <input type=\"number\" name=\"quantity_${item.id}\" value=\"0\" min=\"0\" class=\"w-12 text-center border-gray-300 rounded-md\" readonly>\n <button type=\"button\" class=\"quantity-btn bg-gray-200 text-gray-700 rounded-full w-8 h-8 font-bold\" data-id=\"${item.id}\" data-action=\"increase\">+<\/button>\n <\/div>\n <\/div>\n <div id=\"sub-items-container-${item.id}\" class=\"mt-2\"><\/div>\n `;\n menuContainer.appendChild(card);\n });\n\n menuContainer.addEventListener('click', (e) => {\n if (e.target.classList.contains('quantity-btn')) {\n const id = e.target.dataset.id;\n const action = e.target.dataset.action;\n const input = menuContainer.querySelector(`input[name=\"quantity_${id}\"]`);\n const subItemsContainer = document.getElementById(`sub-items-container-${id}`);\n const menuItem = menuConfig.find(m => m.id === id);\n let currentValue = parseInt(input.value);\n\n if (action === 'increase') {\n currentValue++;\n const newSubItem = createSubItemDOM(menuItem, currentValue);\n subItemsContainer.appendChild(newSubItem);\n } else if (action === 'decrease' && currentValue > 0) {\n if (subItemsContainer.lastChild) {\n subItemsContainer.removeChild(subItemsContainer.lastChild);\n }\n currentValue--;\n }\n input.value = currentValue;\n }\n });\n \n const form = document.getElementById('orderForm');\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n const submitButton = document.getElementById('submitButton');\n const buttonText = document.getElementById('buttonText');\n const buttonSpinner = document.getElementById('buttonSpinner');\n const messageBox = document.getElementById('messageBox');\n\n function setLoading(isLoading) {\n submitButton.disabled = isLoading;\n buttonText.classList.toggle('hidden', isLoading);\n buttonSpinner.classList.toggle('hidden', !isLoading);\n }\n\n function showMessage(message, type) {\n messageBox.textContent = message;\n messageBox.className = `mt-6 p-4 rounded-lg text-center ${type === 'success' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'}`;\n messageBox.classList.remove('hidden');\n setTimeout(() => messageBox.classList.add('hidden'), 5000);\n }\n\n setLoading(true);\n const formData = new FormData(form);\n const customerName = formData.get('customerName');\n const phoneNumber = formData.get('phoneNumber');\n const notes = formData.get('notes');\n const orderType = formData.get('orderType');\n \n const combinedCustomerName = `${customerName} (${orderType})`;\n\n let orderDetails = [];\n let totalQuantity = 0;\n \n menuConfig.forEach(item => {\n const quantity = parseInt(formData.get(`quantity_${item.id}`));\n if (quantity > 0) {\n totalQuantity += quantity;\n for (let i = 1; i <= quantity; i++) {\n let detailParts = [];\n \/\/ **FIXED LOGIC: Always include all options**\n for (const [key, value] of Object.entries(item.options)) {\n const selectedValue = formData.get(`${item.id}_${key}_${i}`);\n \/\/ Always add the key and value for clarity\n detailParts.push(`${key}: ${selectedValue}`);\n }\n let detailString = ` (${detailParts.join(', ')})`;\n \n const itemNote = formData.get(`${item.id}_notes_${i}`);\n if (itemNote) {\n detailString += ` [${itemNote}]`;\n }\n \n orderDetails.push(`${item.name}${detailString}`);\n }\n }\n });\n\n if (totalQuantity === 0) {\n showMessage('\u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e49\u0e2d\u0e22 1 \u0e2d\u0e22\u0e48\u0e32\u0e07', 'error');\n setLoading(false);\n return;\n }\n\n const orderData = {\n customerName: combinedCustomerName,\n phoneNumber: phoneNumber,\n order: orderDetails.join('; '),\n notes: notes,\n };\n \n fetch(SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors',\n body: JSON.stringify(orderData)\n })\n .then(res => {\n showMessage('\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27!', 'success');\n form.reset();\n menuContainer.querySelectorAll('input[type=\"number\"]').forEach(input => input.value = '0');\n menuContainer.querySelectorAll('[id^=\"sub-items-container-\"]').forEach(div => div.innerHTML = '');\n })\n .catch(error => {\n console.error('Error:', error);\n showMessage('\u0e40\u0e01\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14! \u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e44\u0e14\u0e49', 'error');\n })\n .finally(() => {\n setLoading(false);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0e2a\u0e31\u0e48\u0e07\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27 \u0e23\u0e49\u0e32\u0e19\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27\u0e25\u0e38\u0e07\u0e43\u0e08\u0e14\u0e35 \u0e2a\u0e31\u0e48\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22! \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07 \u0e17\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e49\u0e32\u0e19 \u0e01\u0e25\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19 \u0e0a\u0e37\u0e48\u0e2d \/ \u0e42\u0e15\u0e4a\u0e30: \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d (\u0e16\u0e49\u0e32\u0e21\u0e35): \u0e40\u0e21\u0e19\u0e39 \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38\u0e23\u0e27\u0e21: \u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e40\u0e14\u0e2d\u0e23\u0e4c …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/tsp.san-web.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\u0e2a\u0e31\u0e48\u0e07\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27 \u0e23\u0e49\u0e32\u0e19\u0e01\u0e4b\u0e27\u0e22\u0e40\u0e15\u0e35\u0e4b\u0e22\u0e27\u0e25\u0e38\u0e07\u0e43\u0e08\u0e14\u0e35 \u0e2a\u0e31\u0e48\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22! \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07 \u0e17\u0e32\u0e19\u0e17\u0e35\u0e48\u0e23\u0e49\u0e32\u0e19 \u0e01\u0e25\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19 \u0e0a\u0e37\u0e48\u0e2d \/ \u0e42\u0e15\u0e4a\u0e30: \u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d (\u0e16\u0e49\u0e32\u0e21\u0e35): \u0e40\u0e21\u0e19\u0e39 \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38\u0e23\u0e27\u0e21: \u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e40\u0e14\u0e2d\u0e23\u0e4c …","_links":{"self":[{"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41"}],"version-history":[{"count":4,"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/tsp.san-web.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}