Track Your Order | Burka Shop<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;600;700&family=Montserrat:wght@500;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary-black: #f58822;\r\n --secondary-gold: #041F1E;\r\n --light-gold: #D7263D;\r\n --bg-off-white: #f58822;\r\n --text-main: #041F1E;\r\n --text-muted: #041F1E;\r\n --white: #ffffff;\r\n --border: #041F1E;\r\n --shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n body {\r\n background-color: var(--bg-off-white);\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Montserrat', 'Hind Siliguri', sans-serif;\r\n color: var(--text-main);\r\n overflow-x: hidden;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 40px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .track-card {\r\n background: var(--white);\r\n border-radius: 32px;\r\n padding: 40px 20px;\r\n box-shadow: var(--shadow);\r\n text-align: center;\r\n border: 1px solid rgba(200, 169, 81, 0.2);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Decorative Background Elements *\/\r\n .track-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -50px;\r\n right: -50px;\r\n width: 200px;\r\n height: 200px;\r\n background: radial-gradient(circle, rgba(200, 169, 81, 0.1) 0%, transparent 70%);\r\n z-index: 0;\r\n }\r\n\r\n .card-content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .main-title {\r\n font-size: 32px;\r\n font-weight: 800;\r\n color: var(--primary-black);\r\n margin-bottom: 12px;\r\n letter-spacing: -0.5px;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .main-title span {\r\n color: var(--secondary-gold);\r\n }\r\n\r\n .sub-title {\r\n color: var(--text-muted);\r\n font-size: 16px;\r\n margin-bottom: 40px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.6;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* Search Bar *\/\r\n .search-wrapper {\r\n background: #041F1E;\r\n padding: 8px;\r\n border-radius: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n max-width: 650px;\r\n margin: 0 auto 50px;\r\n }\r\n\r\n .input-group {\r\n position: relative;\r\n flex: 1;\r\n }\r\n\r\n .input-group input {\r\n width: 100%;\r\n height: 60px;\r\n padding: 0 20px 0 55px;\r\n border: 2px solid transparent;\r\n border-radius: 12px;\r\n font-size: 16px;\r\n outline: none;\r\n box-sizing: border-box;\r\n transition: all 0.3s ease;\r\n background: var(--white);\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .input-group input:focus {\r\n border-color: var(--secondary-gold);\r\n }\r\n\r\n .search-icon {\r\n position: absolute;\r\n left: 20px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 20px;\r\n }\r\n\r\n \/* UPDATED BLACK BUTTON STYLE *\/\r\n .track-btn {\r\n background: var(--primary-black);\r\n color: var(--secondary-gold);\r\n border: 2px solid var(--secondary-gold);\r\n height: 60px;\r\n border-radius: 12px;\r\n font-weight: 700;\r\n font-size: 18px;\r\n cursor: pointer;\r\n padding: 0 40px;\r\n transition: all 0.3s ease;\r\n font-family: 'Montserrat', sans-serif;\r\n text-transform: uppercase;\r\n }\r\n\r\n .track-btn:hover {\r\n background: #222;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n }\r\n\r\n .loader {\r\n display: none;\r\n width: 40px;\r\n height: 40px;\r\n border: 3px solid #eee;\r\n border-top: 3px solid var(--secondary-gold);\r\n border-radius: 50%;\r\n margin: 30px auto;\r\n animation: spin 0.8s linear infinite;\r\n }\r\n\r\n @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n .error-msg {\r\n background: #fff5f5;\r\n color: #e53e3e;\r\n padding: 15px;\r\n border-radius: 10px;\r\n display: none;\r\n margin: 20px auto;\r\n max-width: 400px;\r\n font-weight: 600;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* Result Section UI *\/\r\n .result-section {\r\n display: none;\r\n margin-top: 20px;\r\n animation: fadeIn 0.5s ease;\r\n }\r\n\r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n\r\n \/* Stepper *\/\r\n .stepper {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 25px;\r\n margin-bottom: 50px;\r\n padding: 0 10px;\r\n text-align: left;\r\n }\r\n\r\n .step {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n .step-circle {\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n background: var(--white);\r\n border: 2px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n color: var(--text-muted);\r\n flex-shrink: 0;\r\n z-index: 2;\r\n }\r\n\r\n .step-title {\r\n font-weight: 700;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n font-family: 'Montserrat', sans-serif;\r\n text-transform: uppercase;\r\n }\r\n\r\n .step.completed .step-circle {\r\n background: var(--secondary-gold);\r\n border-color: var(--secondary-gold);\r\n color: var(--primary-black);\r\n }\r\n\r\n .step.active .step-circle {\r\n border-color: var(--secondary-gold);\r\n color: var(--secondary-gold);\r\n box-shadow: 0 0 15px rgba(200, 169, 81, 0.3);\r\n }\r\n\r\n .step.completed .step-title, .step.active .step-title { color: var(--primary-black); }\r\n\r\n \/* Order Info Grid *\/\r\n .order-details-grid {\r\n background: var(--primary-black);\r\n border-radius: 24px;\r\n padding: 30px;\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n text-align: left;\r\n }\r\n\r\n .detail-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n padding: 20px;\r\n border-radius: 16px;\r\n border: 1px solid rgba(200, 169, 81, 0.1);\r\n }\r\n\r\n .detail-card label {\r\n font-size: 11px;\r\n color: var(--secondary-gold);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n font-weight: 700;\r\n margin-bottom: 6px;\r\n display: block;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .detail-card span {\r\n font-weight: 600;\r\n font-size: 16px;\r\n color: var(--white);\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .trust-badges {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 50px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-weight: 700;\r\n color: var(--primary-black);\r\n font-size: 14px;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* Desktop Adjustments *\/\r\n @media (min-width: 768px) {\r\n .track-card { padding: 80px 60px; }\r\n .main-title { font-size: 48px; }\r\n .search-wrapper { flex-direction: row; padding: 10px; border-radius: 20px; }\r\n .order-details-grid { grid-template-columns: repeat(4, 1fr); }\r\n .stepper { flex-direction: row; justify-content: space-between; text-align: center; }\r\n .step { flex-direction: column; flex: 1; gap: 15px; }\r\n .step::after {\r\n content: '';\r\n position: absolute;\r\n top: 22px;\r\n left: calc(50% + 22px);\r\n width: calc(100% - 44px);\r\n height: 2px;\r\n background: var(--border);\r\n z-index: 1;\r\n }\r\n .step:last-child::after { display: none; }\r\n .step.completed::after { background: var(--secondary-gold); }\r\n .step-title { font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <div class=\"track-card\">\r\n <div class=\"card-content\">\r\n <h1 class=\"main-title\">Order <span>Tracking<\/span><\/h1>\r\n <p class=\"sub-title\">Enter your order ID below to check the current status of your stylish Burka or Abaya. We are working hard to deliver your favorite products quickly.<\/p>\r\n\r\n <div class=\"search-wrapper\">\r\n <div class=\"input-group\">\r\n <span class=\"search-icon\">\ud83d\udce6<\/span>\r\n <input type=\"text\" id=\"order_id_input\" placeholder=\"Order ID (Ex: 1025)\">\r\n <\/div>\r\n <button class=\"track-btn\" id=\"search_btn\" onclick=\"trackOrder()\">Track Now<\/button>\r\n <\/div>\r\n\r\n <div class=\"loader\" id=\"loader\"><\/div>\r\n <p class=\"error-msg\" id=\"error_msg\">\u26a0\ufe0f Sorry, this ID was not found. Please try again with a valid ID.<\/p>\r\n\r\n <div class=\"result-section\" id=\"result_section\">\r\n \r\n <div class=\"stepper\" id=\"stepper_box\">\r\n <div class=\"step\" id=\"step_pending\">\r\n <div class=\"step-circle\">1<\/div>\r\n <span class=\"step-title\">Order Pending<\/span>\r\n <\/div>\r\n <div class=\"step\" id=\"step_processing\">\r\n <div class=\"step-circle\">2<\/div>\r\n <span class=\"step-title\">Processing<\/span>\r\n <\/div>\r\n <div class=\"step\" id=\"step_on-hold\">\r\n <div class=\"step-circle\">3<\/div>\r\n <span class=\"step-title\">On Hold<\/span>\r\n <\/div>\r\n <div class=\"step\" id=\"step_completed\">\r\n <div class=\"step-circle\">4<\/div>\r\n <span class=\"step-title\">Delivered<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"order-details-grid\">\r\n <div class=\"detail-card\">\r\n <label>Order ID<\/label>\r\n <span id=\"out_id\">#---<\/span>\r\n <\/div>\r\n <div class=\"detail-card\">\r\n <label>Current Status<\/label>\r\n <span id=\"out_status\">---<\/span>\r\n <\/div>\r\n <div class=\"detail-card\">\r\n <label>Order Date<\/label>\r\n <span id=\"out_date\">---<\/span>\r\n <\/div>\r\n <div class=\"detail-card\">\r\n <label>Payment Method<\/label>\r\n <span id=\"out_payment\">---<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trust-badges\">\r\n <div class=\"badge\">\u2728 Premium Quality<\/div>\r\n <div class=\"badge\">\ud83d\ude9a Fast Delivery<\/div>\r\n <div class=\"badge\">\ud83d\udd12 Secure Payment<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n function trackOrder() {\r\n const orderId = document.getElementById('order_id_input').value.trim();\r\n const loader = document.getElementById('loader');\r\n const result = document.getElementById('result_section');\r\n const error = document.getElementById('error_msg');\r\n const btn = document.getElementById('search_btn');\r\n\r\n if (!orderId) return;\r\n\r\n loader.style.display = 'block';\r\n result.style.display = 'none';\r\n error.style.display = 'none';\r\n btn.disabled = true;\r\n\r\n const ajaxUrl = '\/wp-admin\/admin-ajax.php';\r\n const formData = new FormData();\r\n formData.append('action', 'fetch_order_status');\r\n formData.append('order_id', orderId);\r\n\r\n fetch(ajaxUrl, {\r\n method: 'POST',\r\n body: formData\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n loader.style.display = 'none';\r\n btn.disabled = false;\r\n\r\n if (response.success) {\r\n result.style.display = 'block';\r\n const data = response.data;\r\n \r\n document.getElementById('out_id').innerText = '#' + orderId;\r\n document.getElementById('out_date').innerText = data.date;\r\n document.getElementById('out_payment').innerText = data.payment_method || 'Cash on Delivery';\r\n \r\n const statusMap = {\r\n 'pending': 'Pending',\r\n 'processing': 'Processing',\r\n 'on-hold': 'On Hold',\r\n 'completed': 'Delivered'\r\n };\r\n document.getElementById('out_status').innerText = statusMap[data.status] || data.status;\r\n\r\n const steps = ['pending', 'processing', 'on-hold', 'completed'];\r\n let currentIdx = steps.indexOf(data.status);\r\n\r\n steps.forEach((s, i) => {\r\n const el = document.getElementById('step_' + s);\r\n el.className = 'step'; \r\n const circle = el.querySelector('.step-circle');\r\n if (i < currentIdx) {\r\n el.classList.add('completed');\r\n circle.innerHTML = '\u2713';\r\n } else if (i === currentIdx) {\r\n el.classList.add('active');\r\n circle.innerText = (i + 1);\r\n } else {\r\n circle.innerText = (i + 1);\r\n }\r\n });\r\n\r\n } else {\r\n error.style.display = 'block';\r\n }\r\n })\r\n .catch(err => {\r\n loader.style.display = 'none';\r\n btn.disabled = false;\r\n error.style.display = 'block';\r\n });\r\n }\r\n\r\n document.getElementById('order_id_input').addEventListener('keypress', function (e) {\r\n if (e.key === 'Enter') trackOrder();\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Track Your Order | Burka Shop Order Tracking Enter your order ID below to check the current status of your stylish Burka or Abaya. We are working hard to deliver your favorite products quickly. \ud83d\udce6 Track Now \u26a0\ufe0f Sorry, this ID was not found. Please try again with a valid ID. 1 Order Pending 2 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=48"}],"version-history":[{"count":55,"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":2908,"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions\/2908"}],"wp:attachment":[{"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Track Your Order | Burka Shop<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@400;600;700&family=Montserrat:wght@500;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary-black: #f58822;\r\n --secondary-gold: #041F1E;\r\n --light-gold: #D7263D;\r\n --bg-off-white: #f58822;\r\n --text-main: #041F1E;\r\n --text-muted: #041F1E;\r\n --white: #ffffff;\r\n --border: #041F1E;\r\n --shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n body {\r\n background-color: var(--bg-off-white);\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Montserrat', 'Hind Siliguri', sans-serif;\r\n color: var(--text-main);\r\n overflow-x: hidden;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 40px auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .track-card {\r\n background: var(--white);\r\n border-radius: 32px;\r\n padding: 40px 20px;\r\n box-shadow: var(--shadow);\r\n text-align: center;\r\n border: 1px solid rgba(200, 169, 81, 0.2);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Decorative Background Elements *\/\r\n .track-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -50px;\r\n right: -50px;\r\n width: 200px;\r\n height: 200px;\r\n background: radial-gradient(circle, rgba(200, 169, 81, 0.1) 0%, transparent 70%);\r\n z-index: 0;\r\n }\r\n\r\n .card-content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .main-title {\r\n font-size: 32px;\r\n font-weight: 800;\r\n color: var(--primary-black);\r\n margin-bottom: 12px;\r\n letter-spacing: -0.5px;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .main-title span {\r\n color: var(--secondary-gold);\r\n }\r\n\r\n .sub-title {\r\n color: var(--text-muted);\r\n font-size: 16px;\r\n margin-bottom: 40px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.6;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* Search Bar *\/\r\n .search-wrapper {\r\n background: #041F1E;\r\n padding: 8px;\r\n border-radius: 16px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n max-width: 650px;\r\n margin: 0 auto 50px;\r\n }\r\n\r\n .input-group {\r\n position: relative;\r\n flex: 1;\r\n }\r\n\r\n .input-group input {\r\n width: 100%;\r\n height: 60px;\r\n padding: 0 20px 0 55px;\r\n border: 2px solid transparent;\r\n border-radius: 12px;\r\n font-size: 16px;\r\n outline: none;\r\n box-sizing: border-box;\r\n transition: all 0.3s ease;\r\n background: var(--white);\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .input-group input:focus {\r\n border-color: var(--secondary-gold);\r\n }\r\n\r\n .search-icon {\r\n position: absolute;\r\n left: 20px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 20px;\r\n }\r\n\r\n \/* UPDATED BLACK BUTTON STYLE *\/\r\n .track-btn {\r\n background: var(--primary-black);\r\n color: var(--secondary-gold);\r\n border: 2px solid var(--secondary-gold);\r\n height: 60px;\r\n border-radius: 12px;\r\n font-weight: 700;\r\n font-size: 18px;\r\n cursor: pointer;\r\n padding: 0 40px;\r\n transition: all 0.3s ease;\r\n font-family: 'Montserrat', sans-serif;\r\n text-transform: uppercase;\r\n }\r\n\r\n .track-btn:hover {\r\n background: #222;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n }\r\n\r\n .loader {\r\n display: none;\r\n width: 40px;\r\n height: 40px;\r\n border: 3px solid #eee;\r\n border-top: 3px solid var(--secondary-gold);\r\n border-radius: 50%;\r\n margin: 30px auto;\r\n animation: spin 0.8s linear infinite;\r\n }\r\n\r\n @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n .error-msg {\r\n background: #fff5f5;\r\n color: #e53e3e;\r\n padding: 15px;\r\n border-radius: 10px;\r\n display: none;\r\n margin: 20px auto;\r\n max-width: 400px;\r\n font-weight: 600;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* Result Section UI *\/\r\n .result-section {\r\n display: none;\r\n margin-top: 20px;\r\n animation: fadeIn 0.5s ease;\r\n }\r\n\r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n\r\n \/* Stepper *\/\r\n .stepper {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 25px;\r\n margin-bottom: 50px;\r\n padding: 0 10px;\r\n text-align: left;\r\n }\r\n\r\n .step {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n position: relative;\r\n }\r\n\r\n .step-circle {\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n background: var(--white);\r\n border: 2px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n color: var(--text-muted);\r\n flex-shrink: 0;\r\n z-index: 2;\r\n }\r\n\r\n .step-title {\r\n font-weight: 700;\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n font-family: 'Montserrat', sans-serif;\r\n text-transform: uppercase;\r\n }\r\n\r\n .step.completed .step-circle {\r\n background: var(--secondary-gold);\r\n border-color: var(--secondary-gold);\r\n color: var(--primary-black);\r\n }\r\n\r\n .step.active .step-circle {\r\n border-color: var(--secondary-gold);\r\n color: var(--secondary-gold);\r\n box-shadow: 0 0 15px rgba(200, 169, 81, 0.3);\r\n }\r\n\r\n .step.completed .step-title, .step.active .step-title { color: var(--primary-black); }\r\n\r\n \/* Order Info Grid *\/\r\n .order-details-grid {\r\n background: var(--primary-black);\r\n border-radius: 24px;\r\n padding: 30px;\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n text-align: left;\r\n }\r\n\r\n .detail-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n padding: 20px;\r\n border-radius: 16px;\r\n border: 1px solid rgba(200, 169, 81, 0.1);\r\n }\r\n\r\n .detail-card label {\r\n font-size: 11px;\r\n color: var(--secondary-gold);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n font-weight: 700;\r\n margin-bottom: 6px;\r\n display: block;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .detail-card span {\r\n font-weight: 600;\r\n font-size: 16px;\r\n color: var(--white);\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n .trust-badges {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 50px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-weight: 700;\r\n color: var(--primary-black);\r\n font-size: 14px;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n\r\n \/* Desktop Adjustments *\/\r\n @media (min-width: 768px) {\r\n .track-card { padding: 80px 60px; }\r\n .main-title { font-size: 48px; }\r\n .search-wrapper { flex-direction: row; padding: 10px; border-radius: 20px; }\r\n .order-details-grid { grid-template-columns: repeat(4, 1fr); }\r\n .stepper { flex-direction: row; justify-content: space-between; text-align: center; }\r\n .step { flex-direction: column; flex: 1; gap: 15px; }\r\n .step::after {\r\n content: '';\r\n position: absolute;\r\n top: 22px;\r\n left: calc(50% + 22px);\r\n width: calc(100% - 44px);\r\n height: 2px;\r\n background: var(--border);\r\n z-index: 1;\r\n }\r\n .step:last-child::after { display: none; }\r\n .step.completed::after { background: var(--secondary-gold); }\r\n .step-title { font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <div class=\"track-card\">\r\n <div class=\"card-content\">\r\n <h1 class=\"main-title\">Order <span>Tracking<\/span><\/h1>\r\n <p class=\"sub-title\">Enter your order ID below to check the current status of your stylish Burka or Abaya. We are working hard to deliver your favorite products quickly.<\/p>\r\n\r\n <div class=\"search-wrapper\">\r\n <div class=\"input-group\">\r\n <span class=\"search-icon\">\ud83d\udce6<\/span>\r\n <input type=\"text\" id=\"order_id_input\" placeholder=\"Order ID (Ex: 1025)\">\r\n <\/div>\r\n <button class=\"track-btn\" id=\"search_btn\" onclick=\"trackOrder()\">Track Now<\/button>\r\n <\/div>\r\n\r\n <div class=\"loader\" id=\"loader\"><\/div>\r\n <p class=\"error-msg\" id=\"error_msg\">\u26a0\ufe0f Sorry, this ID was not found. Please try again with a valid ID.<\/p>\r\n\r\n <div class=\"result-section\" id=\"result_section\">\r\n \r\n <div class=\"stepper\" id=\"stepper_box\">\r\n <div class=\"step\" id=\"step_pending\">\r\n <div class=\"step-circle\">1<\/div>\r\n <span class=\"step-title\">Order Pending<\/span>\r\n <\/div>\r\n <div class=\"step\" id=\"step_processing\">\r\n <div class=\"step-circle\">2<\/div>\r\n <span class=\"step-title\">Processing<\/span>\r\n <\/div>\r\n <div class=\"step\" id=\"step_on-hold\">\r\n <div class=\"step-circle\">3<\/div>\r\n <span class=\"step-title\">On Hold<\/span>\r\n <\/div>\r\n <div class=\"step\" id=\"step_completed\">\r\n <div class=\"step-circle\">4<\/div>\r\n <span class=\"step-title\">Delivered<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"order-details-grid\">\r\n <div class=\"detail-card\">\r\n <label>Order ID<\/label>\r\n <span id=\"out_id\">#---<\/span>\r\n <\/div>\r\n <div class=\"detail-card\">\r\n <label>Current Status<\/label>\r\n <span id=\"out_status\">---<\/span>\r\n <\/div>\r\n <div class=\"detail-card\">\r\n <label>Order Date<\/label>\r\n <span id=\"out_date\">---<\/span>\r\n <\/div>\r\n <div class=\"detail-card\">\r\n <label>Payment Method<\/label>\r\n <span id=\"out_payment\">---<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"trust-badges\">\r\n <div class=\"badge\">\u2728 Premium Quality<\/div>\r\n <div class=\"badge\">\ud83d\ude9a Fast Delivery<\/div>\r\n <div class=\"badge\">\ud83d\udd12 Secure Payment<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n function trackOrder() {\r\n const orderId = document.getElementById('order_id_input').value.trim();\r\n const loader = document.getElementById('loader');\r\n const result = document.getElementById('result_section');\r\n const error = document.getElementById('error_msg');\r\n const btn = document.getElementById('search_btn');\r\n\r\n if (!orderId) return;\r\n\r\n loader.style.display = 'block';\r\n result.style.display = 'none';\r\n error.style.display = 'none';\r\n btn.disabled = true;\r\n\r\n const ajaxUrl = '\/wp-admin\/admin-ajax.php';\r\n const formData = new FormData();\r\n formData.append('action', 'fetch_order_status');\r\n formData.append('order_id', orderId);\r\n\r\n fetch(ajaxUrl, {\r\n method: 'POST',\r\n body: formData\r\n })\r\n .then(res => res.json())\r\n .then(response => {\r\n loader.style.display = 'none';\r\n btn.disabled = false;\r\n\r\n if (response.success) {\r\n result.style.display = 'block';\r\n const data = response.data;\r\n \r\n document.getElementById('out_id').innerText = '#' + orderId;\r\n document.getElementById('out_date').innerText = data.date;\r\n document.getElementById('out_payment').innerText = data.payment_method || 'Cash on Delivery';\r\n \r\n const statusMap = {\r\n 'pending': 'Pending',\r\n 'processing': 'Processing',\r\n 'on-hold': 'On Hold',\r\n 'completed': 'Delivered'\r\n };\r\n document.getElementById('out_status').innerText = statusMap[data.status] || data.status;\r\n\r\n const steps = ['pending', 'processing', 'on-hold', 'completed'];\r\n let currentIdx = steps.indexOf(data.status);\r\n\r\n steps.forEach((s, i) => {\r\n const el = document.getElementById('step_' + s);\r\n el.className = 'step'; \r\n const circle = el.querySelector('.step-circle');\r\n if (i < currentIdx) {\r\n el.classList.add('completed');\r\n circle.innerHTML = '\u2713';\r\n } else if (i === currentIdx) {\r\n el.classList.add('active');\r\n circle.innerText = (i + 1);\r\n } else {\r\n circle.innerText = (i + 1);\r\n }\r\n });\r\n\r\n } else {\r\n error.style.display = 'block';\r\n }\r\n })\r\n .catch(err => {\r\n loader.style.display = 'none';\r\n btn.disabled = false;\r\n error.style.display = 'block';\r\n });\r\n }\r\n\r\n document.getElementById('order_id_input').addEventListener('keypress', function (e) {\r\n if (e.key === 'Enter') trackOrder();\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Track Your Order | Burka Shop Order Tracking Enter your order ID below to check the current status of your stylish Burka or Abaya. We are working hard to deliver your favorite products quickly. \ud83d\udce6 Track Now \u26a0\ufe0f Sorry, this ID was not found. Please try again with a valid ID. 1 Order Pending 2 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=48"}],"version-history":[{"count":55,"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":2908,"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=\/wp\/v2\/pages\/48\/revisions\/2908"}],"wp:attachment":[{"href":"https:\/\/rkroyalmartbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}