SendFlex Logistics
Track Your Shipment
Shipment Details
Tracking History
/* ====================================== SEND FLEX TRACKING DATABASE ADD OR EDIT RECORDS HERE ====================================== */
const database = {
"SFX100001":{ sender:"ABC Trading Ltd", recipient:"John Doe", origin:"Lagos, Nigeria", destination:"Abuja, Nigeria", location:"Lokoja Transit Hub", delivery:"15 March 2026", status:"In Transit", progress:65, history:[ "Shipment Created", "Package Picked Up", "Processed at Lagos Hub", "Departed Lagos Facility", "Arrived Lokoja Transit Hub" ] },
"SFX100002":{ sender:"Global Imports", recipient:"Mary Johnson", origin:"London, UK", destination:"Lagos, Nigeria", location:"Delivered", delivery:"Completed", status:"Delivered", progress:100, history:[ "Shipment Registered", "Dispatched from London", "Arrived Lagos", "Out For Delivery", "Delivered Successfully" ] },
"SFX100003":{ sender:"Tech Warehouse", recipient:"Samuel Peter", origin:"Dubai, UAE", destination:"Port Harcourt", location:"Port Harcourt Depot", delivery:"18 March 2026", status:"Out For Delivery", progress:90, history:[ "Shipment Registered", "Export Cleared", "Arrived Nigeria", "Arrived Port Harcourt", "Out For Delivery" ] }
};
/* ====================================== TRACKING FUNCTION ====================================== */
function trackShipment(){
let code = document.getElementById("trackingNumber") .value .trim() .toUpperCase();
let shipment = database[code];
document.getElementById("error").style.display="none"; document.getElementById("result").style.display="none";
if(!shipment){
document.getElementById("error").style.display="block"; return;
}
document.getElementById("tracking").innerHTML=code; document.getElementById("sender").innerHTML=shipment.sender; document.getElementById("recipient").innerHTML=shipment.recipient; document.getElementById("origin").innerHTML=shipment.origin; document.getElementById("destination").innerHTML=shipment.destination; document.getElementById("location").innerHTML=shipment.location; document.getElementById("delivery").innerHTML=shipment.delivery;
let statusClass="pending";
if(shipment.status==="In Transit") statusClass="transit";
if(shipment.status==="Out For Delivery") statusClass="delivery";
if(shipment.status==="Delivered") statusClass="delivered";
document.getElementById("status").innerHTML= ''+ shipment.status+ '';
document.getElementById("progressBar").style.width= shipment.progress+"%";
let timeline="";
shipment.history.forEach(function(item){
timeline += '
';
});
document.getElementById("timeline").innerHTML= timeline;
document.getElementById("result").style.display= "block";
}