| Current Path : /home/xdlcxzbz/public_html/ |
| Current File : //home/xdlcxzbz/public_html/Status.php |
<?php
require_once "Sql_Connection/connection.php";
$trackingNumber = $_POST["trackingNumber"];
if($trackingNumber==""){
exit();
}
$sql = "SELECT shipperName,shipperPhone,shipperAddress,receiverName,receiverPhone,receiverAddress,stage1Date,stage1Time,stage1Status,stage1Image,stage2Date,stage2Time,stage2Status,stage2Image,stage3Date,stage3Time,stage3Status,stage3Image FROM shipments where trackingNumber='".$trackingNumber."'";
$result = $conn->query($sql);
// Fetch the result
if ($result->num_rows > 0) {
$row = $result->fetch_assoc();
$shipperName= $row["shipperName"];
$shipperPhone=$row["shipperPhone"];
$shipperAddress=$row["shipperAddress"];
$receiverName=$row["receiverName"];
$receiverPhone=$row["receiverPhone"];
$receiverAddress=$row["receiverAddress"];
$stage1Date= $row["stage1Date"];
$stage1Time=$row["stage1Time"];
$stage1Status=$row["stage1Status"];
$stage1Image=$row["stage1Image"];
$stage2Date= $row["stage2Date"];
$stage2Time=$row["stage2Time"];
$stage2Status=$row["stage2Status"];
$stage2Image=$row["stage2Image"];
$stage3Date= $row["stage3Date"];
$stage3Time=$row["stage3Time"];
$stage3Status=$row["stage3Status"];
$stage3Image=$row["stage3Image"];
//echo $shipperName.",".$shipperPhone.",".$shipperAddress.",".$receiverName.",".$receiverPhone.",".$receiverAddress.",".$stage1Date.",".$stage1Time.",".$stage1Status.",".$stage1Image.",".$stage2Date.",".$stage2Time.",".$stage2Status.",".$stage2Image.",".$stage3Date.",".$stage3Time.",".$stage3Status.",".$stage3Image;
} else {
//no record found
header("Location: index.html");
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>XDL Couriers</title>
<!-- favicon icon -->
<link rel="shortcut icon" href="images/favicon.png" />
<!-- bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<!-- animate -->
<link rel="stylesheet" type="text/css" href="css/animate.css" />
<!-- flaticon -->
<link rel="stylesheet" type="text/css" href="css/flaticon.css" />
<!-- fontawesome -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<!-- themify -->
<link rel="stylesheet" type="text/css" href="css/themify-icons.css" />
<!-- slick -->
<link rel="stylesheet" type="text/css" href="css/slick.css">
<!-- prettyphoto -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<!-- shortcodes -->
<link rel="stylesheet" type="text/css" href="css/shortcode.css" />
<!-- main -->
<link rel="stylesheet" type="text/css" href="css/main.css" />
<!-- megamenu -->
<link rel="stylesheet" type="text/css" href="css/megamenu.css" />
<!-- responsive -->
<link rel="stylesheet" type="text/css" href="css/responsive.css" />
</head>
<body>
<!--page start-->
<div class="page">
<!--header start-->
<header id="masthead" class="header cmt-header-style-01">
<!-- cmt-topbar-wrapper -->
<div class="cmt-topbar cmt-textcolor-white clearfix">
<div class="container">
<div class="row">
<div class="col-md-12 d-flex flex-row align-items-center justify-content-center">
<div class="cmt-topbar-content">
<ul class="top-contact text-left">
<li class="list-inline-item">Your Reliable Tracking Service
</li>
</ul>
</div>
<div class="top_bar_contact_item ml-auto">
<div class="top_bar_icon"><i class="fa fa-phone"></i>
</div> Make a call:<a href="tel:+44 7447 966344"> +44 7447 966344</a>
</div>
<div class="top_bar_contact_item">
<div class="top_bar_icon"><i class="fa fa-envelope-o cmt-textcolor-skincolor"></i></div>
<a href="mailto:xdlcouriers@gmail.com">xdlcouriers@gmail.com</a>
</div>
</div>
</div>
</div>
</div><!-- cmt-topbar end -->
<!-- site-header-menu -->
<div id="site-header-menu" class="site-header-menu">
<div class="site-header-menu-inner cmt-stickable-header ">
<div class="container">
<div class="row">
<div class="col">
<!--site-navigation -->
<div class="site-navigation d-flex flex-row align-items-center">
<!-- site-branding -->
<div class="site-branding mr-auto">
<a class="home-link" href="index.html" title="XDL" rel="home">
<img id="logo-img" class="img-center standardlogo"
src="images/Xdl-White.png" alt="logo-img">
<img id="logo-dark" class="img-center stickylogo" src="images/Xdl-Black.png"
alt="logo-img">
</a>
</div><!-- site-branding end -->
<div class="btn-show-menu-mobile menubar menubar--squeeze">
<span class="menubar-box">
<span class="menubar-inner"></span>
</span>
</div>
<!-- menu -->
<nav class="main-menu menu-mobile" id="menu">
<ul class="menu">
<li class="mega-menu-item "><a href="index.html"
>Home</a>
</li>
<li class="mega-menu-item"><a href="about-us.html"
>About</a>
</li>
<li class="mega-menu-item"><a href="services.html"
>Services</a>
</li>
<li class="mega-menu-item">
<a href="contact-us.html" >Contact Us</a>
</li>
<li class="mega-menu-item">
<a style="display: flex; justify-content: center; align-items: center; height: 40px; background-color: yellowgreen;" href="Sub_Admin/login.html">Sign In</a>
</li>
</ul>
</nav>
</div><!-- site-navigation end-->
</div>
</div>
</div>
</div>
</div><!-- site-header-menu end-->
</header>
<!-- page-title -->
<div class="cmt-page-title-row">
<div class="cmt-page-title-row-inner">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<div class="page-title-heading">
<h2 class="title">Shipment Status</h2>
</div>
<div class="breadcrumb-wrapper">
<span>
<a title="Go to XDL." href="index-2.html" class="home">
<i class="themifyicon ti-home"></i> Home</a>
</span>
<span class="cmt-bread-sep"> -- </span>
<span>Shipment Status</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- page-title end -->
<div class="main-site">
<div class="sidebar cmt-sidebar-left cmt-bgcolor-white clearfix ">
<div class="container">
<!-- row -->
<div class="row">
<div class="col-lg-6 widget-area sidebar-left">
<aside class="widget widget-download with-title">
<ul class="download box-shadow">
<div style="display: flex; justify-content: flex-end; margin-top: 5px;">
<h5 style="position: absolute;margin-right: 50px;">Pending</h5>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16">
<path
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
<path
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
</svg>
</div>
<li>
<i class="fa fa-truck"></i>
<div class="border-bottom">
<h4>XDL</h4><a href="#">XDL12345</a>
</div>
</li>
<br>
<ul>
<li>
<div class="row col-lg-12" style="text-align: center;">
<div class="col-lg-4">
<?php
if($stage1Date=="0000-00-00"){
}
else{
echo $stage1Date;
}
?>
</div>
<?php
if($stage1Status=="Pending"){
echo "<div class='col-lg-4' style='height: 10px; background-color: greenyellow; border-radius: 10px; margin-top: 7px;'></div>";
}
else{
echo "<div class='col-lg-4' style='height: 10px; background-color: lightgray; border-radius: 10px; margin-top: 7px;'></div>";
}
?>
<div class="col-lg-4">Pending</div>
</div>
</li>
<li>
<div class="row col-lg-12" style="text-align: center;">
<div class="col-lg-4">
<?php
if($stage2Date=="0000-00-00"){
}
else{
echo $stage2Date;
}
?>
</div>
<?php
if($stage2Status=="Enroute"){
echo "<div class='col-lg-4' style='height: 10px; background-color: greenyellow; border-radius: 10px; margin-top: 7px;'></div>";
}
else{
echo "<div class='col-lg-4' style='height: 10px; background-color: lightgray; border-radius: 10px; margin-top: 7px;'></div>";
}
?>
<div class="col-lg-4">Enroute</div>
</div>
</li>
<li>
<div class="row col-lg-12" style="text-align: center;">
<div class="col-lg-4">
<?php
if($stage3Date=="0000-00-00"){
}
else{
echo $stage3Date;
}
?>
</div>
<?php
if($stage3Status=="Delivered"){
echo "<div class='col-lg-4' style='height: 10px; background-color: greenyellow; border-radius: 10px; margin-top: 7px;'></div>";
}
else{
echo "<div class='col-lg-4' style='height: 10px; background-color: lightgray; border-radius: 10px; margin-top: 7px;'></div>";
}
?>
<div class="col-lg-4">Delivered</div>
</div>
</li>
</ul>
</ul>
</aside>
</div>
<div class="col-lg-6 widget-area sidebar-left">
<aside class="widget widget-download with-title">
<ul class="download box-shadow">
<div style="display: flex; justify-content: flex-end;">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16">
<path
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
<path
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
</svg>
</div>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
<path fill-rule="evenodd"
d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
</svg>
<div class="border-bottom">
<h4 style="margin-left: 10px;">Shipper</h4>
</div>
</li>
<br>
<form id="cmt-contactform-3" class="cmt-contactform-3 wrap-form clearfix"
method="post" action="#">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="row">
<div class="col-6">
<label>
<i class="ti ti-user"></i>
<span class="text-input"><input name="name" type="text"
value="<?php echo $shipperName ?>" placeholder="Name" readonly></span>
</label>
</div>
<div class="col-6">
<label>
<i class="ti ti-mobile"></i>
<span class="text-input"><input name="phone" type="text"
value="<?php echo $shipperPhone ?>" placeholder="Phone"
readonly></span>
</label>
</div>
<div class="col-12">
<label>
<i class="fa fa-map-marker"></i>
<span class="text-input"><input name="phone" type="text"
value="<?php echo $shipperAddress ?>" placeholder="Address"
readonly></span>
</label>
</div>
</div>
</div>
</div>
</form>
</ul>
</aside>
</div>
<div class="col-lg-6 widget-area sidebar-left">
<aside class="widget widget-download with-title">
<ul class="download box-shadow">
<div style="display: flex; justify-content: flex-end;">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16">
<path
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
<path
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
</svg>
</div>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
<path fill-rule="evenodd"
d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
</svg>
<div class="border-bottom">
<h4 style="margin-left: 10px;">Receiver</h4>
</div>
</li>
<br>
<form id="cmt-contactform-3" class="cmt-contactform-3 wrap-form clearfix"
method="post" action="#">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="row">
<div class="col-6">
<label>
<i class="ti ti-user"></i>
<span class="text-input"><input name="name" type="text"
value="<?php echo $receiverName ?>" placeholder="Name"
readonly></span>
</label>
</div>
<div class="col-6">
<label>
<i class="ti ti-mobile"></i>
<span class="text-input"><input name="phone" type="text"
value="<?php echo $receiverPhone ?>" placeholder="Phone"
readonly></span>
</label>
</div>
<div class="col-12">
<label>
<i class="fa fa-map-marker"></i>
<span class="text-input"><input name="address" type="text"
value="<?php echo $receiverAddress ?>" placeholder="Address"
readonly></span>
</label>
</div>
</div>
</div>
</div>
</form>
</ul>
</aside>
</div>
<div class="col-lg-6 widget-area sidebar-left">
<aside class="widget widget-download with-title">
<ul class="download box-shadow">
<div style="display: flex; justify-content: flex-end;">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16">
<path
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
<path
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
</svg>
</div>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
fill="currentColor" class="bi bi-box-seam" viewBox="0 0 16 16">
<path
d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5l2.404.961L10.404 2l-2.218-.887zm3.564 1.426L5.596 5 8 5.961 14.154 3.5l-2.404-.961zm3.25 1.7-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z" />
</svg>
<div class="border-bottom">
<h4 style="margin-left: 10px;">Parcel's Journey</h4>
</div>
</li>
<div style="display: flex; justify-content: left; margin-top: 10px;">
<div style="margin-left: 40px;">
<b><?php
if($stage1Date=="0000-00-00"){
}
else{
echo $stage1Date;
}
?></b>
</div>
<?php
if($stage1Status=="Pending"){
echo" <div style='width: 20px;
height: 20px;
border-radius: 50%;
background-color: yellowgreen;
position: absolute;
'>
</div>";
}
else{
echo" <div style='width: 20px;
height: 20px;
border-radius: 50%;
background-color: lightgray;
position: absolute;
'>
</div>";
}
?>
<div style="margin-left: 10px;">
Your Parcel is pending
</div>
</div>
<div style="display: flex; justify-content: left">
<div style="width: 1px;
height: 50px;
background-color: gray;
margin-top: -7px;
margin-left: 10px;
">
</div>
</div>
<div style="display: flex; justify-content: left">
<div style="margin-left: 40px;">
<b><?php
if($stage2Date=="0000-00-00"){
}
else{
echo $stage2Date;
}
?></b>
</div>
<?php
if($stage2Status=="Enroute"){
echo"<div style='width: 20px;
height: 20px;
border-radius: 50%;
background-color: yellowgreen;
position: absolute;
'>
</div> ";
}
else{
echo"<div style='width: 20px;
height: 20px;
border-radius: 50%;
background-color: lightgray;
position: absolute;
'>
</div> ";
}
?>
<div style="margin-left: 10px;">
Your Parcel is enroute
</div>
</div>
<div style="display: flex; justify-content: left">
<div style="width: 1px;
height: 50px;
background-color: gray;
margin-top: -7px;
margin-left: 10px;
">
</div>
</div>
<div style="display: flex; justify-content: left">
<div style="margin-left: 40px;">
<b><?php
if($stage3Date=="0000-00-00"){
}
else{
echo $stage3Date;
}
?></b>
</div>
<?php
if($stage3Status=="Delivered"){
echo"<div style='width: 20px;
height: 20px;
border-radius: 50%;
background-color: yellowgreen;
position: absolute;
'>
</div> ";
}
else{
echo"<div style='width: 20px;
height: 20px;
border-radius: 50%;
background-color: lightgray;
position: absolute;
'>
</div> ";
}
?>
<div style="margin-left: 10px;">
Your Parcel is delivered
</div>
</div>
</ul>
</aside>
</div>
<div class="col-lg-4 widget-area sidebar-left">
<aside class="widget widget-download with-title">
<ul class="download box-shadow">
<div style="display: flex; justify-content: flex-end;">
<h6 style="position: absolute;margin-right: 50px;">Stage 1</h6>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16">
<path
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
<path
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
</svg>
</div>
<br>
<img src="Sub_Admin/images/shipments/<?php echo $stage1Image ?>" class="card-img-top" id="stage1ImageInput"
alt="" width="320" height="180" />
</ul>
</aside>
</div>
<div class="col-lg-4 widget-area sidebar-left">
<aside class="widget widget-download with-title">
<ul class="download box-shadow">
<div style="display: flex; justify-content: flex-end;">
<h6 style="position: absolute;margin-right: 50px;">Stage 2</h6>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16">
<path
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
<path
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
</svg>
</div>
<br>
<img src="Sub_Admin/images/shipments/<?php echo $stage2Image ?>" class="card-img-top" id="stage2ImageInput"
alt="" width="320" height="180" />
</ul>
</aside>
</div>
<div class="col-lg-4 widget-area sidebar-left">
<aside class="widget widget-download with-title">
<ul class="download box-shadow">
<div style="display: flex; justify-content: flex-end;">
<h6 style="position: absolute;margin-right: 50px;">Stage 3</h6>
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16">
<path
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
<path
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
</svg>
</div>
<br>
<img src="Sub_Admin/images/shipments/<?php echo $stage3Image ?>" class="card-img-top" id="stage3ImageInput"
alt="" width="320" height="180" />
</ul>
</aside>
</div>
</div>
</div>
</div>
</div>
<!--footer start-->
<footer class="footer widget-footer clearfix">
<div class="first-footer">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-3 widget-area">
<div class="widget widget_text clearfix">
<div class="footer-logo">
<img id="footer-logo-img" class="img-center" src="" alt="">
</div>
<ul class="widget_contact_wrapper">
<li>
<i class="fa fa-map-marker cmt-textcolor-skincolor"></i>
UK
</li>
<li>
<i class="fa fa-envelope-o cmt-textcolor-skincolor"></i>
<a href="mailto:xdlcouriers@gmail.com">xdlcouriers@gmail.com</a>
</li>
<li>
<i class="fa fa-phone cmt-textcolor-skincolor"></i><a href="tel:+44 7447 966344">+44 7447 966344</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 widget-area">
<div class="widget widget_nav_menu clearfix">
<h3 class="widget-title">Our Services</h3>
<ul class="menu-footer-quick-links">
<li><a href="">Help</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="services.html">Xdl Services</a></li>
<li><a href="">Track a Parcel</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 widget-area">
<div class="widget widget_nav_menu clearfix">
<h3 class="widget-title">Our Policies</h3>
<ul class="menu-footer-quick-service-links">
<li><a href="contact-us.html"> Terms & Conditions</a></li>
<li><a href="services.html">Privacy Policies</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="#">Accessibility</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3 widget-area">
<div class="widget widget-text clearfix">
<h3 class="widget-title">Newsletter Signup</h3>
<p>Subscribe To Our Newsletter And Get Latest News</p>
<form id="subscribe-form" class="newsletter-form" method="post" action="#"
data-mailchimp="true">
<div class="mailchimp-inputbox" id="subscribe-content">
<p>
<input type="email" name="email" placeholder="Email Add.." required="">
</p>
<p><button type="submit"
class="cmt-btn cmt-btn-size-md cmt-btn-shape-round cmt-btn-style-fill cmt-btn-color-skincolor">Send</button>
</p>
</div>
<div id="subscribe-msg"></div>
</form>
<div class="widget d-flex pt-2">
<h3 class="widget-title">Follow Us</h3>
<div class="social-icons">
<ul class="list-inline d-flex">
<li>
<a class="tooltip-top" target="_blank" href="#"
data-tooltip="Facebook"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a class="tooltip-top" target="_blank" href="#"
data-tooltip="Twitter"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a class=" tooltip-top" target="_blank" href="#" data-tooltip="RSS"><i
class="fa fa-rss"></i></a>
</li>
<li>
<a class="tooltip-top" target="_blank" href="#" data-tooltip="Vimeo"><i
class="fa fa-vimeo"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-footer-text">
<div class="container">
<div class="row copyright">
<div class="col-lg-7 col-md-7 col-sm-12">
<span>Copyright 2023 <a href="index.html">XDL</a>, All Rights Reserved. Powered By <a
href="#">Kick Start Marketing</a></span>
</div>
<div class="col-lg-5 col-md-5 col-sm-12">
<div id="footer-nav-menu" class="d-flex flex-row justify-content-end">
<ul class="footer-nav-menu">
</ul>
</div>
</div>
</div>
</div>
</div>
</footer><!--footer End-->
<!--back-to-top start-->
<a id="totop" href="#top">
<i class="fa fa-angle-up"></i>
</a>
<!--back-to-top end-->
</div><!--Page End-->
<!-- Javascript -->
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/jquery-migrate-3.3.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/jquery-waypoints.js"></script>
<script src="js/jquery-validate.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/numinate.min.js"></script>
<script src="js/main.js"></script>
<script>
// Disable double click
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('dblclick', function(event) {
event.preventDefault();
});
});
// Disable right click
document.addEventListener('contextmenu', function(event) {
event.preventDefault();
});
// Disable right click on mouse down event
document.addEventListener('mousedown', function(event) {
if (event.button === 2) { // 2 represents the right mouse button
event.preventDefault();
}
});
// Disable Ctrl+S key combination
document.addEventListener('keydown', function(event) {
if (event.ctrlKey && event.key === 's') { // Check if Ctrl+S is pressed
event.preventDefault();
// Add your custom code or display a message indicating the restriction
}
});
</script>
</body>
</html>