{"id":19356,"date":"2024-08-06T22:34:52","date_gmt":"2024-08-06T14:34:52","guid":{"rendered":"https:\/\/fetchlogistics.co\/order-statuses\/"},"modified":"2024-08-16T14:42:59","modified_gmt":"2024-08-16T06:42:59","slug":"order-statuses","status":"publish","type":"page","link":"https:\/\/fetchlogistics.co\/en\/order-statuses\/","title":{"rendered":"Order Statuses"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><\/div>\n\n\n\n<style>\n    .nav-tabs { display: flex; cursor: pointer; margin-bottom: 20px; background-color: white; }\n    .nav-tab { flex: 1; padding: 10px; border: 1px solid #ddd; border-bottom: none; text-align: center; background-color: white; color: black; }\n    .nav-tab.active { color: #4a5ccf; }\n    .sub-tabs { display: none; flex-direction: row; border: 1px solid #ddd; justify-content: space-evenly; background-color: white; align-items: center; }\n    .sub-tabs.active { display: flex; }\n    .sub-tab { flex: 1; padding: 10px 0; text-align: center; border-left: 1px solid #ddd; cursor: pointer; background-color: white; color: black; align-items: center; }\n    .sub-tab:first-child { border-left: none; }\n    .sub-tab.active { color: #4a5ccf; }\n    .sub-tab a { text-decoration: none; color: inherit; display: block; width: 100%; height: 100%; }\n    .sub-tab a:hover { text-decoration: underline; }\n    .content { display: none; padding: 20px; border: 1px solid #ddd; border-top: none; }\n    .content.active { display: block; }\n<\/style>\n\n<div class=\"nav-tabs\">\n    <div class=\"nav-tab\" onclick=\"showTab('packages-in-warehouse')\">\n        Packages in Warehouse\n    <\/div>\n    <div class=\"nav-tab\" onclick=\"showTab('sent-packages')\">\n        Sent Packages\n    <\/div>\n<\/div>\n<div class=\"sub-tabs\" id=\"packages-in-warehouse\" style=\"display: none;\">\n    <div class=\"sub-tab\" onclick=\"showContent('action-required')\">Action Required<\/div>\n    <div class=\"sub-tab\" onclick=\"showContent('under-review')\">Under Review<\/div>\n    <div class=\"sub-tab\" onclick=\"showContent('preparing-to-ship')\">Preparing to Ship<\/div>\n<\/div>\n<div class=\"sub-tabs\" id=\"sent-packages\" style=\"display: none;\">\n    <div class=\"sub-tab\" onclick=\"showContent('in-transit')\">In Transit<\/div>\n    <div class=\"sub-tab\" onclick=\"showContent('ready-for-collection')\">Ready for Collection<\/div>\n    <div class=\"sub-tab\" onclick=\"showContent('completed')\">Completed<\/div>\n<\/div>\n\n<div class=\"content\" id=\"action-required\">\n    <div class=\"order-items-status-content\"><p>No Items Ready to Ship<\/p>\n        <script>\n            function toggleDropdown(itemNumber, trackingNumber) {\n                var dropdown = document.getElementById(\"dropdown-\" + itemNumber);\n\n                \/\/ Toggle the dropdown\n                if (dropdown.style.display === \"none\" || dropdown.style.display === \"\") {\n                    dropdown.style.display = \"table-row\";\n                } else {\n                    dropdown.style.display = \"none\";\n                }\n\n                \/\/ Update the URL with the tracking number\n                var newUrl = new URL(window.location.href);\n                newUrl.searchParams.set(\"tracking_number\", trackingNumber);\n                window.history.pushState({}, \"\", newUrl);\n\n                \/\/ Insert tracking number into the hidden WPForms field\n                var wpformField = document.querySelector(\"#wpform-wrapper-\" + itemNumber + \" input[name='wpforms[fields][22]']\"); \n                if (wpformField) {\n                    wpformField.value = trackingNumber; \n                }\n            }\n        <\/script>\n    <\/div>\n<\/div>\n<div class=\"content\" id=\"under-review\">\n    <div class=\"order-items-status-content\"><p>No Items Ready to Ship<\/p>\n        <script>\n            function toggleDropdown(itemNumber, trackingNumber) {\n                var dropdown = document.getElementById(\"dropdown-\" + itemNumber);\n\n                \/\/ Toggle the dropdown\n                if (dropdown.style.display === \"none\" || dropdown.style.display === \"\") {\n                    dropdown.style.display = \"table-row\";\n                } else {\n                    dropdown.style.display = \"none\";\n                }\n\n                \/\/ Update the URL with the tracking number\n                var newUrl = new URL(window.location.href);\n                newUrl.searchParams.set(\"tracking_number\", trackingNumber);\n                window.history.pushState({}, \"\", newUrl);\n\n                \/\/ Insert tracking number into the hidden WPForms field\n                var wpformField = document.querySelector(\"#wpform-wrapper-\" + itemNumber + \" input[name='wpforms[fields][22]']\"); \n                if (wpformField) {\n                    wpformField.value = trackingNumber; \n                }\n            }\n        <\/script>\n    <\/div>\n<\/div>\n<div class=\"content\" id=\"preparing-to-ship\">\n    <div class=\"order-items-status-content\"><p>No Items Ready to Ship<\/p>\n        <script>\n            function toggleDropdown(itemNumber, trackingNumber) {\n                var dropdown = document.getElementById(\"dropdown-\" + itemNumber);\n\n                \/\/ Toggle the dropdown\n                if (dropdown.style.display === \"none\" || dropdown.style.display === \"\") {\n                    dropdown.style.display = \"table-row\";\n                } else {\n                    dropdown.style.display = \"none\";\n                }\n\n                \/\/ Update the URL with the tracking number\n                var newUrl = new URL(window.location.href);\n                newUrl.searchParams.set(\"tracking_number\", trackingNumber);\n                window.history.pushState({}, \"\", newUrl);\n\n                \/\/ Insert tracking number into the hidden WPForms field\n                var wpformField = document.querySelector(\"#wpform-wrapper-\" + itemNumber + \" input[name='wpforms[fields][22]']\"); \n                if (wpformField) {\n                    wpformField.value = trackingNumber; \n                }\n            }\n        <\/script>\n    <\/div>\n<\/div>\n<div class=\"content\" id=\"in-transit\">\n    <div class=\"order-status-content\"><p>No orders found.<\/p><\/div>\n<\/div>\n<div class=\"content\" id=\"ready-for-collection\">\n    <div class=\"order-status-content\"><p>No orders found.<\/p><\/div>\n<\/div>\n<div class=\"content\" id=\"completed\">\n    <div class=\"order-status-content\"><p>No orders found.<\/p><\/div>\n<\/div>\n\n<script>\n    function showTab(tabId) {\n        document.querySelectorAll('.nav-tab').forEach(function(tab) {\n            tab.classList.remove('active');\n        });\n        document.querySelectorAll('.sub-tabs').forEach(function(tabContent) {\n            tabContent.style.display = 'none';\n        });\n        document.getElementById(tabId).style.display = 'flex';\n        document.querySelector('.nav-tab[onclick=\"showTab(\\'' + tabId + '\\')\"]').classList.add('active');\n        \n        \/\/ Automatically show the first sub-tab content\n        var firstSubTab = document.querySelector('#' + tabId + ' .sub-tab');\n        if (firstSubTab) {\n            firstSubTab.click();\n        }\n    }\n\n    function showContent(contentId) {\n        document.querySelectorAll('.sub-tab').forEach(function(tab) {\n            tab.classList.remove('active');\n        });\n        document.querySelectorAll('.content').forEach(function(content) {\n            content.classList.remove('active');\n        });\n        document.getElementById(contentId).classList.add('active');\n        document.querySelector('.sub-tab[onclick=\"showContent(\\'' + contentId + '\\')\"]').classList.add('active');\n    }\n\n    document.querySelector('.nav-tab').click(); \/\/ Show the first tab by default\n<\/script>\n\n\n<div class=\"vc_row wpb_row vc_row-fluid\"><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Packages in Warehouse Sent Packages Action Required Under Review Preparing to Ship In Transit Ready for Collection Completed<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-19356","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/fetchlogistics.co\/en\/wp-json\/wp\/v2\/pages\/19356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fetchlogistics.co\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fetchlogistics.co\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fetchlogistics.co\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/fetchlogistics.co\/en\/wp-json\/wp\/v2\/comments?post=19356"}],"version-history":[{"count":0,"href":"https:\/\/fetchlogistics.co\/en\/wp-json\/wp\/v2\/pages\/19356\/revisions"}],"wp:attachment":[{"href":"https:\/\/fetchlogistics.co\/en\/wp-json\/wp\/v2\/media?parent=19356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}