{"id":7202,"date":"2026-07-23T12:24:39","date_gmt":"2026-07-23T12:24:39","guid":{"rendered":"https:\/\/teoky.com\/?page_id=7202"},"modified":"2026-07-23T14:24:14","modified_gmt":"2026-07-23T14:24:14","slug":"tracking-page","status":"publish","type":"page","link":"https:\/\/teoky.com\/ru\/tracking-page\/","title":{"rendered":"trackingtestpage"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7202\" class=\"elementor elementor-7202\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6636c45 e-flex e-con-boxed e-con e-parent\" data-id=\"6636c45\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-425953b elementor-widget elementor-widget-html\" data-id=\"425953b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* --- \u0421\u0422\u0418\u041b\u0418 \u0424\u041e\u0420\u041c\u042b TEOKY --- *\/\r\n    .tk-tracker-wrapper {\r\n        max-width: 600px;\r\n        margin: 60px auto;\r\n        padding: 40px 20px;\r\n        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n        background: #fff;\r\n        color: #000;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .tk-tracker-wrapper *, .tk-tracker-wrapper *::before, .tk-tracker-wrapper *::after {\r\n        box-sizing: inherit;\r\n    }\r\n\r\n    .tk-tracker-title {\r\n        font-size: 2rem;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: -0.5px;\r\n        margin-bottom: 10px;\r\n        text-align: center;\r\n    }\r\n\r\n    .tk-tracker-desc {\r\n        font-size: 14px;\r\n        color: #666;\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* \u0424\u041e\u0420\u041c\u0410 *\/\r\n    .tk-tracker-form {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    .tk-input-group {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n    }\r\n\r\n    .tk-input-group label {\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .tk-input-group input {\r\n        border: none;\r\n        border-bottom: 2px solid #ccc;\r\n        padding: 12px 0;\r\n        font-size: 16px;\r\n        font-family: inherit;\r\n        background: transparent;\r\n        transition: border-color 0.3s ease;\r\n        border-radius: 0;\r\n        outline: none;\r\n    }\r\n\r\n    .tk-input-group input:focus {\r\n        border-bottom-color: #000;\r\n    }\r\n\r\n    .tk-btn {\r\n        background: #000;\r\n        color: #fff;\r\n        border: 1px solid #000;\r\n        padding: 16px;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .tk-btn:hover {\r\n        background: #fff;\r\n        color: #000;\r\n    }\r\n\r\n    .tk-btn:disabled {\r\n        background: #ccc;\r\n        border-color: #ccc;\r\n        cursor: not-allowed;\r\n        color: #fff;\r\n    }\r\n\r\n    \/* --- \u0420\u0415\u0417\u0423\u041b\u042c\u0422\u0410\u0422\u042b --- *\/\r\n    .tk-tracker-result {\r\n        display: none; \/* \u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0441\u043a\u0440\u044b\u0442\u043e *\/\r\n        margin-top: 50px;\r\n        border-top: 2px solid #000;\r\n        padding-top: 40px;\r\n        scroll-margin-top: 40px; \/* \u041e\u0442\u0441\u0442\u0443\u043f \u043f\u0440\u0438 \u043f\u043b\u0430\u0432\u043d\u043e\u043c \u0441\u043a\u0440\u043e\u043b\u043b\u0435 *\/\r\n    }\r\n\r\n    .tk-result-active {\r\n        display: block;\r\n        animation: tk-fade-in 0.5s ease;\r\n    }\r\n\r\n    @keyframes tk-fade-in {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .tk-status-box {\r\n        background: #f8f8f8;\r\n        padding: 20px;\r\n        text-align: center;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .tk-status-label {\r\n        font-size: 11px;\r\n        color: #666;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .tk-status-value {\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .tk-tracking-info {\r\n        text-align: center;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .tk-track-num-wrapper {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: stretch;\r\n        gap: 10px;\r\n        margin: 10px 0;\r\n    }\r\n\r\n    .tk-track-num {\r\n        font-size: 1.2rem;\r\n        font-weight: 700;\r\n        letter-spacing: 1px;\r\n        padding: 15px;\r\n        border: 1px dashed #000;\r\n        word-break: break-all;\r\n        max-width: 100%;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* \u041a\u043d\u043e\u043f\u043a\u0430 \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f *\/\r\n    .tk-copy-btn {\r\n        background: #f0f0f0;\r\n        border: 1px solid #ccc;\r\n        color: #000;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        padding: 0 15px;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .tk-copy-btn:hover {\r\n        background: #000;\r\n        color: #fff;\r\n        border-color: #000;\r\n    }\r\n\r\n    .tk-copy-btn.copied {\r\n        background: #4caf50;\r\n        color: #fff;\r\n        border-color: #4caf50;\r\n    }\r\n\r\n    .tk-link-btn {\r\n        display: inline-block;\r\n        background: #fff;\r\n        color: #000;\r\n        border: 1px solid #000;\r\n        padding: 10px 20px;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .tk-link-btn:hover {\r\n        background: #000;\r\n        color: #fff;\r\n    }\r\n\r\n    \/* \u041f\u0410\u041c\u042f\u0422\u041a\u0410 \u041f\u041e \u0422\u0420\u0415\u041a\u0418\u041d\u0413\u0423 *\/\r\n    .tk-tracking-notice {\r\n        margin-top: 25px;\r\n        padding: 15px 20px;\r\n        background: #f8f8f8;\r\n        border-left: 3px solid #000;\r\n        font-size: 12px;\r\n        color: #555;\r\n        text-align: left;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .tk-tracking-notice strong {\r\n        color: #000;\r\n        display: block;\r\n        margin-bottom: 5px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* \u0422\u041e\u0412\u0410\u0420\u042b \u0412 \u0417\u0410\u041a\u0410\u0417\u0415 *\/\r\n    .tk-order-items {\r\n        border-top: 1px solid #eee;\r\n        padding-top: 20px;\r\n    }\r\n\r\n    .tk-item-row {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .tk-item-img {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: #f0f0f0;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .tk-item-name {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .tk-error-msg {\r\n        color: #d00;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        text-align: center;\r\n        margin-top: 15px;\r\n        display: none;\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .tk-track-num-wrapper {\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n        }\r\n        .tk-copy-btn {\r\n            padding: 12px 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"tk-tracker-wrapper\">\r\n    <div class=\"tk-tracker-title\">\u041e\u0422\u0421\u041b\u0415\u0414\u0418 \u0421\u0412\u041e\u042e \u041f\u0410\u0420\u0423<\/div>\r\n    <div class=\"tk-tracker-desc\">\u0412\u0432\u0435\u0434\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u0432\u043e\u0435\u0433\u043e \u0437\u0430\u043a\u0430\u0437\u0430 \u043d\u0438\u0436\u0435, \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c \u0435\u0433\u043e \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0441\u0442\u0430\u0442\u0443\u0441 \u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e\u0431 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0438.<\/div>\r\n\r\n    <!-- \u0424\u041e\u0420\u041c\u0410 \u0412\u0412\u041e\u0414\u0410 -->\r\n    <form id=\"teoky-track-form\" class=\"tk-tracker-form\" action=\"\">\r\n        <div class=\"tk-input-group\">\r\n            <label for=\"tk_order_id\">\u041d\u043e\u043c\u0435\u0440 \u0437\u0430\u043a\u0430\u0437\u0430<\/label>\r\n            <input type=\"text\" id=\"tk_order_id\" placeholder=\"e.g. 1234\" required>\r\n        <\/div>\r\n        <div class=\"tk-input-group\">\r\n            <label for=\"tk_email\">\u0435-\u043c\u0430\u0438\u043b \u0430\u0434\u0440\u0435\u0441<\/label>\r\n            <input type=\"email\" id=\"tk_email\" placeholder=\"Used during checkout\" required>\r\n        <\/div>\r\n        <button type=\"submit\" id=\"tk_submit_btn\" class=\"tk-btn\">\u041d\u0410\u0419\u0422\u0418 \u0417\u0410\u041a\u0410\u0417<\/button>\r\n        <div id=\"tk_error_msg\" class=\"tk-error-msg\"><\/div>\r\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"ru\"\/><\/form>\r\n\r\n    <!-- \u0411\u041b\u041e\u041a \u0420\u0415\u0417\u0423\u041b\u042c\u0422\u0410\u0422\u0410 -->\r\n    <div id=\"tk_tracker_result\" class=\"tk-tracker-result\">\r\n        \r\n        <!-- \u0421\u0422\u0410\u0422\u0423\u0421 -->\r\n        <div class=\"tk-status-box\">\r\n            <div class=\"tk-status-label\">\u0422\u0435\u043a\u0443\u0449\u0438\u0439 \u0421\u0442\u0430\u0442\u0443\u0441<\/div>\r\n            <div id=\"tk_res_status\" class=\"tk-status-value\">Processing<\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0422\u0420\u0415\u041a\u0418\u041d\u0413 \u0418\u041d\u0424\u041e -->\r\n        <div class=\"tk-tracking-info\" id=\"tk_tracking_container\">\r\n            <!-- \u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 JS -->\r\n        <\/div>\r\n\r\n        <!-- \u0422\u041e\u0412\u0410\u0420\u042b -->\r\n        <div class=\"tk-order-items\">\r\n            <div class=\"tk-status-label\" style=\"margin-bottom: 15px;\">\u0422\u043e\u0432\u0430\u0440\u044b \u0432 \u0437\u0430\u043a\u0430\u0437\u0435<\/div>\r\n            <div id=\"tk_res_items\">\r\n                <!-- \u0422\u043e\u0432\u0430\u0440\u044b \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 JS -->\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    const form = document.getElementById('teoky-track-form');\r\n    const submitBtn = document.getElementById('tk_submit_btn');\r\n    const errorMsg = document.getElementById('tk_error_msg');\r\n    const resultBox = document.getElementById('tk_tracker_result');\r\n    const inputOrder = document.getElementById('tk_order_id');\r\n    const inputEmail = document.getElementById('tk_email');\r\n    \r\n    \/\/ \u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\r\n    const resStatus = document.getElementById('tk_res_status');\r\n    const trackContainer = document.getElementById('tk_tracking_container');\r\n    const itemsContainer = document.getElementById('tk_res_items');\r\n\r\n    \/\/ \u0411\u0430\u0437\u043e\u0432\u044b\u0439 URL \u0434\u043b\u044f AJAX \u0432 WordPress\r\n    const ajaxUrl = '\/wp-admin\/admin-ajax.php';\r\n\r\n    \/\/ UX \u0424\u0418\u0428\u041a\u0410 4: \u041c\u0430\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u0432\u0442\u043e-\u0432\u0432\u043e\u0434 \u0438\u0437 URL (\u0435\u0441\u043b\u0438 \u044e\u0437\u0435\u0440 \u043f\u0435\u0440\u0435\u0448\u0435\u043b \u043f\u043e \u0441\u043f\u0435\u0446-\u0441\u0441\u044b\u043b\u043a\u0435)\r\n    const urlParams = new URLSearchParams(window.location.search);\r\n    const urlOrder = urlParams.get('order_id');\r\n    const urlEmail = urlParams.get('email');\r\n\r\n    if (urlOrder && urlEmail) {\r\n        inputOrder.value = urlOrder;\r\n        inputEmail.value = urlEmail;\r\n        \r\n        \/\/ \u041f\u0440\u044f\u0447\u0435\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0438\u0437 \u0430\u0434\u0440\u0435\u0441\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 \u0434\u043b\u044f \u043a\u0440\u0430\u0441\u043e\u0442\u044b \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438\r\n        window.history.replaceState({}, document.title, window.location.pathname);\r\n        \r\n        \/\/ \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u043f\u043e\u0438\u0441\u043a\r\n        setTimeout(() => {\r\n            submitBtn.click();\r\n        }, 200);\r\n    } else {\r\n        \/\/ UX \u0424\u0418\u0428\u041a\u0410 1: \u0412\u0441\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u043c \u043f\u0440\u043e\u0448\u043b\u044b\u0439 \u0432\u0432\u043e\u0434 (\u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0441\u043b\u0438 \u043d\u0435\u0442 \u0441\u043f\u0435\u0446-\u0441\u0441\u044b\u043b\u043a\u0438)\r\n        if (localStorage.getItem('tk_saved_order')) {\r\n            inputOrder.value = localStorage.getItem('tk_saved_order');\r\n        }\r\n        if (localStorage.getItem('tk_saved_email')) {\r\n            inputEmail.value = localStorage.getItem('tk_saved_email');\r\n        }\r\n    }\r\n\r\n    form.addEventListener('submit', async (e) => {\r\n        e.preventDefault();\r\n        \r\n        \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0432\u0432\u043e\u0434 \u043e\u0442 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u0445 \u043f\u0440\u043e\u0431\u0435\u043b\u043e\u0432\r\n        const orderId = inputOrder.value.trim();\r\n        const email = inputEmail.value.trim();\r\n\r\n        \/\/ UI: \u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430\r\n        submitBtn.disabled = true;\r\n        submitBtn.innerText = 'Searching...';\r\n        errorMsg.style.display = 'none';\r\n        resultBox.classList.remove('tk-result-active');\r\n\r\n        const formData = new URLSearchParams();\r\n        formData.append('action', 'teoky_track_order');\r\n        formData.append('order_id', orderId);\r\n        formData.append('email', email);\r\n\r\n        try {\r\n            const response = await fetch(ajaxUrl, {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Content-Type': 'application\/x-www-form-urlencoded',\r\n                },\r\n                body: formData.toString()\r\n            });\r\n\r\n            if (!response.ok) {\r\n                throw new Error('Network error');\r\n            }\r\n\r\n            const data = await response.json();\r\n\r\n            if (data.success) {\r\n                \/\/ \u0415\u0441\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432\u0435\u0440\u043d\u044b\u0435, \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0432 \u043f\u0430\u043c\u044f\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\r\n                localStorage.setItem('tk_saved_order', orderId);\r\n                localStorage.setItem('tk_saved_email', email);\r\n                \r\n                renderResult(data.data);\r\n            } else {\r\n                showError(data.data.message || 'Error finding order.');\r\n            }\r\n        } catch (error) {\r\n            showError('Network error. Please check your connection and try again.');\r\n        } finally {\r\n            submitBtn.disabled = false;\r\n            submitBtn.innerText = 'Find Order';\r\n        }\r\n    });\r\n\r\n    function showError(msg) {\r\n        errorMsg.innerText = msg;\r\n        errorMsg.style.display = 'block';\r\n    }\r\n\r\n    function renderResult(data) {\r\n        resStatus.innerText = data.status_name;\r\n        const st = data.status.toLowerCase().replace('wc-', '');\r\n\r\n        if (['cancelled', 'canceled', 'failed'].includes(st)) {\r\n            resStatus.style.color = '#d00'; \r\n        } else if (st === 'on-hold') {\r\n            resStatus.style.color = '#d88a00'; \r\n        } else {\r\n            resStatus.style.color = '#000'; \r\n        }\r\n\r\n        trackContainer.innerHTML = ''; \r\n        \r\n        const buildTrackingHTML = () => {\r\n            \/\/ \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e (\u0412\u0435\u0441\u044c \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u043c\u0438\u0440)\r\n            let trackUrl = `https:\/\/t.17track.net\/en#nums=${data.tracking_number}`; \r\n            let carrierName = 'Track Package';\r\n\r\n            \/\/ \u041c\u0430\u0441\u0441\u0438\u0432 \u0441\u0442\u0440\u0430\u043d \u0434\u043b\u044f YunTrack (27 \u0441\u0442\u0440\u0430\u043d \u0415\u0421 + NO, GB, CH, US, CA, AU)\r\n            const yunTrackCountries = [\r\n                'AT', 'BE', 'BG', 'HR', 'CY', 'CZ', 'DK', 'EE', 'FI', 'FR', 'DE', 'GR', \r\n                'HU', 'IE', 'IT', 'LV', 'LT', 'LU', 'MT', 'NL', 'PL', 'PT', 'RO', 'SK', \r\n                'SI', 'ES', 'SE', 'NO', 'GB', 'CH', 'US', 'CA', 'AU'\r\n            ];\r\n\r\n            if (data.country === 'RU') {\r\n                trackUrl = `https:\/\/www.pochta.ru\/tracking#${data.tracking_number}`;\r\n                carrierName = 'Track via Pochta Rossii';\r\n            } else if (data.country === 'BY') {\r\n                trackUrl = `https:\/\/belpost.by\/Otsleditotpravleniye?number=${data.tracking_number}`;\r\n                carrierName = 'Track via Belpost';\r\n            } else if (yunTrackCountries.includes(data.country)) {\r\n                trackUrl = `https:\/\/www.yuntrack.com\/parcelTracking?id=${data.tracking_number}`;\r\n                carrierName = 'Track Package';\r\n            }\r\n\r\n            \/\/ UX \u0424\u0418\u0428\u041a\u0410 2: \u041a\u043d\u043e\u043f\u043a\u0430 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0440\u0435\u043a \u043d\u043e\u043c\u0435\u0440\u0430\r\n            return `\r\n                <div class=\"tk-status-label\" style=\"margin-top: 15px;\">Tracking Number<\/div>\r\n                <div class=\"tk-track-num-wrapper\">\r\n                    <div class=\"tk-track-num\" id=\"tk_tracking_val\">${data.tracking_number}<\/div>\r\n                    <button type=\"button\" class=\"tk-copy-btn\" id=\"tk_copy_btn\">Copy<\/button>\r\n                <\/div>\r\n                <a href=\"${trackUrl}\" target=\"_blank\" class=\"tk-link-btn\">${carrierName}<\/a>\r\n                \r\n                <div class=\"tk-tracking-notice\">\r\n                    <strong>Tracking Updates<\/strong>\r\n                    Please note that tracking information may not be available during the first few days after your order is shipped (usually within 7 days). Sometimes the tracking may indicate that the package has been received by a different recipient; this is normal.<br><br>\r\n                    Packages from our warehouse are sent to an international sorting center; they are scanned and registered in the public tracking database only after they arrive there.\r\n                <\/div>\r\n            `;\r\n        };\r\n\r\n        if (st === 'cancelled' || st === 'canceled') {\r\n            trackContainer.innerHTML = `\r\n                <div class=\"tk-status-label\">Order Canceled<\/div>\r\n                <p style=\"font-size: 14px; color: #d00;\">This order has been canceled. If this was a mistake, please contact our support.<\/p>\r\n            `;\r\n        } \r\n        else if (st === 'refunded') {\r\n            trackContainer.innerHTML = `\r\n                <div class=\"tk-status-label\">Order Refunded<\/div>\r\n                <p style=\"font-size: 14px; color: #666;\">This order has been refunded. The funds should return to your original payment method shortly.<\/p>\r\n            `;\r\n        } \r\n        else if (st === 'failed') {\r\n            trackContainer.innerHTML = `\r\n                <div class=\"tk-status-label\">Payment Failed<\/div>\r\n                <p style=\"font-size: 14px; color: #d00;\">The payment for this order failed or was declined. Please try placing a new order.<\/p>\r\n            `;\r\n        } \r\n        else if (st === 'on-hold') {\r\n            trackContainer.innerHTML = `\r\n                <div class=\"tk-status-label\">Action Required<\/div>\r\n                <p style=\"font-size: 14px; color: #d88a00;\">Your order is on hold. We are likely awaiting payment confirmation or verifying details.<\/p>\r\n            `;\r\n        } \r\n        else if (st === 'delivered') {\r\n            trackContainer.innerHTML = `\r\n                <div class=\"tk-status-label\">Delivered<\/div>\r\n                <p style=\"font-size: 14px; font-weight: bold;\">Your pair has arrived. Enjoy.<\/p>\r\n            `;\r\n            if (data.tracking_number) trackContainer.innerHTML += buildTrackingHTML();\r\n        } \r\n        else if (data.tracking_number) {\r\n            trackContainer.innerHTML = buildTrackingHTML();\r\n        } \r\n        else if (st === 'completed' || st === 'shipped') {\r\n            trackContainer.innerHTML = `\r\n                <div class=\"tk-status-label\">Tracking Number<\/div>\r\n                <p style=\"font-size: 14px; color: #666;\">Your order is shipped! Tracking details are syncing and will be updated shortly.<\/p>\r\n            `;\r\n        } \r\n        else {\r\n            trackContainer.innerHTML = `\r\n                <div class=\"tk-status-label\">Tracking Number<\/div>\r\n                <p style=\"font-size: 14px; color: #666;\">We are currently preparing your pair. A tracking number will appear here once it ships.<\/p>\r\n            `;\r\n        }\r\n\r\n        itemsContainer.innerHTML = '';\r\n        if (data.items && data.items.length > 0) {\r\n            data.items.forEach(item => {\r\n                const imgTag = item.img ? `<img decoding=\"async\" src=\"${item.img}\" class=\"tk-item-img\" alt=\"${item.name}\">` : `<div class=\"tk-item-img\"><\/div>`;\r\n                itemsContainer.innerHTML += `\r\n                    <div class=\"tk-item-row\">\r\n                        ${imgTag}\r\n                        <div class=\"tk-item-name\">${item.name} <span style=\"color:#888;\">x${item.qty}<\/span><\/div>\r\n                    <\/div>\r\n                `;\r\n            });\r\n        }\r\n\r\n        resultBox.classList.add('tk-result-active');\r\n\r\n        \/\/ UX \u0424\u0418\u0428\u041a\u0410 3: \u041f\u043b\u0430\u0432\u043d\u044b\u0439 \u0430\u0432\u0442\u043e-\u0441\u043a\u0440\u043e\u043b\u043b \u043a \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\u043c (\u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0432\u0430\u0436\u043d\u043e \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445)\r\n        setTimeout(() => {\r\n            resultBox.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n        }, 100);\r\n\r\n        \/\/ \u0410\u043a\u0442\u0438\u0432\u0430\u0446\u0438\u044f \u043a\u043d\u043e\u043f\u043a\u0438 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (\u0435\u0441\u043b\u0438 \u043e\u043d\u0430 \u0435\u0441\u0442\u044c)\r\n        const copyBtn = document.getElementById('tk_copy_btn');\r\n        if (copyBtn) {\r\n            copyBtn.addEventListener('click', () => {\r\n                const trackVal = document.getElementById('tk_tracking_val').innerText;\r\n                \/\/ \u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434 \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0435\u0437\u0434\u0435)\r\n                const tempInput = document.createElement('input');\r\n                tempInput.value = trackVal;\r\n                document.body.appendChild(tempInput);\r\n                tempInput.select();\r\n                document.execCommand('copy');\r\n                document.body.removeChild(tempInput);\r\n                \r\n                \/\/ \u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0442\u043a\u043b\u0438\u043a\r\n                copyBtn.innerText = 'Copied!';\r\n                copyBtn.classList.add('copied');\r\n                setTimeout(() => {\r\n                    copyBtn.innerText = 'Copy';\r\n                    copyBtn.classList.remove('copied');\r\n                }, 2000);\r\n            });\r\n        }\r\n    }\r\n});\r\n<\/script>\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>","protected":false},"excerpt":{"rendered":"<p>Track Your Pair Enter your order details below to see the current status and tracking info. Order Number Email Address Find Order Current Status Processing Order Items<\/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-7202","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages\/7202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/comments?post=7202"}],"version-history":[{"count":22,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages\/7202\/revisions"}],"predecessor-version":[{"id":7225,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages\/7202\/revisions\/7225"}],"wp:attachment":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/media?parent=7202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}