<?php include("include/header.php"); ?>
	<style>
		#customers {
			font-family:sans-serif;
			border-collapse: collapse;
			width: 100%;
		}

		#customers td, #customers th {
			border: 1px solid #ddd;
			padding: 8px;
			color: #424040;
            font-size: 14px;
		}

		#customers tr:nth-child(even){background-color: #f2f2f2;}

		#customers tr:hover {background-color: #ddd;}

		#customers th {
			padding-top: 1px;
			padding-bottom: 1px;
			text-align: left;
			background-color: #393a3c;
			color: white;
			font-family: sans-serif;
			
		}
	</style>
	<!-- Banner -->
	<div class="banner inner-page abt-us-banner">
		<div class="banner-content">
			<div class="container">
				<div class="row">
					<div class="banner-text">
						<h1 class="page-title">Trak Order</h1>
						<p class="page-breadcrumb">Home / <span class="current">Trak Order</span></p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- End banner -->
	
	
	<div class="faqs-section bg-grey section-pad">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<div class="clearfix"></div>
					<div class="faqs-row faqs-s2 row content">
						<!-- Faq ques/ans -->
						<div class="faqs">
							<h2 class="section-heading text-center">Track Your Shipment</h2>
							<div class="col-md-2"></div>
							<div class="col-md-6"> 
								<form method="post" action="">
									<input type="radio" name="gender" value="AWB" checked> AWB No &nbsp;&nbsp;
									<input type="radio" name="gender" value="Reference"> Reference No<br><br>
									<div class="col-md-10">
										<input type="text" id="awb_nm" name="awb_nm" placeholder="Enter AWB No" class="form-control">
										<input type="text" id="ref_nm" name="ref_nm" placeholder="Enter Reference No" class="form-control" style="display:none;">
									</div>
									<div class="col-md-2"> <input type="submit" id="search_button" class="btn btn-solid" style="padding: 7px 20px;" value="Track"></div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	
	<!-- Main Content Section -->
	<div class="main-content products-section section-pad" disabled>
	    <div class="container">
	        <div class="row">
	        	<div class="products-details row">
	        		<div class="col-md-12 res-m-bttm">
						<div class="content">
							<div class="table-responsive">
								<div id="results"></div>
								<div id="results1"></div>
							</div>
						</div>
					</div>
	        	</div>
	        </div>
	    </div>
	</div>
	<!-- Client logo -->
	<div class="call-action call-action-small parallaxie has-parallax" style="background: url(&quot;;) center 161px / cover no-repeat fixed;">
		<div class="overly">
			<div class="container">
				<div class="row">
					<div class="cta-sameline">
						<h3>NEED EMERGENCY TRANSPORTAION? Call US on 1800 654 896</h3>
						<h4>We will get back to you immediately</h4>
						<a class="btn solid-btn" href="contact.html">Get In Touch</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Client logo -->
	
	<!-- End Project section -->
<?php include("include/footer.php"); ?>
	<script>
		$(function() {
			$("#search_button").click(function() {
				var searchString   = $("#awb_nm").val();
				if(searchString){
					var data = 'search='+ searchString;
				}
				var searchString1 = $("#ref_nm").val();
				if(searchString1){
					var data = 'search='+ searchString1;
				}
				if(searchString) {
					$.ajax({
						type: "POST",
						url: "search.php",
						data: data,
						beforeSend: function(html) {
							$("#results").html(''); 
							$("#searchresults").show();
							$(".word").html(searchString);
						},
					   success: function(html){
							$("#results").show();
							$("#results1").hide();
							$("#results").append(html);
						}
					});    
				}
				if(searchString1) {
					$.ajax({
						type: "POST",
						url: "do_search.php",
						data: data,
						beforeSend: function(html) {
							$("#results1").html(''); 
							$("#searchresults").show();
							$(".word").html(searchString1);
						},
					   success: function(html){
							$("#results1").show();
							$("#results").hide();
							$("#results1").append(html);
						}
					});    
				}
				return false;
			});
		});
	</script>
	<script>
		$(document).ready(function(){
			$("input[type='radio']").change(function(){
				if($(this).val()=="AWB") {
					$("#awb_nm").show();
					$("#ref_nm").hide();
				}
				else {
					$("#ref_nm").show(); 
					$("#awb_nm").hide(); 
				}
			});
		});
	
	</script>