{"id":7266,"date":"2024-04-06T00:13:19","date_gmt":"2024-04-06T00:13:19","guid":{"rendered":"https:\/\/petalpulse.s3-tastewp.com\/?page_id=7266"},"modified":"2024-04-06T00:16:11","modified_gmt":"2024-04-06T00:16:11","slug":"track-order","status":"publish","type":"page","link":"https:\/\/petalpulse.s3-tastewp.com\/index.php\/track-order\/","title":{"rendered":"Track Order"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7266\" class=\"elementor elementor-7266\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d41761 e-flex e-con-boxed e-con e-parent\" data-id=\"0d41761\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaed491 elementor-widget elementor-widget-text-editor\" data-id=\"aaed491\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 26-03-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<div>If you are a guest user,<\/div><div>Please enter Order ID or Tracking Number<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc03e2e e-flex e-con-boxed e-con e-parent\" data-id=\"bc03e2e\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7be3659 elementor-widget elementor-widget-html\" data-id=\"7be3659\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <style>\r\n        \/* Reset some default styles *\/\r\n        body, h1, p {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* Style the container div *\/\r\n        .tracking-container {\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 5px;\r\n            background-color: #f9f9f9;\r\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        \/* Style the heading *\/\r\n        h1 {\r\n            font-size: 36px;\r\n            font-weight: bold;\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* Style labels and input fields *\/\r\n        label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        input[type=\"text\"],\r\n        input[type=\"email\"] {\r\n            width: 100%;\r\n            padding: 10px;\r\n            margin-bottom: 20px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 5px;\r\n            font-size: 16px;\r\n            transition: border-color 0.3s ease;\r\n        }\r\n\r\n        \/* Style the track button *\/\r\n        .track-button {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 100%;\r\n            padding: 10px;\r\n            background-color: #007bff;\r\n            color: #fff;\r\n            border: none;\r\n            border-radius: 5px;\r\n            cursor: pointer;\r\n            font-size: 16px;\r\n            transition: background-color 0.3s ease, transform 0.3s ease;\r\n        }\r\n\r\n        .track-button:hover {\r\n            background-color: #0056b3;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Style the result container *\/\r\n        #YQContainer {\r\n            margin-top: 20px;\r\n            padding: 20px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 5px;\r\n            background-color: #fff;\r\n            transition: background-color 0.3s ease;\r\n        }\r\n\r\n        \/* Center the result container *\/\r\n        #YQContainer {\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Style the success message *\/\r\n        .success-message {\r\n            color: #4CAF50;\r\n            font-weight: bold;\r\n        }\r\n\r\n        \/* Style the error message *\/\r\n        .error-message {\r\n            color: #FF5722;\r\n            font-weight: bold;\r\n        }\r\n\r\n        \/* Delivery truck icon *\/\r\n        .delivery-icon::before {\r\n            content: \"\\1F69A\"; \/* Unicode for a delivery truck icon *\/\r\n            font-size: 24px;\r\n            margin-right: 10px;\r\n        }\r\n\r\n        \/* Style the order status *\/\r\n        .order-status {\r\n            margin-top: 20px;\r\n            font-weight: bold;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"tracking-container\">\r\n        <h1>Track Your Order<\/h1>\r\n        <div class=\"form-group\">\r\n            <label for=\"YQNum\">Tracking Number:<\/label>\r\n            <input type=\"text\" id=\"YQNum\" maxlength=\"50\" required \/>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"userEmail\">Email Address:<\/label>\r\n            <input type=\"email\" id=\"userEmail\" required \/>\r\n        <\/div>\r\n        \r\n        <button class=\"track-button\" onclick=\"doTrack()\">\r\n            <span class=\"delivery-icon\"><\/span> TRACK\r\n        <\/button>\r\n        \r\n        <div id=\"YQContainer\" class=\"success-message\"><\/div>\r\n        <div id=\"OrderStatus\" class=\"order-status\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Your JavaScript and other script includes here -->\r\n    <script type=\"text\/javascript\" src=\"\/\/www.17track.net\/externalcall.js\"><\/script>\r\n    <script type=\"text\/javascript\">\r\n        \/\/ <![CDATA[\r\n        function doTrack() {\r\n            var num = document.getElementById(\"YQNum\").value;\r\n            var email = document.getElementById(\"userEmail\").value;\r\n            var resultContainer = document.getElementById(\"YQContainer\");\r\n            var orderStatusContainer = document.getElementById(\"OrderStatus\");\r\n\r\n            if (num === \"\") {\r\n                resultContainer.innerHTML = '<div class=\"error-message\">Please enter your tracking number.<\/div>';\r\n                orderStatusContainer.innerHTML = ''; \/\/ Clear the order status message\r\n                return;\r\n            }\r\n\r\n            if (!validateEmail(email)) {\r\n                resultContainer.innerHTML = '<div class=\"error-message\">Please enter a valid email address.<\/div>';\r\n                orderStatusContainer.innerHTML = ''; \/\/ Clear the order status message\r\n                return;\r\n            }\r\n\r\n            \/\/ Simulate tracking success and fetch order status (Replace this with your actual tracking logic)\r\n            var trackingSuccess = true; \/\/ Set to false for testing the error message\r\n            var orderStatus = \"Your order is on the way.\"; \/\/ Replace with actual order status\r\n\r\n            if (trackingSuccess) {\r\n                resultContainer.innerHTML = '<div class=\"success-message\">Tracking code ' + num + ' is correct. Your order is on the way!<\/div>';\r\n                orderStatusContainer.innerHTML = '<div class=\"order-status\">' + orderStatus + '<\/div>';\r\n            } else {\r\n                resultContainer.innerHTML = '<div class=\"error-message\">Tracking code ' + num + ' is not correct. Please double-check and try again.<\/div>';\r\n                orderStatusContainer.innerHTML = ''; \/\/ Clear the order status message\r\n            }\r\n        }\r\n\r\n        \/\/ Function to validate email address\r\n        function validateEmail(email) {\r\n            var re = \/\\S+@\\S+\\.\\S+\/;\r\n            return re.test(email);\r\n        }\r\n        \/\/ ]]>\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\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>If you are a guest user,Please enter Order ID or Tracking Number Track Your Order Tracking Number: Email Address: TRACK<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth-no-heading.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/petalpulse.s3-tastewp.com\/index.php\/wp-json\/wp\/v2\/pages\/7266"}],"collection":[{"href":"https:\/\/petalpulse.s3-tastewp.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petalpulse.s3-tastewp.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petalpulse.s3-tastewp.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/petalpulse.s3-tastewp.com\/index.php\/wp-json\/wp\/v2\/comments?post=7266"}],"version-history":[{"count":7,"href":"https:\/\/petalpulse.s3-tastewp.com\/index.php\/wp-json\/wp\/v2\/pages\/7266\/revisions"}],"predecessor-version":[{"id":7274,"href":"https:\/\/petalpulse.s3-tastewp.com\/index.php\/wp-json\/wp\/v2\/pages\/7266\/revisions\/7274"}],"wp:attachment":[{"href":"https:\/\/petalpulse.s3-tastewp.com\/index.php\/wp-json\/wp\/v2\/media?parent=7266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}