\u0e04\u0e33\u0e19\u0e27\u0e13\u0e23\u0e32\u0e04\u0e32\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e1d\u0e32\u0e40\u0e2a\u0e35\u0e22\u0e1a<\/title>\r\n\r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n<\/head>\r\n\r\n<body class=\"bg-light\">\r\n<div class=\"container mt-5\">\r\n\r\n <div class=\"card shadow\">\r\n <div class=\"card-header bg-primary text-white\">\r\n <h4 class=\"mb-0\">\u0e04\u0e33\u0e19\u0e27\u0e13\u0e23\u0e32\u0e04\u0e32\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e1d\u0e32\u0e40\u0e2a\u0e35\u0e22\u0e1a<\/h4>\r\n <\/div>\r\n\r\n <div class=\"card-body\">\r\n\r\n \r\n <h5>\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e48\u0e2d\u0e07 (cm)<\/h5>\r\n <div class=\"row mb-3\">\r\n <div class=\"col\">\r\n <label>\u0e01\u0e27\u0e49\u0e32\u0e07 (W)<\/label>\r\n <input type=\"number\" id=\"width\" class=\"form-control\">\r\n <\/div>\r\n <div class=\"col\">\r\n <label>\u0e2a\u0e39\u0e07 (H)<\/label>\r\n <input type=\"number\" id=\"height\" class=\"form-control\">\r\n <\/div>\r\n <div class=\"col\">\r\n <label>\u0e25\u0e36\u0e01 (D)<\/label>\r\n <input type=\"number\" id=\"depth\" class=\"form-control\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mb-3\">\r\n <label>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e1c\u0e25\u0e34\u0e15 (\u0e43\u0e1a)<\/label>\r\n <input type=\"number\" id=\"qty\" class=\"form-control\">\r\n <\/div>\r\n\r\n \r\n <h5>\u0e07\u0e32\u0e19\u0e1e\u0e34\u0e21\u0e1e\u0e4c<\/h5>\r\n <div class=\"row mb-3\">\r\n <div class=\"col\">\r\n <label>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e2a\u0e35<\/label>\r\n <select id=\"color\" class=\"form-select\">\r\n <option value=\"1_color\">1 \u0e2a\u0e35<\/option>\r\n <option value=\"4_color\">4 \u0e2a\u0e35<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"col\">\r\n <label>\u0e08\u0e33\u0e19\u0e27\u0e19\u0e2b\u0e19\u0e49\u0e32<\/label>\r\n <select id=\"print_side\" class=\"form-select\">\r\n <option value=\"1\">\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e14\u0e35\u0e22\u0e27<\/option>\r\n <option value=\"2\">\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e2a\u0e2d\u0e07\u0e2b\u0e19\u0e49\u0e32<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"d-grid\">\r\n <button class=\"btn btn-success btn-lg\" onclick=\"calculatePrice()\">\r\n \u0e04\u0e33\u0e19\u0e27\u0e13\u0e23\u0e32\u0e04\u0e32\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-4 alert alert-info d-none\" id=\"resultBox\">\r\n <h5>\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e04\u0e33\u0e19\u0e27\u0e13<\/h5>\r\n <p>\u0e23\u0e32\u0e04\u0e32\u0e15\u0e48\u0e2d\u0e43\u0e1a: <strong id=\"pricePerUnit\"><\/strong> \u0e1a\u0e32\u0e17<\/p>\r\n <p>\u0e23\u0e32\u0e04\u0e32\u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14: <strong id=\"priceTotal\"><\/strong> \u0e1a\u0e32\u0e17<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction calculatePrice() {\r\n\r\n const data = {\r\n width: Number(document.getElementById(\"width\").value),\r\n height: Number(document.getElementById(\"height\").value),\r\n depth: Number(document.getElementById(\"depth\").value),\r\n qty: Number(document.getElementById(\"qty\").value),\r\n color: document.getElementById(\"color\").value,\r\n print_side: Number(document.getElementById(\"print_side\").value)\r\n };\r\n\r\n fetch(\"\/calculate\", {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application\/json\"\r\n },\r\n body: JSON.stringify(data)\r\n })\r\n .then(res => res.json())\r\n .then(result => {\r\n document.getElementById(\"pricePerUnit\").innerText = result.price_per_unit.toLocaleString();\r\n document.getElementById(\"priceTotal\").innerText = result.price_total.toLocaleString();\r\n document.getElementById(\"resultBox\").classList.remove(\"d-none\");\r\n });\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Calculator \u0e04\u0e33\u0e19\u0e27\u0e13\u0e23\u0e32\u0e04\u0e32 \u0e04\u0e33\u0e19\u0e27\u0e13\u0e23\u0e32\u0e04\u0e32\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e1d\u0e32\u0e40\u0e2a\u0e35\u0e22\u0e1a \u0e04\u0e33\u0e19\u0e27\u0e13\u0e23\u0e32\u0e04\u0e32\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e1d\u0e32\u0e40\u0e2a\u0e35\u0e22\u0e1a \u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e48\u0e2d\u0e07 (cm) \u0e01\u0e27\u0e49\u0e32\u0e07 (W) \u0e2a\u0e39\u0e07 (H) \u0e25\u0e36\u0e01 (D) \u0e08\u0e33\u0e19\u0e27\u0e19\u0e1c\u0e25\u0e34\u0e15 (\u0e43\u0e1a) \u0e07\u0e32\u0e19\u0e1e\u0e34\u0e21\u0e1e\u0e4c \u0e08\u0e33\u0e19\u0e27\u0e19\u0e2a\u0e35 1 \u0e2a\u0e354 \u0e2a\u0e35 \u0e08\u0e33\u0e19\u0e27\u0e19\u0e2b\u0e19\u0e49\u0e32 \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e14\u0e35\u0e22\u0e27\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e2a\u0e2d\u0e07\u0e2b\u0e19\u0e49\u0e32 \u0e04\u0e33\u0e19\u0e27\u0e13\u0e23\u0e32\u0e04\u0e32 \u0e1c\u0e25\u0e01\u0e32\u0e23\u0e04\u0e33\u0e19\u0e27\u0e13 \u0e23\u0e32\u0e04\u0e32\u0e15\u0e48\u0e2d\u0e43\u0e1a: \u0e1a\u0e32\u0e17 \u0e23\u0e32\u0e04\u0e32\u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14: \u0e1a\u0e32\u0e17<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1970","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/thaibestroyal.com\/index.php?rest_route=\/wp\/v2\/pages\/1970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thaibestroyal.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thaibestroyal.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thaibestroyal.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thaibestroyal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1970"}],"version-history":[{"count":20,"href":"https:\/\/thaibestroyal.com\/index.php?rest_route=\/wp\/v2\/pages\/1970\/revisions"}],"predecessor-version":[{"id":1993,"href":"https:\/\/thaibestroyal.com\/index.php?rest_route=\/wp\/v2\/pages\/1970\/revisions\/1993"}],"wp:attachment":[{"href":"https:\/\/thaibestroyal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}