<?php 
session_start();
include_once('./sidemenu.php');
?>

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

<head>
    <title>Gent World Express</title>
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/logo.png">
    <link type="text/css" href="css/dashboard.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Abel&family=Encode+Sans+Condensed:wght@300&family=Georama:wght@200&family=Oranienbaum&family=Smooch+Sans:wght@300&family=Yanone+Kaffeesatz:wght@300&display=swap"
        rel="stylesheet">

</head>
<script>
var snippet = [].slice.call(document.querySelectorAll('.hover'));
if (snippet.length) {
    snippet.forEach(function(snippet) {
        snippet.addEventListener('mouseout', function(event) {
            if (event.target.parentNode.tagName === 'figure') {
                event.target.parentNode.classList.remove('hover')
            } else {
                event.target.parentNode.classList.remove('hover')
            }
        });
    });
}
</script>
<script>
$(".hover").mouseleave(
    function() {
        $(this).removeClass("hover");
    }
);
</script>
<!-- jQuery -->

<style>
table {
    border-collapse: collapse;
}

td,
th {
    padding: 10px;
}
</style>
<style>
.glow {
    font-size: 40px;
    color: #ffff00;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
    padding-top: 20px;
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
    }

    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
    }
}
</style>


<style>
.container {
    width: 100%;
    align-items: center;
}

.swiper {
    width: 80%;
    height: fit-content;
}

.swiper-slide-Image {
    width: 100%;
}

.swiper .swiper-pagination-bullet-active {
    background: #ffffff;
}

.caption {
    font-size: 25px;
    font-weight: bolder;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
</style>

<body>

    <section class="sticky-top" style="margin:0;box-shadow: 0 1px 2px rgb(0 0 0 / 15%);background:#00004d;">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12" style="margin:0;">
                    <?=mynavbar()?>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-1" style="padding:0;background:#EBEAEA;">
                    <?=sidemenu()?>
                </div>
                <div class="col-md-11">
                    <?php
include 'connection.php';
$error_message='';
$id=0;
if(isset($_GET['search']))
{
$id=$_GET['id'];
}
?>

                    <?php
        $sql="select * from dunees where COUR_NO='$id'";
        $row=$conn->query($sql);
        if($row->num_rows>0)
        {
            ?>

                    <?php
	while($data=$row->fetch_assoc())
	{
		?>
                    <div class="col-md-12" style="margin-top:50px">
                        <div id="Sign-In" align="center" >
                            <div class="row">
                                <table style="width:1200;height:60px;border:1px solid #000000;">
                                    <tr>
                                        <td
                                            style="border:1px solid #00b3b3;background-color:#00b3b3;border-right: 1px solid #000000;">
                                            <p style="font-size:10px">Tracking Number</p>
                                        </td>
                                        <th
                                            style="border:1px solid #00b3b3;background-color:#00b3b3;border-right: 1px solid #ffffff;">
                                            <p style="font-size:10px">Way Bill Number</p>
                                        </th>
                                        <th
                                            style="border:1px solid #00b3b3;background-color:#00b3b3;border-right: 1px solid #ffffff;">
                                            <p style="font-size:10px">Receiver</p>
                                        </th>
                                        <th
                                            style="border:1px solid #00b3b3;background-color:#00b3b3;border-right: 1px solid #ffffff;">
                                            <p style="font-size:10px">Receiver Address</p>
                                        </th>
                                     
                                        <th
                                            style="border:1px solid #00b3b3;background-color:#00b3b3;border-right: 1px solid #ffffff;">
                                            <p style="font-size:10px">Receiver Number</p>
                                        </th>
                                        <th
                                            style="border:1px solid #00b3b3;background-color:#00b3b3;border-right: 1px solid #ffffff;">
                                            <p style="font-size:10px">Sender</p>
                                        </th>
                                        <th
                                            style="border:1px solid #00b3b3;background-color:#00b3b3;border-right: 1px solid #ffffff;">
                                            <p style="font-size:10px">Sender Address</p>
                                        </th>
                                      
                                        <th
                                            style="border:1px solid #00b3b3;background-color:#00b3b3;border-right: 1px solid #ffffff;">
                                            <p style="font-size:10px">Sender Number</p>
                                        </th>

                                        <th
                                            style="border:1px solid #00b3b3;background-color:#00b3b3;border-right: 1px solid #ffffff;">
                                            <p style="font-size:10px">Sent Date</p>
                                        </th>
                                        <td
                                            style="border:1px solid #00b3b3;background-color:#00b3b3;border-right: 1px solid #ffffff;">
                                            <p style="font-size:10px">Delivery Date</p>
                                        </td>

                                    <tr>
                                    <tr>
                                        <td style="border:1px solid #000000;">
                                            <p style="font-size:12px"><?php print_r($data['Cour_No']);?></p>
                                        </td>
                                        <td style="border:1px solid #000000;">
                                            <p style="font-size:12px"><?php print_r($data['Bill']);?></p>
                                        </td>
                                        <td style="border:1px solid #000000;">
                                            <p style="font-size:12px"><?php print_r($data['Name']);?></p>
                                        </td>
                                        <td style="border:1px solid #000000;">
                                            <p style="font-size:12px"><?php print_r($data['Receiver_Address']);?></p>
                                        </td>
                                       
                                        <td style="border:1px solid #000000;">
                                            <p style="font-size:12px"><?php print_r($data['Receiver_Number']);?></p>
                                        </td>
                                        <td style="border:1px solid #000000;">
                                            <p style="font-size:12px"><?php print_r($data['Sender']);?></p>
                                        </td>
                                        <td style="border:1px solid #000000;">
                                            <p style="font-size:12px"><?php print_r($data['Sender_Address']);?></p>
                                        </td>
                                       
                                        <td style="border:1px solid #000000;">
                                            <p style="font-size:12px"><?php print_r($data['Sender_Number']);?></p>
                                        </td>
                                        <td style="border:1px solid #000000;">
                                            <p style="font-size:12px"><?php print_r($data['Sent']);?></p>
                                        </td>
                                        <td style="border:1px solid #000000;">
                                            <p style="font-size:12px"><?php print_r($data['Delivery']);?></p>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12" style="margin-top:50px">
                        <article class="card">
                            <header class="card-header" style="background-color:#ff0000"> <span
                                    style="font-size:25px;font-family: 'Yanone Kaffeesatz', sans-serif;color:#ffffff;"><b><?php print_r($data['Name_Item']);?>
                                        Movement</b> </span></header>
                            </p>
                            <div class="card-body row">
                                <div class="col"> <strong>Dispatched At:</strong>
                                    <br><?php print_r($data['Dispatched']);?> &nbsp &nbsp &nbsp <img
                                        src="assets/HotGenerousHornedtoad-small.gif" style="width:15px">
                                </div>
                                <div class="col"> <strong>Arrives At International Airport:</strong>
                                    <br><?php print_r($data['Arrive']);?> &nbsp &nbsp &nbsp <img
                                        src="assets/HotGenerousHornedtoad-small.gif" style="width:15px">
                                </div>
                                <div class="col"> <strong>Departs At International Airport:</strong>
                                    <br>
                                    <?php print_r($data['Departs']);?> &nbsp &nbsp &nbsp <img
                                        src="assets/HotGenerousHornedtoad-small.gif" style="width:15px">
                                </div>
                                <div class="col"> <strong>Transits On Arrival:</strong>
                                    <br><?php print_r($data['Transit']);?> &nbsp &nbsp &nbsp <img
                                        src="assets/HotGenerousHornedtoad-small.gif" style="width:15px">
                                </div>
                                <div class="col"> <strong>Departs From Transit:</strong>
                                    <br><?php print_r($data['Depart_Transit']);?> &nbsp &nbsp &nbsp
                                    <img src="assets/HotGenerousHornedtoad-small.gif" style="width:15px">
                                </div>
                                <div class="col"> <strong>Arrives At International Airport:</strong>
                                    <br>
                                    <?php print_r($data['Arrived']);?>&nbsp &nbsp &nbsp <img
                                        src="assets/HotGenerousHornedtoad-small.gif" style="width:15px">
                                </div>
                            </div>
                        </article>
                    </div>





                    <?php
    
        }
        
    }else{
        
        if(!isset($_GET['track']))
        {
        ?>
                    <div id="Sign-In" align="center">

                        <script>
                        alert('Invalid Tracking Number');
                        </script>
                        </span></p>
                    </div>
                    <?php
        }
    }
    
    ?>



                    <div style="height:50px;">
                    </div>
                    <div id="Sign-In" align="center">
                        <p><?php echo $error_message;?></p>
                        <form action="">
                            <input type="text" name="id" style="width:200px">&nbsp &nbsp &nbsp
                            <input value="Search Tracking Number" name="search"
                                style="font-family: 'Yanone Kaffeesatz', sans-serif;font-size:20px;width:170px;height:30px;"
                                type="submit">
                        </form>
                    </div>
                    <div id="Sign In" align="center">
                        <div style="width:500px;height:40px;background-color:#0066cc">
                            <p
                                style="font-family: 'Yanone Kaffeesatz', sans-serif;font-size:20px;padding-top:10px;color:#ffffff;">
                                <b>© Copyright Gent World Express 2024. All Rights Reserved.</b>
                            </p>
                        </div>
                    </div>
                </div>
            </div>


            <hr>




        </div>

        </div>
        </div>
        </div>
    </section>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

    <script>
    document.getElementsByClassName('list-group-item')[3].style.backgroundColor = "#046469";
    document.getElementsByClassName('menu-list')[3].style.color = "#fff";
    </script>