{"id":126,"date":"2022-08-10T01:21:36","date_gmt":"2022-08-10T01:21:36","guid":{"rendered":"https:\/\/www.eggtray.org\/?page_id=126"},"modified":"2022-08-16T06:16:56","modified_gmt":"2022-08-16T06:16:56","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/www.eggtray.org\/pt\/contact-us\/","title":{"rendered":"Contate-nos"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n    <div id=\"sl-contact-form\">\r\n        <div class=\"block\" x-data=\"contactForm\">\r\n\r\n            <form action=\"\" x-data @submit.prevent=\"submitForm()\">\r\n                <div class=\"grid  gap-3\">\r\n\r\n                    <div class=\"block\">\r\n                        <input class=\"p-1 w-full shadow border focus:outline-1 focus:outline-black\/30\"\r\n                               :class=\"formDataStat.name.valid ? 'border-custom1\/30':'border-red-400'\"\r\n                               type=\"text\"\r\n                               placeholder=\"Name\" x-model=\"formData.name\">\r\n                        <span x-show=\"!formDataStat.name.valid\"\r\n                              :class=\"formDataStat.name.valid ? 'text-gray-300' : 'text-red-300'\">\r\n                                How shall we call you ?\r\n                            <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"block\">\r\n                        <input :class=\"formDataStat.phone.valid ? 'border border-custom1\/30':'border-red-400'\"\r\n                               class=\"p-1 shadow w-full border focus:outline-1 focus:outline-black\/30\" type=\"tel\"\r\n                               placeholder=\"Phone\"\r\n                               name=\"cfname\" x-model=\"formData.phone\">\r\n                        <span x-show=\"!formDataStat.phone.valid\"\r\n                              :class=\"formDataStat.phone.valid ? 'text-gray-300' : 'text-red-300'\">Please enter your\r\n                                correct number.<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"block\">\r\n                        <input :class=\"formDataStat.email.valid ? 'border border-custom1\/30':'border-red-400'\"\r\n                               class=\"p-1 shadow w-full border focus:outline-1 focus:outline-black\/30\" type=\"text\"\r\n                               placeholder=\"Email\"\r\n                               x-model=\"formData.email\">\r\n                        <span x-show=\"!formDataStat.email.valid\"\r\n                              :class=\"formDataStat.email.valid ? 'text-gray-300' : 'text-red-300'\">Please enter your\r\n                                email address.<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"block\">\r\n                        <input class=\"border  p-1 shadow w-full border border-custom1\/30 focus:outline-1\r\n                        focus:outline-black\/30\"\r\n                               type=\"text\"\r\n                               placeholder=\"WhatsApp \/ Wechat\"\r\n                               x-model=\"formData.whatsapp\">\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"col-span-full block\">\r\n                                <textarea :class=\"formDataStat.requirements.valid ? '':'border-red-400'\"\r\n                                          class=\"p-3 shadow w-full h-56 border border-custom1\/30 focus:outline-1\r\n                                          focus:outline-black\/30\"\r\n                                          name=\"\" id=\"\"\r\n                                          placeholder=\"Please tell us your detailed needs and we will contact you as soon as possible.\"\r\n                                          x-model=\"formData.requirements\"><\/textarea>\r\n                        <span x-show=\"!formDataStat.requirements.valid\"\r\n                              :class=\"formDataStat.requirements.valid ? 'text-gray-300' : 'text-red-300'\">\r\n                                Please detail your requirements.\r\n                            <\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"block col-span-full text-center\">\r\n                        <button class=\"quote-button\" x-text=\"buttonText\"><\/button>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n\r\n\r\n        <script>\r\n            document.addEventListener('alpine:init', () => {\r\n                Alpine.data('contactForm', () => ({\r\n                    formData: {\r\n                        name: '',\r\n                        phone: '',\r\n                        email: '',\r\n                        whatsapp: '',\r\n                        requirements: '',\r\n                        title: 'Products',\r\n                        action: 'shuliy_service_bar',\r\n                        _wpnonce: \"a5cada8d76\",\n                        fromip: '74.7.242.48'\n                    },\r\n                    formDataStat: {\r\n                        name: {\r\n                            valid: true\r\n                        },\r\n                        phone: {\r\n                            valid: true\r\n                        },\r\n\r\n                        email: {\r\n                            valid: true\r\n                        },\r\n                        requirements: {\r\n                            valid: true\r\n                        },\r\n\r\n                    },\r\n                    verifyData() {\r\n                        let vstate = true\r\n                        \/\/\u9a8c\u8bc1\r\n                        if (this.isEmpty(this.formData.name)) {\r\n                            this.formDataStat.name.valid = false\r\n                            vstate = false\r\n                        } else {\r\n                            this.formDataStat.name.valid = true\r\n                        }\r\n\r\n                        if (this.isEmpty(this.formData.phone)) {\r\n                            this.formDataStat.phone.valid = false\r\n                            vstate = false\r\n                        } else {\r\n                            this.formDataStat.phone.valid = true\r\n                        }\r\n\r\n                        var reg = \/^([A-Za-z0-9_\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.([A-Za-z]{2,4})$\/;\r\n                        if (!reg.test(this.formData.email)) {\r\n                            this.formDataStat.email.valid = false\r\n                            vstate = false\r\n                        } else {\r\n                            this.formDataStat.email.valid = true\r\n                        }\r\n\r\n\r\n                        if (this.isEmpty(this.formData.requirements)) {\r\n                            this.formDataStat.requirements.valid = false\r\n                            vstate = false\r\n                        } else {\r\n                            this.formDataStat.requirements.valid = true\r\n                        }\r\n\r\n\r\n                        return vstate\r\n                    },\r\n                    isEmpty(str) {\r\n                        if (str == null || str == \"\" || str == undefined) {\r\n                            return true\r\n                        }\r\n\r\n                        str = str.replace(\/\\s\/g, \"\")\r\n                        if (str == \"\") {\r\n                            return true\r\n                        }\r\n\r\n                        return false\r\n                    },\r\n                    submitting: false,\r\n                    buttonText: 'Submit',\r\n                    submitForm() {\r\n                        if (!this.verifyData()) {\r\n                            return\r\n                        }\r\n                        this.buttonText = 'Submit'\r\n                        this.submitting = true\r\n                        this.buttonText = 'submitting...'\r\n                        fetch('https:\/\/www.eggtray.org\/wp-admin\/admin-ajax.php', {\r\n                            method: \"POST\",\r\n                            credentials: 'same-origin',\r\n                            headers: {\r\n                                'Content-Type': 'application\/x-www-form-urlencoded'\r\n                            },\r\n                            body: qs.stringify(this.formData),\r\n                        }).then((resp) => {\r\n                            return resp.json()\r\n                        }).then(res => {\r\n                            \/\/success\r\n                            this.buttonText = 'Your message has been submitted.'\r\n\r\n\r\n                        }).catch((err) => {\r\n                            console.log('error');\r\n                        }).finally(() => {\r\n                            this.submitting = false\r\n                        })\r\n                    }\r\n                }))\r\n            })\r\n        <\/script>\r\n    <\/div>\r\n\r\n\t\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"h-phone-whatsapp-tel-no\"><strong>Phone\/WhatsApp\/Tel No.<\/strong><\/h2>\n\n\n\n<p>+86 13673689272<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-email\"><strong>Email<\/strong><\/h2>\n\n\n\n<p>info@eggtray.org<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-address\"><strong>Address<\/strong><\/h2>\n\n\n\n<p>Zhengshang Jingkai Square, East Hanghai Road, ETDZ, Zhengzhou, Henan, China<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Telefone\/WhatsApp\/N\u00famero Tel. +86 13673689272 Email info@eggtray.org Endere\u00e7o Pra\u00e7a Zhengshang Jingkai, Estrada Leste Hanghai, ETDZ, Zhengzhou, Henan, China<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-126","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.eggtray.org\/pt\/wp-json\/wp\/v2\/pages\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eggtray.org\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.eggtray.org\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.eggtray.org\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eggtray.org\/pt\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":0,"href":"https:\/\/www.eggtray.org\/pt\/wp-json\/wp\/v2\/pages\/126\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.eggtray.org\/pt\/wp-json\/wp\/v2\/media?parent=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}