<?php
    include('config.php');
    
    $id = $_GET['id'];
    
    
    $select = "SELECT * FROM shippingDetails WHERE shippingid ='$id'";
                 $result=mysqli_query($conn,$select);
    $fetch=mysqli_fetch_array($result);
    $origin = $fetch['origin'];
    $dest = $fetch['dest'];
    $desc = $fetch['descriptn'];
    $from = $fetch['from_where'];
    $to = $fetch['to_where'];
    $est = $fetch['estimated'];
    
    
    $select_pic = "SELECT * FROM picture WHERE shippingid ='$id'";
                 $result_pic=mysqli_query($conn,$select_pic);
    $fetch_pic=mysqli_fetch_array($result_pic);
    $pic = $fetch_pic['pic'];
    
    
?>

<!DOCTYPE html>
<html>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
<title>
DELIVERY  EXPRESS 

</title>
<meta content='
' name='description'>
<meta content='#519e99' name='theme-color'>


<link rel="stylesheet" media="all" href="../../../assets/assets/delivery.css" data-turbolinks-track="reload"/>


<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href='../../apple-touch-icon.png' rel='apple-touch-icon' sizes='180x180'>
<link href='../../favicon-32x32.png' rel='icon' sizes='32x32' type='image/png'>
<link href='../../favicon-16x16.png' rel='icon' sizes='16x16' type='image/png'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<link color='#5bbad5' href='' rel='mask-icon'>
<meta content='#ffffff' name='theme-color'>
<!-- Open Graph data -->
<meta content='
' property='og:title'>
<meta content='website' property='og:type'>

<meta content='' property='og:description'>
<meta content='' property='og:site_name'>
</head>
<body id='page-top'>


<header class='carrier-header'>
<nav class='navbar navbar-default' id='mainNav'>
<div class='container' itemscope='itemscope' itemtype='https://schema.org/WebSite'>

<div class='navbar-header'>
<button class='navbar-toggle collapsed' data-target='#bs-example-navbar-collapse-1' data-toggle='collapse' type='button'>
<span class='sr-only'>Switch navigation</span>
<i class='fa fa-bars'></i>
</button>
<a class='navbar-brand page-scroll' href='https://deliveryexpress.globwaveshi.online/en/'>

<span>DELIVERY  EXPRESS </span>
</a>
</div>
<div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>
<ul class='nav navbar-nav navbar-right'>
<li>
<a href="https://deliveryexpress.globwaveshi.online/en/"><i class='fa fa-plane'></i>
Home
</a></li>
<li> </li>
<li id="google_translate_element"></li>

</ul>
</div>
</div>
</nav>
<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
  }
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div class='container'>
<div class='row'>
<div class='col-md-12 col-centered text-center'>
<h1>DELIVERY  EXPRESS </h1>
<p>Track Your Package</p>
</div>
</div>
<div class='row'>
<div class='col-md-12 col-centered'>
<form>
<div class='form-group'>
<div class='input-group input-group-lg'>
<span class='input-group-btn'>
<button class='btn btn-default btn-parcels' type='button'><a href='index.html'>
<div class='fa fa-binoculars'></div>
<div class='fa fa-spinner fa-spin'></div>
<span>
Track package
</span>
</a></button>
</span>
</div>
</div>
</form>
</div>
</div>
<div class='row'>
<div class='col-md-12'>
<div id='recent-ids' style='min-height: 34.3px'>
<v-tag-list :value='tags' @update-value='updateTags'></v-tag-list>
</div>
</div>
</div>

</div>
</header>
<div class='tracking-bar-container' style='position: relative'>
<div class='tracking-bar'>
<div class='bar'></div>
<div class='bar'></div>
<div class='bar'></div>
</div>
</div>

      <!-- Leaderboard 3 -->
      
    

      <section class="tracking-info" id="tracking-info" style="position: relative">
        <div class="container">
        <div class="row parcel-name">
        <div class="col-md-12">
       
        </div>
        </div>
        <div class="row parcel"><div class="col-md-8 col-lg-8">
            <div class="eta">
              <div class="icon">
                <i class="fa fa-calendar-alt fa-2x"></i>
              </div>
              <div class="text">
                <h3>Estimated date of arrival at the post office</h3>
                <p>
                    <?php echo $est; ?>
                </p>
                <p class="notice">Parcel Status Below</p>
              </div>
            </div>
        
          <ul class="list-unstyled events no-top-border">
              
              <?php
                $select_details = "SELECT * FROM shippingHistory WHERE shippingid ='$id' ORDER BY hist_id DESC";
                 $row=mysqli_query($conn,$select_details);
                                             
                                             while(($rw=mysqli_fetch_array($row))>0){
                                                 
                                                 $date = $rw['date'];
                                                 $time = $rw['time'];
                                                 $sub = $rw['sub_head'];
                                                 $main = $rw['main_head'];
                                                 $type = $rw['type'];
              ?>
              <li class="event ">
                  <div class="event-time">
                    <strong><?php echo $date; ?></strong>
                    <span><?php echo $time; ?></span>
                  </div>
                    <div class="event-dot"></div>
                  <div class="event-content">
                    <strong><?php echo $main; ?></strong>
                      <span class="location"><?php echo $sub; ?></span>
                      <div class="carrier">
                        <div class="courier-icon courier-icon-usps"></div>
                        <?php echo $type; ?>
                      </div>
        
        

                  </div>
                      </li>
                      <?php
                                             }
                      ?>
              
          </ul>
        
        </div>
        
        <div class="col-md-4 col-lg-4">
        
          <table class="parcel-attributes">
            <tbody>
                <tr>
                  <td>Tracking number</td>
                  <td class="value">
                      <span><?php echo $id; ?></span>
                  </td>
                </tr>
                <tr>
                  <td>Estimated delivery</td>
                  <td class="value">
                      <span><?php echo $est; ?></span>
                  </td>
                </tr>
                <tr>
                  <td>From</td>
                  <td class="value">
                      <span><?php echo $from; ?></span>
                  </td>
                </tr>
                <tr>
                  <td>To</td>
                  <td class="value">
                      <span><?php echo $to; ?></span>
                  </td>
                </tr>
                <tr>
                  <td>Origin</td>
                  <td class="value">
                      
                      <span><?php echo $origin; ?></span>
                  </td>
                </tr>
                <tr>
                  <td>Destination</td>
                  <td class="value">
                      
                      <span><?php echo $dest; ?></span>
                  </td>
                </tr>
                
                <tr>
                  <td>Postal Product</td>
                  <td class="value">
                      <span><?php echo $desc; ?></span>
                  </td>
                </tr>
                <tr>
                  <td>Expected Delivery by</td>
                  <td class="value">
                      <span><?php echo $est; ?></span>
                  </td>
                </tr>
                
            </tbody>
          </table>
        
            
        
        
            </div></div>
        </div>
        <div class="container" id="select-country" style="display: none;">
        <a class="btn btn-default btn-parcels" data-target="#countryModal" data-toggle="modal" href="#">Choose country</a>
        </div>
        <div class="container" id="select-carrier" style="display: none;">
        <h2>Choose carrier</h2>
        <div class="row">
        <div class="col-md-4">
        <input class="textfield" id="carriers-search-input" placeholder="Search by name" type="text">
        </div>
        </div>
        <div class="row">
        <div id="carriers-grid"></div>
        </div>
        </div>
        </section>







<a class="scroll-up" href="#"><i class='fa fa-chevron-up'></i>
Up
</a>
<footer class='content text-center' id='tisunov'>
<div class='container'>
<div class='row'>
<div class='col-md-2'>

</div>
<div class='col-md-10'>

<h4 style='margin-top: 2em;'>
© DELIVERY  EXPRESS 
</h4>
</div>
</div>
</div>
</footer>




<link rel="stylesheet" media="all" href="../../../assets/packs/css/recent-tracking-d2b61810.css" />
<!-- = stylesheet_link_tag 'flag-icons', media: 'all' -->
<!-- = stylesheet_link_tag 'courier-icons', media: 'all' -->
<link as='style' href='../../../assets/assets/courier.css' onload='this.onload=null;this.rel=&#39;stylesheet&#39;' rel='preload'>
<noscript>
<link href='../../../assets/assets/courier.css' rel='stylesheet'>
</noscript>
<link as='style' href='../../../assets/assets/flag.css' onload='this.onload=null;this.rel=&#39;stylesheet&#39;' rel='preload'>
<noscript>
<link href='../../../assets/assets/flag.css' rel='stylesheet'>
</noscript>
<script defer='' src='../../ads.js' type='text/javascript'></script>


<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = '8bef27e27b650c4ffb10f8bf26776637bf85d17c';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>



</body>


</html>
