<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Drop Express Air Cargo Services Co LLC</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link rel="icon" type="image/icon" href="https://www.threebaboonstech.com/img/logo/favicon.png">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-C7YMG1S2S3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-C7YMG1S2S3');
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
 fbq('init', '1497195837521938'); 
fbq('track', 'PageView');
</script>
<noscript>
 <img height="1" width="1" 
src="https://www.facebook.com/tr?id=1497195837521938&ev=PageView
&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
</head>

<body class="hidden-bar-wrapper">

<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
 	
 	<!-- Main Header / Header Style Two -->
     <?php include('include/header.php'); ?>
    <!--End Main Header -->
    
	
	<!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/3.jpg);">
    	<div class="auto-container">
        	<h2>Track & Trace</h2>
			<div class="separater"></div>
        </div>
    </section>
    
    <!--Breadcrumb-->
    <div class="breadcrumb-outer">
    	<div class="auto-container">
        	<ul class="bread-crumb text-center">
            	<li><a href="index.html">Home</a> <span>/</span></li>
                <li>Track & Trace</li>
            </ul>
        </div>
    </div>
    <!--End Page Title-->
	
	<!--Sidebar Page Container-->
    <div class="sidebar-page-container">
    	<div class="auto-container">
        	<div class="row clearfix">
				
				<!--Content Side-->
                <div class="content-side col-lg-9 col-md-12 col-sm-12">
                	<div class="track-section">
						<!-- Sec Title Two -->
						<div class="sec-title-two sec-title">
							<h2>Track & <span>Trace Shipment</span></h2>
							<div class="separater"></div>
						</div>
						
						<!-- Quote Form Box -->
						
						
						<!-- Track Form -->
						<div class="track-form-two">
							<form method="post" action="">
								<div class="form-group">
									<label>Enter Tracking Number Here</label>
								</div>
								<div class="form-group">
									<input type="text" name="track_id" placeholder="Enter your tracking number">
									<button type="submit" class="theme-btn submit-btn" onclick="track()" name="submit">Track Your Shipment</button>
								</div>
							</form>
						</div>
						
						<!-- Tracking Info -->
						<div class="tracking-info-detail" id="new_track">
							<?php
						include("admin/action/config.php");
						if(isset($_POST['submit'])){
							$track_id = $_POST['track_id'];
							$sql ="SELECT * FROM `track` WHERE `track_id` = '$track_id'";
							$res = mysqli_query($con,$sql);
							while($row = mysqli_fetch_assoc($res)) {
								$title = $row['title'];
								$content = $row['content'];
								$status = $row['status'];
								$realtime = strtotime($row['realtime']);
								$date = date('M, d-Y',$realtime);
								$time = date('h : i : A',$realtime);
								if($status == "Start"){
									$class = NULL;
								}
								if($status == "Completed"){
									$class = "";
								}
								if($status == "Moving"){
									$class="style-two";
								}
								echo '
								<div class="tracking-box">
								<div class="tracking-time-box">
									<div class="tracking-time">'.$date.'</div>
									<span>'.$time.'</span>
								</div>
								<div class="tracking-location '.$class.'">
									<strong>'.$title.'</strong>
									'.$content.'
								</div>
								</div>
								';
							}
						}
						else{
							echo "<h3 class='text-center'>Your tracking details will be shown here!	</h3>";
						}
						?>
							
						</div>

						<div class="tracking-info-detail d-none" id="old_track">
							<div class="tracking-box">
								<div class="tracking-time-box">
									<div class="tracking-time">Nov 26, 2018</div>
									<span>03:36 AM</span>
								</div>
								<div class="tracking-location">
									<strong>Delivered in California </strong>
									Carga Office Near 10-G Location South
								</div>
							</div>
							
							<div class="tracking-box">
								<div class="tracking-time-box">
									<div class="tracking-time">Nov 28, 2018</div>
									<span>05:40 PM</span>
								</div>
								<div class="tracking-location style-two">
									<strong>Out For Delivery </strong>
									Union WareHouse 5th Avenue Block
								</div>
							</div>
							
							<div class="tracking-box">
								<div class="tracking-time-box">
									<div class="tracking-time">Nov 29, 2018</div>
									<span>12:35 PM</span>
								</div>
								<div class="tracking-location style-three">
									<span class="dott"></span>
									<strong>Arrive at Post Office</strong>
									Local Post Office In Near Vicinity
								</div>
							</div>
							
							<div class="tracking-box">
								<div class="tracking-time-box">
									<div class="tracking-time">Dec 02, 2018</div>
									<span>03:10 AM</span>
								</div>
								<div class="tracking-location style-three">
									<span class="dott"></span>
									<strong>Departed Shipping Facility</strong>
									Carga Office Departure Location Road
								</div>
							</div>
							
							<div class="tracking-box">
								<div class="tracking-time-box">
									<div class="tracking-time">Dec 04, 2018</div>
									<span>09:00 AM</span>
								</div>
								<div class="tracking-location style-three">
									<span class="dott"></span>
									<strong>Picked up by Shipping Partner </strong>
									Will Be Delivered at Your Location
								</div>
							</div>
						</div>
						
						<!--Map Outer-->
						<!-- <div class="map-outer">
							<div class="map-canvas"
								data-zoom="12"
								data-lat="-37.817085"
								data-lng="144.955631"
								data-type="roadmap"
								data-hue="#ffc400"
								data-title="Envato"
								data-icon-path="images/icons/map-marker.png"
								data-content="Melbourne VIC 3000, Australia<br><a href='mailto:info@youremail.com'>info@youremail.com</a>">
							</div>
						</div> -->
						
					</div>
				</div>
				
				<!--Sidebar Side-->
                <div class="sidebar-side col-lg-3 col-md-12 col-sm-12">
                	<aside class="sidebar">
						
						<!-- Search -->
						<div class="sidebar-widget search-box">
							<div class="sidebar-title">
								<h2>Search</h2>
							</div>
							<form method="post" action="contact.html">
								<div class="form-group">
									<input type="search" name="search-field" value="" placeholder="Search" required>
									<button type="submit"><span class="icon fa fa-search"></span></button>
								</div>
							</form>
						</div>
						
						<!-- Category Box -->
						<div class="sidebar-widget category-box">
							<div class="sidebar-title">
								<h2>Categories</h2>
							</div>
							<ul class="category-list">
								<li><a href="air.php">Air Freight  <span></span></a></li>
								<li><a href="sea.php">Sea Freight <span></span></a></li>
								<li><a href="import_export.php">Import&Export <span></span></a></li>
								<li><a href="fast.php">Fast Freight <span></span></a></li>
								<!-- <li><a href="#"> <span>( 12 )</span></a></li>
								<li><a href="#">Cargo Logistic <span>( 02 )</span></a></li> -->
							</ul>
						</div>
						
						<!--Popular Posts-->
						<div class="sidebar-widget popular-posts">
							<div class="sidebar-title">
								<h2>Latest Post</h2>
							</div>

							<article class="post">
								<figure class="post-thumb"><a href="blog-single.html"><img src="images/resource/air.jpg" alt=""></a></figure>
								<h4><a href="blog-single.html">Air Cargo</a></h4>
								<div class="text">Air Cargo Agents are responsible for arranging shipments.</div>
								
							</article>

							<article class="post">
								<figure class="post-thumb"><a href="blog-single.html"><img src="images/resource/ship.jpg" alt=""></a></figure>
								<h4><a href="blog-single.html">Ship Cargo</a></h4>
								<div class="text">A method of transporting large quantities of goods.</div>
								
							</article>
							
							<article class="post">
								<figure class="post-thumb"><a href="blog-single.html"><img src="images/resource/import.jpg" alt=""></a></figure>
								<h4><a href="blog-single.html">Import&Export</a></h4>
								<div class="text">Import and export services play a crucial role in facilitating international trade.</div>
								
							</article>

						</div>
						
					</aside>
				</div>
				
			</div>
		</div>
	</div>
	
	<!--Main Footer-->
    <?php include('include/footer.php'); ?>
	
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-up"></span></div>

<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/appear.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/script.js"></script>
<!--Google Map APi Key-->
<script src="https://maps.google.com/maps/api/js?key=AIzaSyCcavdONRtu_0BfV63xiQX1LiJpX1ZJ2N0"></script>
<script src="js/map-script.js"></script>
<!--End Google Map APi-->

</body>
</html>