Track Your Repair Ticket<\/title>\n\n <style>\n :root{\n --primary:#0095a8;\n --border:rgba(0,0,0,.12);\n --muted:#667085;\n --bg:#f6f7fb;\n --card:#fff;\n --shadow:0 14px 40px rgba(0,0,0,.10);\n --success:#0a7a3d;\n --danger:#b00020;\n }\n *{box-sizing:border-box}\n body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#111}\n .wrap{max-width:980px;margin:0 auto;padding:28px 16px}\n .card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}\n .header{padding:18px;border-bottom:1px solid rgba(0,0,0,.07);display:flex;align-items:center;gap:10px;justify-content:space-between}\n .title{font-weight:900;font-size:20px}\n .sub{color:var(--muted);font-weight:700;font-size:13px;margin-top:2px}\n .content{padding:18px}\n .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}\n @media (max-width:860px){ .grid{grid-template-columns:1fr} }\n\n .inputRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}\n .input{\n flex:1;min-width:240px;height:46px;\n border:1px solid var(--border);border-radius:12px;\n padding:0 14px;font-size:15px;font-weight:800;background:#fff;outline:none\n }\n .input:focus{border-color:rgba(0,149,168,.55);box-shadow:0 0 0 3px rgba(0,149,168,.12)}\n .btn{\n height:46px;border:0;border-radius:12px;padding:0 18px;\n font-weight:900;cursor:pointer;\n background:linear-gradient(90deg,#0095a8,#00b8d9);\n color:#fff;min-width:140px\n }\n .btn:disabled{opacity:.55;cursor:not-allowed}\n\n .pill{\n display:inline-flex;align-items:center;gap:8px;\n border-radius:999px;padding:8px 12px;\n border:1px solid rgba(0,0,0,.12);\n font-weight:900;font-size:12px;background:#fff;color:#111\n }\n .pill.ok{border-color:rgba(10,122,61,.22);background:rgba(10,122,61,.06);color:var(--success)}\n .pill.bad{border-color:rgba(176,0,32,.22);background:rgba(176,0,32,.06);color:var(--danger)}\n\n .box{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fff}\n .box h3{margin:0 0 10px;font-size:14px;font-weight:900}\n .kv{display:grid;grid-template-columns:130px 1fr;gap:8px 10px;font-size:13px}\n .kv div:nth-child(odd){color:var(--muted);font-weight:800}\n .kv div:nth-child(even){font-weight:800}\n\n .timeline{margin-top:14px}\n .trow{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:12px 0;border-top:1px dashed rgba(0,0,0,.10)}\n .trow:first-child{border-top:0}\n .dot{\n width:18px;height:18px;border-radius:999px;background:rgba(0,0,0,.10);\n margin-top:2px;border:3px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,.10)\n }\n .dot.active{background:var(--primary);box-shadow:0 0 0 2px rgba(0,149,168,.28)}\n .tmain{display:flex;flex-direction:column;gap:4px}\n .tname{font-weight:900;font-size:14px}\n .tdesc{color:#333;font-weight:700;font-size:13px;line-height:1.45}\n .tmeta{color:var(--muted);font-weight:800;font-size:12px}\n\n .msg{margin-top:12px;font-weight:900;font-size:13px;display:none}\n .msg.err{color:var(--danger)}\n .msg.ok{color:var(--success)}\n .small{color:var(--muted);font-weight:800;font-size:12px;margin-top:8px}\n <\/style>\n<\/head>\n\n<body>\n <div class=\"wrap\">\n <div class=\"card\">\n <div class=\"header\">\n <div>\n <div class=\"title\">Track Your Service<\/div>\n <div class=\"sub\">Enter your <b>Ticket ID<\/b> to view the latest status timeline.<\/div>\n <\/div>\n <div class=\"pill\" id=\"statusPill\">Not loaded<\/div>\n <\/div>\n\n <div class=\"content\">\n <div class=\"grid\">\n <div class=\"box\">\n <h3>Ticket Lookup<\/h3>\n <div class=\"inputRow\">\n <input class=\"input\" id=\"ticketInput\" placeholder=\"Ticket ID (example: M12345432...)\" \/>\n <button class=\"btn\" id=\"trackBtn\" type=\"button\">Track<\/button>\n <\/div>\n\n <div class=\"msg err\" id=\"errMsg\"><\/div>\n <div class=\"msg ok\" id=\"okMsg\"><\/div>\n\n <div class=\"timeline\" id=\"timeline\" style=\"display:none;\"><\/div>\n\n <div class=\"small\">\n This lookup uses the Ticket id\n <\/div>\n <\/div>\n\n <div class=\"box\">\n <h3>Ticket Details<\/h3>\n <div class=\"kv\" id=\"detailsBox\">\n <div>Ticket ID<\/div><div>\u2014<\/div>\n <div>Customer<\/div><div>\u2014<\/div>\n <div>Device<\/div><div>\u2014<\/div>\n <div>Warranty<\/div><div>\u2014<\/div>\n <div>Last Update<\/div><div>\u2014<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script type=\"module\">\n import { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/10.13.1\/firebase-app.js\";\n import { getFirestore, doc, getDoc } from \"https:\/\/www.gstatic.com\/firebasejs\/10.13.1\/firebase-firestore.js\";\n\n \/\/ \u2705 TODO: replace with your Firebase config\n const firebaseConfig = {\n apiKey: \"AIzaSyCWSayCLeyr_6aBSNjb4nCY--Lw-DB_4S4\",\n authDomain: \"solutionssystemmain.firebaseapp.com\",\n projectId: \"solutionssystemmain\",\n storageBucket: \"solutionssystemmain.appspot.com\",\n messagingSenderId: \"961697855820\",\n appId: \"1:961697855820:web:a83ed62b1fdacee11f77e9\",\n };\n\n const COLLECTION_NAME = \"tickets\"; \/\/ change if your collection name differs\n\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n\n const $ = (s) => document.querySelector(s);\n const ticketInput = $(\"#ticketInput\");\n const trackBtn = $(\"#trackBtn\");\n const timelineEl = $(\"#timeline\");\n const errMsg = $(\"#errMsg\");\n const okMsg = $(\"#okMsg\");\n const statusPill = $(\"#statusPill\");\n const detailsBox = $(\"#detailsBox\");\n\n function setPill(text, type){\n statusPill.textContent = text;\n statusPill.classList.remove(\"ok\",\"bad\");\n if(type === \"ok\") statusPill.classList.add(\"ok\");\n if(type === \"bad\") statusPill.classList.add(\"bad\");\n }\n function showErr(msg){\n errMsg.style.display = \"\";\n errMsg.textContent = msg;\n okMsg.style.display = \"none\";\n }\n function showOk(msg){\n okMsg.style.display = \"\";\n okMsg.textContent = msg;\n errMsg.style.display = \"none\";\n }\n function setLoading(isLoading){\n trackBtn.disabled = isLoading;\n trackBtn.textContent = isLoading ? \"Loading...\" : \"Track\";\n }\n\n \/\/ Adjust these labels to your real meanings\n const STATE_LABELS = {\n 0: \"Ticket Created\",\n 1: \"Received\",\n 2: \"Diagnosing\",\n 3: \"Awaiting Parts\",\n 4: \"Repairing\",\n 5: \"Testing\",\n 6: \"Action Taken \/ Ready\",\n 7: \"Closed\"\n };\n\n function escapeHtml(str){\n return String(str)\n .replaceAll(\"&\",\"&\")\n .replaceAll(\"<\",\"<\")\n .replaceAll(\">\",\">\")\n .replaceAll('\"',\""\")\n .replaceAll(\"'\",\"'\");\n }\n\n function normalizeTimeline(ticket){\n const states = Array.isArray(ticket.ticketStates) ? ticket.ticketStates : [];\n const details = Array.isArray(ticket.details) ? ticket.details : [];\n\n const steps = [];\n for(let i=0;i<states.length;i++){\n const stateNum = states[i];\n steps.push({\n state: stateNum,\n title: STATE_LABELS[stateNum] ?? `State ${stateNum}`,\n detail: (details[i] ?? \"\").trim()\n });\n }\n if(!steps.length) steps.push({ state:null, title:\"No timeline yet\", detail:\"\" });\n return steps;\n }\n\n function renderTicket(ticketId, ticket){\n \/\/ right panel\n const customer = ticket.customerName ?? \"\u2014\";\n const device = ticket.deviceDescription ?? ticket.machineType ?? \"\u2014\";\n const warranty = ticket.warrantyStatus ?? \"\u2014\";\n const lastUpdate = ticket.date ?? ticket.readyForPickupDate ?? \"\u2014\";\n\n detailsBox.innerHTML = `\n <div>Ticket ID<\/div><div>${escapeHtml(ticketId)}<\/div>\n <div>Customer<\/div><div>${escapeHtml(customer)}<\/div>\n <div>Device<\/div><div>${escapeHtml(device)}<\/div>\n <div>Warranty<\/div><div>${escapeHtml(warranty)}<\/div>\n <div>Last Update<\/div><div>${escapeHtml(lastUpdate)}<\/div>\n `;\n\n \/\/ timeline\n const steps = normalizeTimeline(ticket);\n timelineEl.style.display = \"\";\n timelineEl.innerHTML = steps.map((s, idx) => {\n const isActive = idx === steps.length - 1;\n return `\n <div class=\"trow\">\n <div><div class=\"dot ${isActive ? \"active\" : \"\"}\"><\/div><\/div>\n <div class=\"tmain\">\n <div class=\"tname\">${escapeHtml(s.title)}<\/div>\n ${s.detail ? `<div class=\"tdesc\">${escapeHtml(s.detail)}<\/div>` : `<div class=\"tmeta\">No note for this step.<\/div>`}\n <\/div>\n <\/div>\n `;\n }).join(\"\");\n\n const current = steps[steps.length - 1];\n setPill(current?.title ? `Current: ${current.title}` : \"Loaded\", \"ok\");\n showOk(\"Ticket loaded successfully.\");\n }\n\n async function fetchTicketByDocId(ticketId){\n const id = String(ticketId || \"\").trim();\n if(!id) throw new Error(\"Please enter the Ticket Document ID.\");\n \/\/ Optional: basic sanity length check (Firestore ids usually ~20 chars)\n if(id.length < 8) throw new Error(\"This looks too short. Please paste the full Ticket Document ID.\");\n\n const ref = doc(db, COLLECTION_NAME, id);\n const snap = await getDoc(ref);\n if(!snap.exists()) return null;\n return snap.data();\n }\n\n async function runLookup(){\n const ticketId = (ticketInput.value || \"\").trim();\n\n errMsg.style.display = \"none\";\n okMsg.style.display = \"none\";\n timelineEl.style.display = \"none\";\n setPill(\"Loading...\", \"\");\n\n try{\n setLoading(true);\n const ticket = await fetchTicketByDocId(ticketId);\n if(!ticket){\n setPill(\"Not found\", \"bad\");\n showErr(\"Ticket not found. Please check the Ticket Document ID and try again.\");\n return;\n }\n renderTicket(ticketId, ticket);\n }catch(e){\n console.error(e);\n setPill(\"Error\", \"bad\");\n showErr(e?.message || \"Something went wrong. Please try again.\");\n }finally{\n setLoading(false);\n }\n }\n\n trackBtn.addEventListener(\"click\", runLookup);\n ticketInput.addEventListener(\"keydown\", (e) => {\n if(e.key === \"Enter\") runLookup();\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Track Your Repair Ticket Track Your Service Enter your Ticket ID to view the latest status timeline. Not loaded Ticket Lookup Track This lookup uses the Ticket id Ticket Details Ticket ID\u2014 Customer\u2014 Device\u2014 Warranty\u2014 Last Update\u2014<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2711","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"\n<title>Service tracking -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/365solutionsjo.com\/ar\/service-tracking\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Service tracking -\" \/>\n<meta property=\"og:description\" content=\"Track Your Repair Ticket Track Your Service Enter your Ticket ID to view the latest status timeline. Not loaded Ticket Lookup Track This lookup uses the Ticket id Ticket Details Ticket ID\u2014 Customer\u2014 Device\u2014 Warranty\u2014 Last Update\u2014\" \/>\n<meta property=\"og:url\" content=\"https:\/\/365solutionsjo.com\/ar\/service-tracking\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-08T14:16:37+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/service-tracking\\\/\",\"url\":\"https:\\\/\\\/365solutionsjo.com\\\/service-tracking\\\/\",\"name\":\"Service tracking -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/#website\"},\"datePublished\":\"2026-01-08T14:16:16+00:00\",\"dateModified\":\"2026-01-08T14:16:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/service-tracking\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/365solutionsjo.com\\\/service-tracking\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/service-tracking\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/365solutionsjo.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Service tracking\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/#website\",\"url\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n","yoast_head_json":{"title":"Service tracking -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/365solutionsjo.com\/ar\/service-tracking\/","og_locale":"ar_AR","og_type":"article","og_title":"Service tracking -","og_description":"Track Your Repair Ticket Track Your Service Enter your Ticket ID to view the latest status timeline. Not loaded Ticket Lookup Track This lookup uses the Ticket id Ticket Details Ticket ID\u2014 Customer\u2014 Device\u2014 Warranty\u2014 Last Update\u2014","og_url":"https:\/\/365solutionsjo.com\/ar\/service-tracking\/","article_modified_time":"2026-01-08T14:16:37+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/365solutionsjo.com\/service-tracking\/","url":"https:\/\/365solutionsjo.com\/service-tracking\/","name":"Service tracking -","isPartOf":{"@id":"https:\/\/dso.azu.mybluehost.me\/#website"},"datePublished":"2026-01-08T14:16:16+00:00","dateModified":"2026-01-08T14:16:37+00:00","breadcrumb":{"@id":"https:\/\/365solutionsjo.com\/service-tracking\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/365solutionsjo.com\/service-tracking\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/365solutionsjo.com\/service-tracking\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/365solutionsjo.com\/"},{"@type":"ListItem","position":2,"name":"Service tracking"}]},{"@type":"WebSite","@id":"https:\/\/dso.azu.mybluehost.me\/#website","url":"https:\/\/dso.azu.mybluehost.me\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dso.azu.mybluehost.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/365solutionsjo.com\/ar\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Track Your Repair Ticket Track Your Service Enter your Ticket ID to view the latest status timeline. Not loaded Ticket Lookup Track This lookup uses the Ticket id Ticket Details Ticket ID\u2014 Customer\u2014 Device\u2014 Warranty\u2014 Last Update\u2014","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages\/2711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/comments?post=2711"}],"version-history":[{"count":20,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages\/2711\/revisions"}],"predecessor-version":[{"id":2732,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages\/2711\/revisions\/2732"}],"wp:attachment":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/media?parent=2711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Track Your Repair Ticket<\/title>\n\n <style>\n :root{\n --primary:#0095a8;\n --border:rgba(0,0,0,.12);\n --muted:#667085;\n --bg:#f6f7fb;\n --card:#fff;\n --shadow:0 14px 40px rgba(0,0,0,.10);\n --success:#0a7a3d;\n --danger:#b00020;\n }\n *{box-sizing:border-box}\n body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#111}\n .wrap{max-width:980px;margin:0 auto;padding:28px 16px}\n .card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}\n .header{padding:18px;border-bottom:1px solid rgba(0,0,0,.07);display:flex;align-items:center;gap:10px;justify-content:space-between}\n .title{font-weight:900;font-size:20px}\n .sub{color:var(--muted);font-weight:700;font-size:13px;margin-top:2px}\n .content{padding:18px}\n .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}\n @media (max-width:860px){ .grid{grid-template-columns:1fr} }\n\n .inputRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}\n .input{\n flex:1;min-width:240px;height:46px;\n border:1px solid var(--border);border-radius:12px;\n padding:0 14px;font-size:15px;font-weight:800;background:#fff;outline:none\n }\n .input:focus{border-color:rgba(0,149,168,.55);box-shadow:0 0 0 3px rgba(0,149,168,.12)}\n .btn{\n height:46px;border:0;border-radius:12px;padding:0 18px;\n font-weight:900;cursor:pointer;\n background:linear-gradient(90deg,#0095a8,#00b8d9);\n color:#fff;min-width:140px\n }\n .btn:disabled{opacity:.55;cursor:not-allowed}\n\n .pill{\n display:inline-flex;align-items:center;gap:8px;\n border-radius:999px;padding:8px 12px;\n border:1px solid rgba(0,0,0,.12);\n font-weight:900;font-size:12px;background:#fff;color:#111\n }\n .pill.ok{border-color:rgba(10,122,61,.22);background:rgba(10,122,61,.06);color:var(--success)}\n .pill.bad{border-color:rgba(176,0,32,.22);background:rgba(176,0,32,.06);color:var(--danger)}\n\n .box{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fff}\n .box h3{margin:0 0 10px;font-size:14px;font-weight:900}\n .kv{display:grid;grid-template-columns:130px 1fr;gap:8px 10px;font-size:13px}\n .kv div:nth-child(odd){color:var(--muted);font-weight:800}\n .kv div:nth-child(even){font-weight:800}\n\n .timeline{margin-top:14px}\n .trow{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:12px 0;border-top:1px dashed rgba(0,0,0,.10)}\n .trow:first-child{border-top:0}\n .dot{\n width:18px;height:18px;border-radius:999px;background:rgba(0,0,0,.10);\n margin-top:2px;border:3px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,.10)\n }\n .dot.active{background:var(--primary);box-shadow:0 0 0 2px rgba(0,149,168,.28)}\n .tmain{display:flex;flex-direction:column;gap:4px}\n .tname{font-weight:900;font-size:14px}\n .tdesc{color:#333;font-weight:700;font-size:13px;line-height:1.45}\n .tmeta{color:var(--muted);font-weight:800;font-size:12px}\n\n .msg{margin-top:12px;font-weight:900;font-size:13px;display:none}\n .msg.err{color:var(--danger)}\n .msg.ok{color:var(--success)}\n .small{color:var(--muted);font-weight:800;font-size:12px;margin-top:8px}\n <\/style>\n<\/head>\n\n<body>\n <div class=\"wrap\">\n <div class=\"card\">\n <div class=\"header\">\n <div>\n <div class=\"title\">Track Your Service<\/div>\n <div class=\"sub\">Enter your <b>Ticket ID<\/b> to view the latest status timeline.<\/div>\n <\/div>\n <div class=\"pill\" id=\"statusPill\">Not loaded<\/div>\n <\/div>\n\n <div class=\"content\">\n <div class=\"grid\">\n <div class=\"box\">\n <h3>Ticket Lookup<\/h3>\n <div class=\"inputRow\">\n <input class=\"input\" id=\"ticketInput\" placeholder=\"Ticket ID (example: M12345432...)\" \/>\n <button class=\"btn\" id=\"trackBtn\" type=\"button\">Track<\/button>\n <\/div>\n\n <div class=\"msg err\" id=\"errMsg\"><\/div>\n <div class=\"msg ok\" id=\"okMsg\"><\/div>\n\n <div class=\"timeline\" id=\"timeline\" style=\"display:none;\"><\/div>\n\n <div class=\"small\">\n This lookup uses the Ticket id\n <\/div>\n <\/div>\n\n <div class=\"box\">\n <h3>Ticket Details<\/h3>\n <div class=\"kv\" id=\"detailsBox\">\n <div>Ticket ID<\/div><div>\u2014<\/div>\n <div>Customer<\/div><div>\u2014<\/div>\n <div>Device<\/div><div>\u2014<\/div>\n <div>Warranty<\/div><div>\u2014<\/div>\n <div>Last Update<\/div><div>\u2014<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script type=\"module\">\n import { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/10.13.1\/firebase-app.js\";\n import { getFirestore, doc, getDoc } from \"https:\/\/www.gstatic.com\/firebasejs\/10.13.1\/firebase-firestore.js\";\n\n \/\/ \u2705 TODO: replace with your Firebase config\n const firebaseConfig = {\n apiKey: \"AIzaSyCWSayCLeyr_6aBSNjb4nCY--Lw-DB_4S4\",\n authDomain: \"solutionssystemmain.firebaseapp.com\",\n projectId: \"solutionssystemmain\",\n storageBucket: \"solutionssystemmain.appspot.com\",\n messagingSenderId: \"961697855820\",\n appId: \"1:961697855820:web:a83ed62b1fdacee11f77e9\",\n };\n\n const COLLECTION_NAME = \"tickets\"; \/\/ change if your collection name differs\n\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n\n const $ = (s) => document.querySelector(s);\n const ticketInput = $(\"#ticketInput\");\n const trackBtn = $(\"#trackBtn\");\n const timelineEl = $(\"#timeline\");\n const errMsg = $(\"#errMsg\");\n const okMsg = $(\"#okMsg\");\n const statusPill = $(\"#statusPill\");\n const detailsBox = $(\"#detailsBox\");\n\n function setPill(text, type){\n statusPill.textContent = text;\n statusPill.classList.remove(\"ok\",\"bad\");\n if(type === \"ok\") statusPill.classList.add(\"ok\");\n if(type === \"bad\") statusPill.classList.add(\"bad\");\n }\n function showErr(msg){\n errMsg.style.display = \"\";\n errMsg.textContent = msg;\n okMsg.style.display = \"none\";\n }\n function showOk(msg){\n okMsg.style.display = \"\";\n okMsg.textContent = msg;\n errMsg.style.display = \"none\";\n }\n function setLoading(isLoading){\n trackBtn.disabled = isLoading;\n trackBtn.textContent = isLoading ? \"Loading...\" : \"Track\";\n }\n\n \/\/ Adjust these labels to your real meanings\n const STATE_LABELS = {\n 0: \"Ticket Created\",\n 1: \"Received\",\n 2: \"Diagnosing\",\n 3: \"Awaiting Parts\",\n 4: \"Repairing\",\n 5: \"Testing\",\n 6: \"Action Taken \/ Ready\",\n 7: \"Closed\"\n };\n\n function escapeHtml(str){\n return String(str)\n .replaceAll(\"&\",\"&\")\n .replaceAll(\"<\",\"<\")\n .replaceAll(\">\",\">\")\n .replaceAll('\"',\""\")\n .replaceAll(\"'\",\"'\");\n }\n\n function normalizeTimeline(ticket){\n const states = Array.isArray(ticket.ticketStates) ? ticket.ticketStates : [];\n const details = Array.isArray(ticket.details) ? ticket.details : [];\n\n const steps = [];\n for(let i=0;i<states.length;i++){\n const stateNum = states[i];\n steps.push({\n state: stateNum,\n title: STATE_LABELS[stateNum] ?? `State ${stateNum}`,\n detail: (details[i] ?? \"\").trim()\n });\n }\n if(!steps.length) steps.push({ state:null, title:\"No timeline yet\", detail:\"\" });\n return steps;\n }\n\n function renderTicket(ticketId, ticket){\n \/\/ right panel\n const customer = ticket.customerName ?? \"\u2014\";\n const device = ticket.deviceDescription ?? ticket.machineType ?? \"\u2014\";\n const warranty = ticket.warrantyStatus ?? \"\u2014\";\n const lastUpdate = ticket.date ?? ticket.readyForPickupDate ?? \"\u2014\";\n\n detailsBox.innerHTML = `\n <div>Ticket ID<\/div><div>${escapeHtml(ticketId)}<\/div>\n <div>Customer<\/div><div>${escapeHtml(customer)}<\/div>\n <div>Device<\/div><div>${escapeHtml(device)}<\/div>\n <div>Warranty<\/div><div>${escapeHtml(warranty)}<\/div>\n <div>Last Update<\/div><div>${escapeHtml(lastUpdate)}<\/div>\n `;\n\n \/\/ timeline\n const steps = normalizeTimeline(ticket);\n timelineEl.style.display = \"\";\n timelineEl.innerHTML = steps.map((s, idx) => {\n const isActive = idx === steps.length - 1;\n return `\n <div class=\"trow\">\n <div><div class=\"dot ${isActive ? \"active\" : \"\"}\"><\/div><\/div>\n <div class=\"tmain\">\n <div class=\"tname\">${escapeHtml(s.title)}<\/div>\n ${s.detail ? `<div class=\"tdesc\">${escapeHtml(s.detail)}<\/div>` : `<div class=\"tmeta\">No note for this step.<\/div>`}\n <\/div>\n <\/div>\n `;\n }).join(\"\");\n\n const current = steps[steps.length - 1];\n setPill(current?.title ? `Current: ${current.title}` : \"Loaded\", \"ok\");\n showOk(\"Ticket loaded successfully.\");\n }\n\n async function fetchTicketByDocId(ticketId){\n const id = String(ticketId || \"\").trim();\n if(!id) throw new Error(\"Please enter the Ticket Document ID.\");\n \/\/ Optional: basic sanity length check (Firestore ids usually ~20 chars)\n if(id.length < 8) throw new Error(\"This looks too short. Please paste the full Ticket Document ID.\");\n\n const ref = doc(db, COLLECTION_NAME, id);\n const snap = await getDoc(ref);\n if(!snap.exists()) return null;\n return snap.data();\n }\n\n async function runLookup(){\n const ticketId = (ticketInput.value || \"\").trim();\n\n errMsg.style.display = \"none\";\n okMsg.style.display = \"none\";\n timelineEl.style.display = \"none\";\n setPill(\"Loading...\", \"\");\n\n try{\n setLoading(true);\n const ticket = await fetchTicketByDocId(ticketId);\n if(!ticket){\n setPill(\"Not found\", \"bad\");\n showErr(\"Ticket not found. Please check the Ticket Document ID and try again.\");\n return;\n }\n renderTicket(ticketId, ticket);\n }catch(e){\n console.error(e);\n setPill(\"Error\", \"bad\");\n showErr(e?.message || \"Something went wrong. Please try again.\");\n }finally{\n setLoading(false);\n }\n }\n\n trackBtn.addEventListener(\"click\", runLookup);\n ticketInput.addEventListener(\"keydown\", (e) => {\n if(e.key === \"Enter\") runLookup();\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Track Your Repair Ticket Track Your Service Enter your Ticket ID to view the latest status timeline. Not loaded Ticket Lookup Track This lookup uses the Ticket id Ticket Details Ticket ID\u2014 Customer\u2014 Device\u2014 Warranty\u2014 Last Update\u2014<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2711","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"\n<title>Service tracking -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/365solutionsjo.com\/ar\/service-tracking\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Service tracking -\" \/>\n<meta property=\"og:description\" content=\"Track Your Repair Ticket Track Your Service Enter your Ticket ID to view the latest status timeline. Not loaded Ticket Lookup Track This lookup uses the Ticket id Ticket Details Ticket ID\u2014 Customer\u2014 Device\u2014 Warranty\u2014 Last Update\u2014\" \/>\n<meta property=\"og:url\" content=\"https:\/\/365solutionsjo.com\/ar\/service-tracking\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-08T14:16:37+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/service-tracking\\\/\",\"url\":\"https:\\\/\\\/365solutionsjo.com\\\/service-tracking\\\/\",\"name\":\"Service tracking -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/#website\"},\"datePublished\":\"2026-01-08T14:16:16+00:00\",\"dateModified\":\"2026-01-08T14:16:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/service-tracking\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/365solutionsjo.com\\\/service-tracking\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/service-tracking\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/365solutionsjo.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Service tracking\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/#website\",\"url\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n","yoast_head_json":{"title":"Service tracking -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/365solutionsjo.com\/ar\/service-tracking\/","og_locale":"ar_AR","og_type":"article","og_title":"Service tracking -","og_description":"Track Your Repair Ticket Track Your Service Enter your Ticket ID to view the latest status timeline. Not loaded Ticket Lookup Track This lookup uses the Ticket id Ticket Details Ticket ID\u2014 Customer\u2014 Device\u2014 Warranty\u2014 Last Update\u2014","og_url":"https:\/\/365solutionsjo.com\/ar\/service-tracking\/","article_modified_time":"2026-01-08T14:16:37+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/365solutionsjo.com\/service-tracking\/","url":"https:\/\/365solutionsjo.com\/service-tracking\/","name":"Service tracking -","isPartOf":{"@id":"https:\/\/dso.azu.mybluehost.me\/#website"},"datePublished":"2026-01-08T14:16:16+00:00","dateModified":"2026-01-08T14:16:37+00:00","breadcrumb":{"@id":"https:\/\/365solutionsjo.com\/service-tracking\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/365solutionsjo.com\/service-tracking\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/365solutionsjo.com\/service-tracking\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/365solutionsjo.com\/"},{"@type":"ListItem","position":2,"name":"Service tracking"}]},{"@type":"WebSite","@id":"https:\/\/dso.azu.mybluehost.me\/#website","url":"https:\/\/dso.azu.mybluehost.me\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dso.azu.mybluehost.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/365solutionsjo.com\/ar\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Track Your Repair Ticket Track Your Service Enter your Ticket ID to view the latest status timeline. Not loaded Ticket Lookup Track This lookup uses the Ticket id Ticket Details Ticket ID\u2014 Customer\u2014 Device\u2014 Warranty\u2014 Last Update\u2014","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages\/2711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/comments?post=2711"}],"version-history":[{"count":20,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages\/2711\/revisions"}],"predecessor-version":[{"id":2732,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages\/2711\/revisions\/2732"}],"wp:attachment":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/media?parent=2711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}