{"id":1276,"date":"2025-03-07T01:15:49","date_gmt":"2025-03-06T23:15:49","guid":{"rendered":"https:\/\/bitalezz.com\/?page_id=1276"},"modified":"2026-04-18T10:18:39","modified_gmt":"2026-04-18T08:18:39","slug":"track-order","status":"publish","type":"page","link":"https:\/\/bitalezz.com\/ar\/track-order\/","title":{"rendered":"\u062a\u062a\u0628\u0639 \u0627\u0644\u0637\u0644\u0628"},"content":{"rendered":"\n<section class=\"wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-eb80dd6\" id=\"gspb_row-id-gsbp-eb80dd6\">\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-bcdea1e\" id=\"gspb_col-id-gsbp-bcdea1e\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&#038;family=Roboto:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    \/* \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0643\u0627\u0645\u0644 *\/\n    .bitalezz-order-track {\n        width: 100vw; position: relative; left: 50%; right: 50%;\n        margin-left: -50vw; margin-right: -50vw;\n        background-color: #f8fafc; color: #1e293b; line-height: 1.6;\n        overflow-x: hidden;\n    }\n\n    html[lang^=\"ar\"] .bitalezz-order-track { font-family: 'Cairo', sans-serif; direction: rtl; }\n    html[lang^=\"en\"] .bitalezz-order-track { font-family: 'Roboto', sans-serif; direction: ltr; }\n\n    \/* \u0633\u064a\u0643\u0634\u0646 \u0627\u0644\u0647\u064a\u0631\u0648 \u0627\u0644\u0641\u062e\u0645 *\/\n    .track-hero {\n        background: linear-gradient(135deg, rgba(26, 25, 71, 0.9) 0%, rgba(26, 25, 71, 0.7) 100%), \n                    url('https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?q=80&w=1632&auto=format&fit=crop'); \n        background-size: cover; background-position: center; background-attachment: fixed;\n        padding: 120px 5% 200px 5%; text-align: center; border-bottom: 6px solid #e69c3a;\n    }\n    .track-hero h1 { font-size: 52px; font-weight: 800; color: #ffffff !important; margin-bottom: 20px; text-shadow: 0 4px 10px rgba(0,0,0,0.3); }\n    .track-hero p { font-size: 22px; color: #e2e8f0 !important; max-width: 700px; margin: 0 auto; }\n\n    \/* \u062d\u0627\u0648\u064a\u0629 \u062a\u062a\u0628\u0639 \u0627\u0644\u0637\u0644\u0628 *\/\n    .track-container { padding: 0 5% 100px 5%; max-width: 1000px; margin: 0 auto; }\n\n    .track-card {\n        background: #ffffff; padding: 60px 40px; border-radius: 30px;\n        box-shadow: 0 30px 60px rgba(26, 25, 71, 0.12);\n        margin-top: -120px; position: relative; z-index: 10;\n        border: 1px solid rgba(255, 255, 255, 0.3);\n    }\n\n    \/* \u062a\u062d\u0633\u064a\u0646 \u0646\u0645\u0648\u0630\u062c \u0648\u0648\u0643\u0648\u0645\u0631\u0633 *\/\n    .woocommerce-form-track-order { text-align: center; }\n    .track-card p { font-size: 17px; color: #64748b; margin-bottom: 35px; }\n    .track-card label { display: block; font-weight: 700; color: #1a1947; margin-bottom: 12px; text-align: start; font-size: 15px; }\n    \n    .track-card input.input-text {\n        width: 100%; padding: 20px 25px; border: 2px solid #f1f5f9; border-radius: 15px;\n        font-size: 16px; margin-bottom: 25px; transition: 0.3s; background: #f8fafc;\n    }\n    .track-card input.input-text:focus { border-color: #e69c3a; background: #fff; box-shadow: 0 0 15px rgba(230, 156, 58, 0.1); }\n\n    .track-card button.button {\n        width: 100%; padding: 22px; background: linear-gradient(90deg, #1a1947 0%, #2a286b 100%) !important;\n        color: #fff !important; border: none; border-radius: 15px; font-size: 18px; font-weight: 800;\n        cursor: pointer; transition: 0.4s; box-shadow: 0 10px 20px rgba(26, 25, 71, 0.2);\n    }\n    .track-card button.button:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(230, 156, 58, 0.3); background: #e69c3a !important; }\n\n    \/* \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u062a\u0628\u0639 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0627\u0644\u0645\u0637\u0648\u0631 *\/\n    .track-steps-wrapper { margin-top: 60px; padding-top: 40px; border-top: 2px solid #f1f5f9; }\n    .track-steps { display: flex; justify-content: space-between; position: relative; }\n    .track-steps::before { content: \"\"; position: absolute; top: 30px; left: 0; right: 0; height: 6px; background: #f1f5f9; z-index: 1; border-radius: 10px; }\n    \n    .progress-line { position: absolute; top: 30px; right: 0; height: 6px; background: linear-gradient(90deg, #e69c3a, #ffc107); z-index: 1; transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1); width: 0%; border-radius: 10px; }\n\n    .step-item { position: relative; z-index: 2; text-align: center; width: 25%; }\n    .step-icon {\n        width: 65px; height: 65px; background: #fff; border: 4px solid #f1f5f9;\n        border-radius: 50%; display: flex; align-items: center; justify-content: center;\n        margin: 0 auto 15px; color: #cbd5e1; font-size: 24px; transition: 0.6s all;\n    }\n    \n    \/* \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0641\u0639\u0627\u0644\u0629 *\/\n    .step-item.completed .step-icon { border-color: #e69c3a; color: #fff; background: #1a1947; }\n    .step-item.active .step-icon { border-color: #e69c3a; color: #e69c3a; background: #fff; transform: scale(1.15); box-shadow: 0 0 25px rgba(230, 156, 58, 0.4); }\n    .step-item.active p { color: #e69c3a; font-weight: 800; }\n    .step-item p { font-size: 15px; font-weight: 700; color: #94a3b8; margin-top: 10px; transition: 0.3s; }\n\n    \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 *\/\n    .track-footer-help {\n        display: flex; align-items: center; justify-content: space-between;\n        background: #f1f5f9; padding: 30px 40px; border-radius: 20px; margin-top: 50px;\n    }\n    .help-text h4 { margin: 0; font-size: 20px; color: #1a1947; }\n    .help-text p { margin: 5px 0 0; font-size: 15px; color: #64748b; }\n    .help-btn {\n        background: #25d366; color: #fff !important; padding: 12px 25px;\n        border-radius: 12px; font-weight: 700; text-decoration: none; display: flex; align-items: center; gap: 10px; transition: 0.3s;\n    }\n    .help-btn:hover { background: #1da851; transform: scale(1.05); }\n\n    @media (max-width: 768px) {\n        .track-hero h1 { font-size: 36px; }\n        .track-card { padding: 40px 20px; margin-top: -80px; }\n        .track-steps::before, .progress-line { top: 25px; }\n        .step-icon { width: 50px; height: 50px; font-size: 18px; }\n        .track-footer-help { flex-direction: column; text-align: center; gap: 20px; }\n        .track-steps { flex-wrap: wrap; }\n        .step-item { width: 50%; margin-bottom: 40px; }\n        .track-steps::before, .progress-line { display: none; }\n    }\n<\/style>\n\n<div class=\"bitalezz-order-track\">\n    <div class=\"track-hero\">\n        <h1>\u062a\u062a\u0628\u0639 \u0634\u062d\u0646\u062a\u0643<\/h1>\n        <p>\u0646\u062d\u0646 \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u0648\u0635\u0648\u0644 \u0645\u0646\u062a\u062c\u0627\u062a \u0628\u064a\u062a\u0627\u0644\u064a\u0632 \u0625\u0644\u064a\u0643 \u0628\u0623\u0641\u0636\u0644 \u062d\u0627\u0644 \u0648\u0641\u064a \u0623\u0633\u0631\u0639 \u0648\u0642\u062a \u0645\u0645\u0643\u0646<\/p>\n    <\/div>\n\n    <div class=\"track-container\">\n        <div class=\"track-card\">\n            <div class=\"woocommerce\"><\/div>\n\n            <div id=\"bitalezz-live-tracking\" style=\"display:none;\" class=\"track-steps-wrapper\">\n                <div class=\"track-steps\">\n                    <div id=\"line-progress\" class=\"progress-line\"><\/div>\n                    \n                    <div class=\"step-item\" id=\"step-1\">\n                        <div class=\"step-icon\"><i class=\"fas fa-check-double\"><\/i><\/div>\n                        <p>\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0637\u0644\u0628<\/p>\n                    <\/div>\n                    <div class=\"step-item\" id=\"step-2\">\n                        <div class=\"step-icon\"><i class=\"fas fa-hammer\"><\/i><\/div>\n                        <p>\u0642\u064a\u062f \u0627\u0644\u062a\u0635\u0646\u064a\u0639<\/p>\n                    <\/div>\n                    <div class=\"step-item\" id=\"step-3\">\n                        <div class=\"step-icon\"><i class=\"fas fa-shuttle-van\"><\/i><\/div>\n                        <p>\u062c\u0627\u0647\u0632 \u0644\u0644\u0634\u062d\u0646<\/p>\n                    <\/div>\n                    <div class=\"step-item\" id=\"step-4\">\n                        <div class=\"step-icon\"><i class=\"fas fa-gift\"><\/i><\/div>\n                        <p>\u062a\u0645 \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"track-footer-help\">\n                <div class=\"help-text\">\n                    <h4>\u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u062a\u0628\u0639\u061f<\/h4>\n                    <p>\u0641\u0631\u064a\u0642 \u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u062a\u0627\u062d \u062f\u0627\u0626\u0645\u0627\u064b \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643<\/p>\n                <\/div>\n                <a href=\"https:\/\/wa.me\/201202622224\" class=\"help-btn\" target=\"_blank\" rel=\"noopener\">\n                    <i class=\"fab fa-whatsapp\"><\/i> \u0648\u0627\u062a\u0633\u0627\u0628 \u0628\u064a\u062a\u0627\u0644\u064a\u0632\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const orderDetails = document.querySelector(\".woocommerce-order-details\");\n    if (orderDetails) {\n        document.getElementById(\"bitalezz-live-tracking\").style.display = \"block\";\n        \n        const pageText = document.body.innerText;\n        let step = 1;\n\n        \/\/ \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062d\u0627\u0644\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0646\u0635 \u0627\u0644\u0638\u0627\u0647\u0631 \u0645\u0646 \u0648\u0648\u0643\u0648\u0645\u0631\u0633\n        if (pageText.includes(\"\u0628\u0627\u0646\u062a\u0638\u0627\u0631 \u0627\u0644\u062f\u0641\u0639\") || pageText.includes(\"\u0642\u064a\u062f \u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631\")) step = 1;\n        else if (pageText.includes(\"\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\") || pageText.includes(\"\u0642\u064a\u062f \u0627\u0644\u062a\u0635\u0646\u064a\u0639\")) step = 2;\n        else if (pageText.includes(\"\u062c\u0627\u0647\u0632 \u0644\u0644\u0634\u062d\u0646\") || pageText.includes(\"\u062a\u0645 \u0627\u0644\u0634\u062d\u0646\")) step = 3;\n        else if (pageText.includes(\"\u0645\u0643\u062a\u0645\u0644\")) step = 4;\n\n        \/\/ \u062a\u0644\u0648\u064a\u0646 \u0627\u0644\u0645\u0631\u0627\u062d\u0644\n        for (let i = 1; i <= step; i++) {\n            const el = document.getElementById(\"step-\" + i);\n            if (i < step) {\n                el.classList.add(\"completed\");\n                el.querySelector(\"i\").className = \"fas fa-check\"; \/\/ \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0644\u0639\u0644\u0627\u0645\u0629 \u0635\u062d \u0639\u0646\u062f \u0627\u0644\u0627\u0643\u062a\u0645\u0627\u0644\n            }\n            if (i === step) el.classList.add(\"active\");\n        }\n        \n        \/\/ \u062a\u062d\u0631\u064a\u0643 \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0642\u062f\u0645 \u0628\u0630\u0643\u0627\u0621\n        setTimeout(() => {\n            const progressLine = document.getElementById(\"line-progress\");\n            const progressWidth = ((step - 1) \/ 3) * 100;\n            progressLine.style.width = progressWidth + \"%\";\n        }, 500);\n    }\n});\n<\/script>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":13769,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"#gspb_row-id-gsbp-eb80dd6{justify-content:space-between;margin-top:0;display:flex;flex-wrap:wrap;margin-bottom:0;padding-bottom:0}#gspb_row-id-gsbp-eb80dd6>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}.gspb_row{position:relative}div[id^=gspb_col-id]{box-sizing:border-box;position:relative;padding:var(--gs-row-column-padding, 15px min(3vw, 20px))}#gspb_col-id-gsbp-bcdea1e.gspb_row__col--12{width:100%}@media (max-width:575.98px){#gspb_col-id-gsbp-bcdea1e.gspb_row__col--12{width:100%}}","content-type":"","footnotes":""},"class_list":["post-1276","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"disable_footer":"no","vertical_spacing_source":"custom","content_area_spacing":"none","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] {background-color:initial;background-image:linear-gradient(to top, #dfe9f3 0%, white 100%);}","tablet":"","mobile":""},"google_fonts":[],"version":6},"has_hero_section":"disabled","background":{"background_type":"gradient","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(to top, #dfe9f3 0%, white 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"page_structure_type":"type-4"},"_announcement_type":null,"_announcement_selected_user":null,"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/bitalezz.com\/ar\/wp-json\/wp\/v2\/pages\/1276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitalezz.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bitalezz.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bitalezz.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bitalezz.com\/ar\/wp-json\/wp\/v2\/comments?post=1276"}],"version-history":[{"count":0,"href":"https:\/\/bitalezz.com\/ar\/wp-json\/wp\/v2\/pages\/1276\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bitalezz.com\/ar\/wp-json\/wp\/v2\/media\/13769"}],"wp:attachment":[{"href":"https:\/\/bitalezz.com\/ar\/wp-json\/wp\/v2\/media?parent=1276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}