{"id":173,"date":"2025-04-29T13:49:09","date_gmt":"2025-04-29T13:49:09","guid":{"rendered":"https:\/\/zempirex.com\/?page_id=173"},"modified":"2025-05-20T13:18:34","modified_gmt":"2025-05-20T13:18:34","slug":"quotation-form","status":"publish","type":"page","link":"https:\/\/zempirex.com\/ms\/quotation-form\/","title":{"rendered":"Quotation Form"},"content":{"rendered":"<section class=\"bde-section-173-116 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-173-117 bde-heading\">\nQuotation\n<\/h1><\/div>\n<\/section><section class=\"bde-section-173-103 bde-section\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<div class=\"section-container\"><div class=\"bde-columns-173-109 bde-columns\"><div class=\"bde-column-173-110 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-173-111 bde-heading\">\nFill your info below.\n<\/h2><div class=\"bde-text-173-112 bde-text\">\nFill in the form below with details about your device issue, and we'll get back to you with the best price quote\u2014fast!\n<\/div><div class=\"bde-form-builder-173-113 bde-form-builder\">\n\n\n<form id=\"contact-form113\" class=\"breakdance-form breakdance-form--vertical\" data-options=\"{&quot;slug&quot;:&quot;custom&quot;,&quot;name&quot;:&quot;Contact Form&quot;,&quot;ajaxUrl&quot;:&quot;https:\\\/\\\/zempirex.com\\\/wp-admin\\\/admin-ajax.php&quot;,&quot;clearOnSuccess&quot;:true,&quot;hideOnSuccess&quot;:false,&quot;successMessage&quot;:&quot;Your message has been received!&quot;,&quot;errorMessage&quot;:&quot;Something went wrong&quot;,&quot;redirect&quot;:true,&quot;redirectUrl&quot;:&quot;&quot;,&quot;customJavaScript&quot;:{&quot;js_on_success&quot;:&quot;const nama = document.getElementById(\\&quot;nama\\&quot;).value;\\nconst whatsapp = document.getElementById(\\&quot;whatsapp\\&quot;).value;\\nconst message = document.getElementById(\\&quot;message\\&quot;).value;\\n\\nconst encodedText = encodeURIComponent(\\n  `Borang Quotation\\\\n------------------\\\\nNama: ${nama}\\\\nNo Phone: ${whatsapp}\\\\nDetail masalah: ${message}`\\n);\\n\\nconst finalURL = `https:\\\/\\\/api.whatsapp.com\\\/send?phone=60179177204&amp;text=${encodedText}`;\\n\\n\\\/\\\/ Redirect ke WhatsApp\\nwindow.location.href = finalURL;\\n&quot;,&quot;js_on_error&quot;:&quot;document.getElementById(&#039;whatsappForm&#039;).addEventListener(&#039;submit&#039;, function(e) {\\n    e.preventDefault(); \\\/\\\/ Prevent form from submitting and reloading the page\\n\\n    \\\/\\\/ Get data from form fields\\n    const name = document.getElementById(&#039;name&#039;).value;\\n    const whatsapp = document.getElementById(&#039;whatsapp&#039;).value;\\n    const message = document.getElementById(&#039;message&#039;).value;\\n\\n    \\\/\\\/ Check if any field is empty\\n    if (name === &#039;&#039; || whatsapp === &#039;&#039; || message === &#039;&#039;) {\\n        \\\/\\\/ If fields are empty, show alert or handle failure\\n        alert(&#039;Sila isi semua medan sebelum menghantar!&#039;); \\\/\\\/ Show failure message to user\\n        return; \\\/\\\/ Stop the form from proceeding (do not redirect)\\n    }\\n\\n    \\\/\\\/ Continue with form submission (this part will only run if validation passes)\\n    const encodedName = encodeURIComponent(name);\\n    const encodedWhatsapp = encodeURIComponent(whatsapp);\\n    const encodedMessage = encodeURIComponent(message);\\n\\n    const whatsappMessage = `Borang Quotation\\\\n------------------\\\\n\\\\nNama: ${encodedName}\\\\nNo Phone: ${encodedWhatsapp}\\\\nDetail masalah: ${encodedMessage}`;\\n\\n    const whatsappURL = `https:\\\/\\\/api.whatsapp.com\\\/send?phone=601131684001&amp;text=${whatsappMessage}`;\\n\\n    window.location.href = whatsappURL;\\n});\\n&quot;},&quot;recaptcha&quot;:{&quot;key&quot;:&quot;&quot;,&quot;enabled&quot;:false},&quot;honeypot_enabled&quot;:false,&quot;popupsOnSuccess&quot;:[],&quot;popupsOnError&quot;:[]}\" data-steps=\"0\" action=\"\" >\n  \n  \n  \n<div class=\"breakdance-form-field breakdance-form-field--text\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"nama\">\n            Name<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"nama\"\n    aria-describedby=\"nama\"\n    type=\"text\"\n    name=\"fields[nama]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--tel\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"whatsapp\">\n            Whatsapp Number<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"whatsapp\"\n    aria-describedby=\"whatsapp\"\n    type=\"tel\"\n    name=\"fields[whatsapp]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--textarea\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"message\">\n            Message<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <textarea\n    class=\"breakdance-form-field__input\"\n    id=\"message\"\n    aria-describedby=\"message\"\n    type=\"textarea\"\n    name=\"fields[message]\"\n        placeholder=\"Type your message...\"\n    required\n>\n<\/textarea>\n\n\n    \n    \n<\/div>\n\n\n  \n\n<div class=\"breakdance-form-field breakdance-form-footer\">\n    \n    \n                                    \n    \n    \n    \n    \n            \n            <button type=\"submit\" class=\"button-atom button-atom--primary breakdance-form-button breakdance-form-button__submit\"  >\n    \n        <span class=\"button-atom__text\">Let's Talk<\/span>\n\n        \n        \n            <\/button>\n    \n    <input type=\"hidden\" name=\"form_id\" value=\"113\">\n    <input type=\"hidden\" name=\"post_id\" value=\"173\">\n<\/div>\n\n  \n<input type=\"hidden\" name=\"trp-form-language\" value=\"ms\"\/><\/form>\n\n\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Quotation Fill your info below. Fill in the form below with details about your device issue, and we&#8217;ll get back to you with the best price quote\u2014fast! Name* Whatsapp Number* Message* Let&#8217;s Talk<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","_joinchat":[],"footnotes":""},"class_list":["post-173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zempirex.com\/ms\/wp-json\/wp\/v2\/pages\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zempirex.com\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zempirex.com\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zempirex.com\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zempirex.com\/ms\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":14,"href":"https:\/\/zempirex.com\/ms\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":250,"href":"https:\/\/zempirex.com\/ms\/wp-json\/wp\/v2\/pages\/173\/revisions\/250"}],"wp:attachment":[{"href":"https:\/\/zempirex.com\/ms\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}