<!doctype html>
<html lang="zxx">

<!-- Mirrored from templates.envytheme.com/prevoz/default/services.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 22 Feb 2024 20:49:34 GMT -->

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="assets/css/bootstrap.min.css">
	<!-- Owl Theme Default CSS -->
	<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
	<!-- Owl Carousel CSS -->
	<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
	<!-- Owl Magnific CSS -->
	<link rel="stylesheet" href="assets/css/magnific-popup.css">
	<!-- Animate CSS -->
	<link rel="stylesheet" href="assets/css/animate.css">
	<!-- Boxicons CSS -->
	<link rel="stylesheet" href="assets/css/boxicons.min.css">
	<!-- Flaticon CSS -->
	<link rel="stylesheet" href="assets/css/flaticon.css">
	<!-- Meanmenu CSS -->
	<link rel="stylesheet" href="assets/css/meanmenu.css">
	<!-- Nice Select CSS -->
	<link rel="stylesheet" href="assets/css/nice-select.css">
	<!-- Odometer CSS-->
	<link rel="stylesheet" href="assets/css/odometer.css">
	<!-- Style CSS -->
	<link rel="stylesheet" href="assets/css/style.css">
	<!-- Responsive CSS -->
	<link rel="stylesheet" href="assets/css/responsive.css">
	<link rel="stylesheet" href="assets/css/whatsapp.css">
	<script src="https://code.iconify.design/2/2.0.3/iconify.min.js"></script>

	<link rel="canonical" href="https://famlogstics.manorpa.com//" />
	
	<!-- Favicon -->
	<link rel="icon" type="image/png" href="assets/img/logo-dark.png">

	<!-- TITLE -->
	<title>Fam Logistic Shipment Details</title>
</head>

<body>
	<!-- Start Preloader Area -->
	<div class="preloader">
		<div class="lds-ripple">
			<div></div>
			<div></div>
		</div>
	</div>
	<!-- End Preloader Area -->

	<div id="google_translate_element" style="margin-left:1%">

	</div>
	<script type="text/javascript">
		function googleTranslateElementInit() {
			new google.translate.TranslateElement({
				pageLanguage: 'en',
				layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
				autoDisplay: false
			}, 'google_translate_element');
		}
	</script>
	<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

	<!-- Start Header Area -->
	<header class="header-area">
		<!-- Start Top Header Area -->
		<div class="top-header">
			<div class="container">
				<div class="row">
					<div class="col-lg-3">
						<div class="header-left-content">
							<a href="index.html">
								<img src="assets/img/logo/logo-dark.png" alt="Logo" style="width: 60px; color: #24416b; font-size:15px;">
							</a>
						</div>
					</div>
					<div class="col-lg-9">
						<div class="header-right-content">
							<ul>
								<li>
									<a href="tel:+1 (914) 444-5863">
										<i class='bx bxs-phone-call'></i>
										<span>Contact support</span>
										+1 (914) 444-5863
								</li>
								<li>
									<a href="mailto:info@famlogistics.manorpa.com">
										<i class='bx bx-envelope'></i>
										<span>Contact support</span>
										info@famlogistics.manorpa.com
									</a>
								</li>
								<li class="pl-0">
									<ul class="flag-wrap">
										<li class="flag-item-top">
											<a href="#" class="flag-bar">
												<img src="assets/img/flag/1-united-states.png" alt="US flag">
												<span>USA</span>
											</a>
											<ul class="flag-item-bottom">
												<li class="flag-item">
													<a href="#" class="flag-link">
														<img src="assets/img/flag/2-united-kingdom.png" alt="UK flag">
														United Kingdom
													</a>
												</li>
												<li class="flag-item">
													<a href="#" class="flag-link">
														<img src="assets/img/flag/3-germany.png" alt="Germany flag">
														Germany
													</a>
												</li>
												<li class="flag-item">
													<a href="#" class="flag-link">
														<img src="assets/img/flag/4-argentina.png" alt="Argentina flag">
														Argentina
													</a>
												</li>
												<li class="flag-item">
													<a href="#" class="flag-link">
														<img src="assets/img/flag/5-australia.png" alt="Australia flag">
														Australia
													</a>
												</li>
												<li class="flag-item">
													<a href="#" class="flag-link">
														<img src="assets/img/flag/7-canada.png" alt="Canada flag">
														Canada
													</a>
												</li>
												<li class="flag-item">
													<a href="#" class="flag-link">
														<img src="assets/img/flag/6-new-zealand.png" alt="New Zealand flag">
														New Zealand
													</a>
												</li>
											</ul>
										</li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- End Top Header Area -->

		<!-- Start Prevoz Navbar Area -->
		<div class="prevoz-nav-style">
			<div class="navbar-area">
				<!-- Menu For Mobile Device -->
				<div class="mobile-nav">
					<a href="index.html" class="logo">
<p><img src="https://famlogstics.manorpa.com/images/logo-dark.png" width="167" height="52" /></p>				</div>
				<!-- Menu For Desktop Device -->
				<div class="main-nav">
					<nav class="navbar navbar-expand-md navbar-light">
						<div class="container">
							<a class="navbar-brand" href="index.html">
								<img src="assets/img/logo/logo-dark.png" alt="Logo" style="width: 60px;">
							</a>
							<div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
								<ul class="navbar-nav mr-auto">
									<li class="nav-item">
										<a href="index.html" class="nav-link dropdown-toggle active">
											Home
										</a>
										<!--
											<ul class="dropdown-menu">
												<li class="nav-item">
													<a href="index.html" class="nav-link">Home One</a>
												</li>
												<li class="nav-item">
													<a href="index-2.html" class="nav-link active">Home Two</a>
												</li>
												<li class="nav-item">
													<a href="index-3.html" class="nav-link">Home Three</a>
												</li>
												<li class="nav-item">
													<a href="index-4.html" class="nav-link">Home Four</a>
												</li>
												<li class="nav-item">
													<a href="index-5.html" class="nav-link">Home Five</a>
												</li>
											</ul>-->
									</li>
									<li class="nav-item">
										<a href="about.html" class="nav-link dropdown-toggle">
											About Us
										</a>

									</li>
									<!--
										<li class="nav-item">
											<a href="#" class="nav-link dropdown-toggle">
												Company
												<i class='bx bx-chevron-down'></i>
											</a>
											<ul class="dropdown-menu">
												<li class="nav-item">
													<a href="company-history.html" class="nav-link">Company History</a>
												</li>
												<li class="nav-item">
													<a href="company-clients.html" class="nav-link">Company Clients</a>
												</li>
												<li class="nav-item">
													<a href="careers.html" class="nav-link">Careers</a>
												</li>
											</ul>
										</li>-->
									<li class="nav-item">
										<a href="services-1.html" class="nav-link dropdown-toggle">
											Services
										</a>
										<!--
											<ul class="dropdown-menu">
												<li class="nav-item">
													<a href="services.html" class="nav-link">Services</a>
												</li>
												<li class="nav-item">
													<a href="road-transport.html" class="nav-link">Road Transport</a>
												</li>
												<li class="nav-item">
													<a href="air-transport.html" class="nav-link">Air  Transport</a>
												</li>
												<li class="nav-item">
													<a href="service-details.php" class="nav-link">Service Details</a>
												</li>
											</ul>-->
									</li>
									<!--
										<li class="nav-item">
											<a href="#" class="nav-link dropdown-toggle">
												News
												<i class='bx bx-chevron-down'></i>
											</a>
											<ul class="dropdown-menu">
												<li class="nav-item">
													<a href="news-grid.html" class="nav-link">News Grid</a>
												</li>
												<li class="nav-item">
													<a href="news-full-width.html" class="nav-link">News Full width</a>
												</li>
												<li class="nav-item">
													<a href="news-left-sidebar.html" class="nav-link">News Left Sidebar</a>
												</li>
												<li class="nav-item">
													<a href="news-right-sidebar.html" class="nav-link">News Right Sidebar</a>
												</li>
												<li class="nav-item">
													<a href="news-details.html" class="nav-link">News Details</a>
												</li>
											</ul>
										</li>-->
							
										</a>
									</li>
									<li class="nav-item">
										<a href="https://famlogstics.manorpa.com/" class="nav-link">Logout</a>
									</li>
								</ul>
								<!-- Start Other Option -->
								<div class="others-option">
									<div class="search-wrap">
										<a href="https://famlogstics.manorpa.com/">

										</a>
									</div>
								</div>
								<!-- End Other Option -->
							</div>
						</div>
					</nav>
				</div>
			</div>
		</div>
		<!-- End Prevoz Navbar Area -->
	</header>
	<!-- End Header Area -->

































	<?php
	include "config/database.php";


	$tid = $_GET['track'];
	?>


	<!DOCTYPE html>
	<html lang="en">

	<head>
		<title>Shipment Result Page</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
	</head>

	<body>
		<style>
			th {
				background-color: #fff;
			}








			body {
				/* just for this demo. */

				padding: 50px;
				padding-top: 0px;
			}

			.btn {
				/* just for this demo. */

				margin-top: 5px;
			}

			.btn-arrow-right,
			.btn-arrow-left {
				position: relative;
				padding-left: 18px;
				padding-right: 18px;
			}

			.btn-arrow-right {
				padding-left: 36px;
			}

			.btn-arrow-left {
				padding-right: 36px;
			}

			.btn-arrow-right:before,
			.btn-arrow-right:after,
			.btn-arrow-left:before,
			.btn-arrow-left:after {

				content: "";
				position: absolute;
				top: 5px;


				width: 22px;


				height: 22px;


				background: inherit;


				border: inherit;


				border-left-color: transparent;

				border-bottom-color: transparent;


				border-radius: 0px 4px 0px 0px;

				-webkit-border-radius: 0px 4px 0px 0px;
				-moz-border-radius: 0px 4px 0px 0px;
			}

			.btn-arrow-right:before,
			.btn-arrow-right:after {
				transform: rotate(45deg);


				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
			}

			.btn-arrow-left:before,
			.btn-arrow-left:after {
				transform: rotate(225deg);


				-webkit-transform: rotate(225deg);
				-moz-transform: rotate(225deg);
				-o-transform: rotate(225deg);
				-ms-transform: rotate(225deg);
			}

			.btn-arrow-right:before,
			.btn-arrow-left:before {


				left: -11px;
			}

			.btn-arrow-right:after,
			.btn-arrow-left:after {

				right: -11px;
			}

			.btn-arrow-right:after,
			.btn-arrow-left:before {


				z-index: 1;
			}

			.btn-arrow-right:before,
			.btn-arrow-left:after {


				background-color: white;
			}

			body {

				background-color: "";
			}
		</style>
		<div class="cantainer" style="background-color:white;margin-left:1%;width:98%;">


			<?php

			$sql = "SELECT * FROM track WHERE pid = '$tid'";
			$result = mysqli_query($link, $sql);
			if (mysqli_num_rows($result) > 0) {
				$row = mysqli_fetch_assoc($result);

				$row['email'];
				if (isset($row['location'])) {

					$location = $row['location'];
				}
			}

			?>




			<?php

			$sql = "SELECT * FROM track WHERE pid = '$tid'";
			$result = mysqli_query($link, $sql);
			if (mysqli_num_rows($result) > 0) {
				$row = mysqli_fetch_assoc($result);

				$row['status'];



				// if processed

				if (isset($row['status']) && $row['status'] == "process") {

					$confirm  =   ' 
			    
			    
			    <button type="button" class="btn btn-primary btn-arrow-right">Processing</button> 
			    ';
				}


				// if quality checked




				if (isset($row['status']) && $row['status'] == "quality") {


					$confirm  =   '
				    
				    
				    <button type="button" class="btn btn-primary btn-arrow-right">Processing</button>    
<button type="button" class="btn btn-info btn-arrow-right">Checked</button>
			    ';
				}


				// if dispatched

				if (isset($row['status']) && $row['status'] == "dispatch") {




					$confirm  =   ' 
				    
				    
				    
				    <button type="button" class="btn btn-primary btn-arrow-right">Processing</button>    
<button type="button" class="btn btn-info btn-arrow-right">Checked</button>
<button type="button" class="btn btn-info btn-arrow-right">Dispatched</button>

			    
			    ';
				}





				// if withheld


				if (isset($row['status']) && $row['status'] == "withheld") {



					$confirm  =   ' 
				    
				    
				    <button type="button" class="btn btn-primary btn-arrow-right">Processing</button>    
<button type="button" class="btn btn-info btn-arrow-right">Checked</button>
<button type="button" class="btn btn-warning btn-arrow-right">Dispatched</button>
<button type="button" class="btn btn-danger btn-arrow-right">Withheld</button>
			
			
			
			';
				}




				// if delivered


				if (isset($row['status']) && $row['status'] == "deliver") {



					$confirm  =   ' 
				    
				    
				    <button type="button" class="btn btn-primary btn-arrow-right">Processing</button>    
<button type="button" class="btn btn-info btn-arrow-right">Checked</button>
<button type="button" class="btn btn-info btn-arrow-right">Dispatched</button>
<button type="button" class="btn btn-success btn-arrow-right">Delivered</button>
			
			
			
			';
				}
			}

			?>


			<div style="margin-top:10px; border: 1px #0cc8cf solid; background-color:#1c3075; ">
				<h4 style="color:#fff; margin-left:5px"><b>Tracking No:</b> <?php echo $row['pid']; ?> </h4>
				<hr style="margin-top:-5px">
				</hr>

				<div class="row" style="margin-left:10px;color:#fff">

					<?php echo $confirm ?>


					<div class="col-sm-12 col-lg-4 col-md-4 col-xs-12">
						<h5 style="color:#fa4612;"><b>Shipment Dates</b></h5>
						<p>Depature Date: <?php echo $row['shipdate']; ?></p>
						<p>Delivery Date: <?php echo $row['edd']; ?></p>
					</div>
					<div class="col-sm-12 col-lg-4 col-md-4 col-xs-12">
						<h5 style="color:#fa4612;"><b>Destination</b></h5>
						<p><?php echo $row['raddress']; ?></p>

					</div>

				</div>

			</div>




			<div style="margin-top:10px; border: 1px #0cc8cf solid; background-color:#1c3075; ">
				<h4 style="color:#fff; margin-left:5px"><b>Shipment Profile</b></h4>
				<hr style="margin-top:-5px">
				</hr>

				<div class="row" style="margin-left:10px;color:#fff">
					<div class="col-sm-12 col-lg-4 col-md-4 col-xs-12">
						<h5 style="color:#fa4612;"><b>Sender Details</b></h5>
						<p>Sender Name: <?php echo $row['sname']; ?></br></p>
						<p>Sender Address: <?php echo $row['saddress']; ?></br></p>
						<p>Package Location: <?php echo $row['location']; ?></br></p>

					</div>
					<div class="col-sm-12 col-lg-4 col-md-4 col-xs-12">
						<h5 style="color:#fa4612;"><b>Receiver Details</b></h5>
						<p>Receiver Name: <?php echo $row['rname']; ?></br></p>
						<p>Receiver Address: <?php echo $row['raddress']; ?></br></p>
						<p>Receiver Email: <?php echo $row['email']; ?></br></p>

					</div>

				</div>

			</div>



			<div style="margin-top:10px; border: 1px #0cc8cf solid; background-color:#1c3075; ">
				<h4 style="color:#fff; margin-left:5px"><b>Shipment Description</b></h4>

				<hr style="margin-top:-5px">
				</hr>

				<div class="row" style="margin-left:10px;color:#fff">
					<div class="col-sm-12 col-lg-4 col-md-4 col-xs-12">
						<p>SKU Number: Cargo7200<?php echo $row['id']; ?></br></p>

					</div>
					<div class="col-sm-12 col-lg-4 col-md-4 col-xs-12">
						<p>Quantity: <?php echo $row['qty']; ?></br></p>

					</div>


					<div class="col-sm-12 col-lg-4 col-md-4 col-xs-12">
						<p>Weight: <?php echo $row['weight']; ?></br></p>

					</div>

				</div>




			</div>

			<div style="margin-top:10px; border: 1px #0cc8cf solid; background-color:#1c3075; ">
				<h4 style="color:#fff; margin-left:5px"><b>Shipment Facts</b></h4>
				<hr style="margin-top:-5px">
				</hr>

				<div class="row" style="margin-left:10px;color:#fff">
					<div class="col-sm-12 col-lg-4 col-md-4 col-xs-12">

						<p>Service Type: <?php echo $row['servicetype']; ?></br></p>

					</div>
					<div class="col-sm-12 col-lg-4 col-md-4 col-xs-12">
						<p>Content: <?php echo $row['pdesc']; ?></br></p>
					</div>


					<div class="col-sm-12 col-lg-4 col-md-4 col-xs-12">
						<p>Remark: <?php echo $row['remark']; ?></br></p>

					</div>

				</div>

			</div>

			<div style="margin-top:10px; border: 1px #0cc8cf solid; background-color:#1c3075; ">
				<h4 style="color:#fff; margin-left:5px"><b>Shipment Travel History</b></h4>
				<hr style="margin-top:-5px">
				</hr>

				<p style="color:#fff; margin-left:5px">All shipment travel activities is displayed here</p>
			</div>
			<div class="table-responsive">
				<table class="table table-striped table-bordered " style=" border: 2px solid skyblue;">
					<thead>
						<tr>
							<th>Date</th>
							<th>Activities</th>
							<th>Location</th>
							<th>Details</th>
						</tr>
					</thead>
					<tbody>




						<?php

						$sql = "SELECT * FROM history WHERE pid = '$tid'";
						$result = mysqli_query($link, $sql);
						if (mysqli_num_rows($result) > 0) {
							while ($row = mysqli_fetch_assoc($result)) {



						?>

								<tr style="background-color:black;color:#fff;">
									<td><?php echo $row['pdate']; ?></td>
									<td><?php echo $row['status']; ?></td>
									<td><?php echo $row['location']; ?></td>
									<td><?php echo $row['remark']; ?></td>
								</tr>



						<?php
							}
						}
						?>


					</tbody>
				</table>
			</div>
		</div>
		<?php

		$sql = "SELECT * FROM track WHERE pid = '$tid'";
		$result = mysqli_query($link, $sql);
		if (mysqli_num_rows($result) > 0) {
			$row = mysqli_fetch_assoc($result);

			$row['email'];
			if (isset($row['image'])) {

				$image = $row['image'];
			}
		}

		?>

		<div class="container" align="center">

			<div align="center"><button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Package Image</button></div>

			<!-- Modal -->
			<div class="modal fade" id="myModal" role="dialog">
				<div class="modal-dialog">

					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
							<h4 class="modal-title"><?php echo $row['pname']; ?></h4>
						</div>
						<div class="modal-body">
							<div align="center"><img src="https://famlogstics.manorpa.com//assets/img/box.jpg" width="300" height="300"></div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						</div>
					</div>

				</div>
			</div>

		</div>



	</body>

	</html>

































	<!--================================
        START FOOTER
    =================================-->


	<!-- Start Footer Bottom Area -->
	<footer class="footer-bottom-area fun-blue-bg">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-5">
					<div class="single-widget-bottom">
						<ul>
							<li>
								<a href="https://famlogstics.manorpa.com//terms.php">Terms & Conditions</a>
							</li>
							<li>
								<a href="https://famlogstics.manorpa.com//policy.php">Privacy &Policy</a>
							</li>

						</ul>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="single-widget-bottom">
						<p>Copyright <i class="bx bx-copyright"></i> 2024 <a href="index.html">Fam Logistic</a></p>
					</div>
				</div>
				<div class="col-lg-3">
					<div class="single-widget-bottom">
						<ul class="social-link">
							<li>
								<a href="mailto:info@famlogistics.manorpa.com">
									<i class='bx bx-envelope'></i>
								</a>
							</li>
							<li>
								<a href="#">
									<i class='bx bxl-facebook'></i>
								</a>
							</li>
							<li>
								<a href="#">
									<i class='bx bxl-instagram'></i>
								</a>
							</li>
							<li>
								<a href="#">
									<i class='bx bxl-linkedin'></i>
								</a>
							</li>
							<li>
								<a href="">
									
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
			
		</a>
	</footer>
	<!-- End Footer Bottom Area -->

	<!-- Start Go Top Area -->
	<div class="go-top">
		<i class='bx bx-chevrons-up bx-fade-up'></i>
		<i class='bx bx-chevrons-up bx-fade-up'></i>
	</div>
	<!-- End Go Top Area -->


	<!-- Jquery Slim JS -->
	<script src="assets/js/jquery.min.js"></script>
	<!-- Popper JS -->
	<script src="assets/js/popper.min.js"></script>
	<!-- Bootstrap JS -->
	<script src="assets/js/bootstrap.min.js"></script>
	<!-- Meanmenu JS -->
	<script src="assets/js/jquery.meanmenu.js"></script>
	<!-- Wow JS -->
	<script src="assets/js/wow.min.js"></script>
	<!-- Owl Carousel JS -->
	<script src="assets/js/owl.carousel.js"></script>
	<!-- Owl Magnific JS -->
	<script src="assets/js/jquery.magnific-popup.min.js"></script>
	<!-- Nice Select JS -->
	<script src="assets/js/jquery.nice-select.min.js"></script>
	<!-- Appear JS -->
	<script src="assets/js/jquery.appear.js"></script>
	<!-- Odometer JS -->
	<script src="assets/js/odometer.min.js"></script>
	<!-- Parallax JS -->
	<script src="assets/js/parallax.min.js"></script>
	<!-- Form Ajaxchimp JS -->
	<script src="assets/js/jquery.ajaxchimp.min.js"></script>
	<!-- Form Validator JS -->
	<script src="assets/js/form-validator.min.js"></script>
	<!-- Contact JS -->
	<script src="assets/js/contact-form-script.js"></script>
	<!-- Map JS FILE -->
	<script src="assets/js/map.js"></script>
	<!-- Custom JS -->
	<script src="assets/js/custom.js"></script>
</body>

<!-- Mirrored from templates.envytheme.com/prevoz/default/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 22 Feb 2024 20:48:26 GMT -->
</php>