<?php
error_reporting(0);
require 'adminScript/getAllParcels.php';
session_start();

if (isset($_SESSION['AdminLogin'])) {?>
<!DOCTYPE html>
<html lang="en">

<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Title Page-->
<title>Dashboard</title>

<!-- Fontfaces CSS-->
<link href="css/font-face.css" rel="stylesheet" media="all">
<link href="vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
<link href="vendor/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all">
<link href="vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">

<!-- Bootstrap CSS-->
<link href="vendor/bootstrap-4.1/bootstrap.min.css" rel="stylesheet" media="all">

<!-- Vendor CSS-->
<link href="vendor/animsition/animsition.min.css" rel="stylesheet" media="all">
<link href="vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet" media="all">
<link href="vendor/wow/animate.css" rel="stylesheet" media="all">
<link href="vendor/css-hamburgers/hamburgers.min.css" rel="stylesheet" media="all">
<link href="vendor/slick/slick.css" rel="stylesheet" media="all">
<link href="vendor/select2/select2.min.css" rel="stylesheet" media="all">
<link href="vendor/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" media="all">

<!-- Main CSS-->
<link href="css/theme.css" rel="stylesheet" media="all">
<link href="css/updateParcel.css" rel="stylesheet">
<meta name="theme-color" content="#c00" >
<meta name="msapplication-navbutton-color" content="#c00">
<meta name="apple-mobile-web-app-status-bar-style" content="#c00">
<link rel="icon" type="image/x-icon" href="<?php //echo $_SERVER['SERVER_NAME']; ?>/home/img/favicon.png">
<script type="text/javascript" src="<?php //echo $_SERVER['SERVER_NAME']; ?>/home/assets/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="<?php //echo $_SERVER['SERVER_NAME']; ?>/home/assets/js/global.js"></script>
<link rel="stylesheet" type="text/css" href="<?php //echo $_SERVER['SERVER_NAME']; ?>/home/assets/stylesheet/responsive.css">
<link rel="stylesheet" type="text/css" href="/home/assets/Datedropper3-master/datedropper.css">
<link rel="stylesheet" type="text/css" href="/home/assets/Datedropper3-master/myDate.css">
<script type="text/javascript" src="/home/assets/Datedropper3-master/datedropper.js"></script>
<link rel="stylesheet" type="text/css" href="<?php //echo $_SERVER['SERVER_NAME']; ?>/home/assets/css_animate/animate.min.css">
<script type="text/javascript">
//=============date removeable====================
$('input#UpdatearrivalDate').dateDropper();
</script>
</head>

<body class="animsition">
<div class="page-wrapper">
<!-- HEADER DESKTOP-->
<header class="header-desktop3 d-none d-lg-block">
<div class="section__content section__content--p35">
<div class="header3-wrap">
<div class="header__logo">
<a href="#">
<img src="images/icon/logo-white.png" alt="CoolAdmin" />
</a>
</div>
<div class="header__navbar">
<ul class="list-unstyled">
<li class="has-sub">
<a href="<?php $_SERVER['PHP_SELF']; ?>">
<i class="fas fa-tachometer-alt"></i>Dashboard
<span class="bot-line"></span>
</a>
</li>

</ul>
</div>
<div class="header__tool">

<div class="account-wrap">
<div class="account-item account-item--style2 clearfix js-item-menu">
<div class="image">
<img src="images/icon/avatar-01.jpg" alt="Admin" />
</div>
<div class="content">
<a class="js-acc-btn" href="#">Admin</a>
</div>
<div class="account-dropdown js-dropdown">
<div class="info clearfix">
<div class="image">
    <a href="#">
        <img src="images/icon/avatar-01.jpg" alt="Admin" />
    </a>
</div>
<div class="content">
    <h5 class="name">
        <a href="#">Admin</a>
    </h5>
    <span class="email">johndoe@example.com</span>
</div>
</div>
<div class="account-dropdown__footer">
<a href="#">
    <i class="zmdi zmdi-power"></i>Logout</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- END HEADER DESKTOP-->
<!-- HEADER MOBILE-->
<header class="header-mobile header-mobile-2 d-block d-lg-none">
<div class="header-mobile__bar">
<div class="container-fluid">
<div class="header-mobile-inner">
<a class="logo" href="<?php $_SERVER['PHP_SELF'] ?>">
<img src="images/icon/logo-white.png" alt="CoolAdmin" />
</a>
<button class="hamburger hamburger--slider" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
</div>
<nav class="navbar-mobile">
<div class="container-fluid">
<ul class="navbar-mobile__list list-unstyled">
<li class="has-sub">
<a class="js-arrow" href="<?php $_SERVER['PHP_SELF']; ?>">
<i class="fas fa-tachometer-alt"></i>Dashboard</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="sub-header-mobile-2 d-block d-lg-none">
<div class="header__tool">


<div class="account-wrap">
<div class="account-item account-item--style2 clearfix js-item-menu">
<div class="image">
<img src="images/icon/avatar-01.jpg" alt="Admin" />
</div>
<div class="content">
<a class="js-acc-btn" href="#">Admin</a>
</div>
<div class="account-dropdown js-dropdown">
<div class="info clearfix">
<div class="image">
<a href="#">
<img src="images/icon/avatar-01.jpg" alt="Admin" />
</a>
</div>
<div class="content">
<h5 class="name">
<a href="#">Admin</a>
</h5>
<span class="email">johndoe@example.com</span>
</div>
</div>
<div class="account-dropdown__footer">
<a href="#">
<i class="zmdi zmdi-power"></i>Logout</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END HEADER MOBILE -->

<!-- PAGE CONTENT-->
<div class="page-content--bgf7">
<!-- BREADCRUMB-->
<section class="au-breadcrumb2">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="au-breadcrumb-content">
<div class="au-breadcrumb-left">
<span class="au-breadcrumb-span">You are here:</span>
<ul class="list-unstyled list-inline au-breadcrumb__list">
<li class="list-inline-item active">
    <a href="<?php $_SERVER['PHP_SELF']; ?>">Home</a>
</li>
<li class="list-inline-item seprate">
    <span>/</span>
</li>
<li class="list-inline-item">Dashboard</li>
</ul>
</div>
<form class="au-form-icon--sm" action="" method="post">
<input class="au-input--w300 au-input--style2" type="text" placeholder="Search for datas &amp; reports...">
<button class="au-btn--submit2" type="submit">
<i class="zmdi zmdi-search"></i>
</button>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- END BREADCRUMB-->

<!-- WELCOME-->
<section class="welcome p-t-10">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="title-4">Welcome back,
<span>Admin!</span>
</h1>
<hr class="line-seprate">
</div>
</div>
</div>
</section>
<!-- END WELCOME-->


<!-- DATA TABLE-->
<section class="p-t-20">
<div class="container">
<div class="row">
<div class="col-md-12">
<br>
<h3 class="title-5 m-b-35">All PARCELS (<?php echo $numParcels; ?>)</h3>
<br>
<div class="table-data__tool">

<div class="table-data__tool-right">
<button class="au-btn au-btn-icon au-btn--green au-btn--small" data-toggle="modal" data-target="#scrollmodal">
<i class="zmdi zmdi-plus"></i>Send a PARCEL</button>
<div class="rs-select2--dark rs-select2--sm rs-select2--dark2">
<div class="dropDownSelect2"></div>
</div>
</div>
</div>
<div class="table-responsive table-responsive-data2">
<table class="table table-data2">
<thead>
<tr>
    <th>No.</th>
    <th>Item name</th>
    <th>Track No.</th>
    <th>Sender name</th>
    <th>Receiver's name</th>
    <th>Current location</th>
    <th>Date of Arrival</th>
    <th>Tax / Custom fee</th>
</tr>
</thead>
<?php
if ($numParcels > 0) {
while ($fetchParcels = mysqli_fetch_assoc($numParcelQuery)) {
        //==================== GET DATA =================================
    $ID = $fetchParcels['ID'];
    $trackCode = $fetchParcels['trackCode'];
    $itemName = $fetchParcels['itemName'];
    $senderName = $fetchParcels['senderName'];
    $receiverName = $fetchParcels['receiverName'];
    $receiverEmail = $fetchParcels['receiverEmail'];
    $itemDesc = $fetchParcels['itemDesc'];
    $destinationAddr = $fetchParcels['destinationAddr'];
    $Piece = $fetchParcels['Piece'];
    $currLocation = $fetchParcels['currLocation'];
    $status = $fetchParcels['status'];
    $shippingType = $fetchParcels['shippingType'];
    $serviceType = $fetchParcels['serviceType'];
    $arrivalDate = $fetchParcels['arrivalDate'];
    $taxFee = $fetchParcels['taxFee'];
    $Phone = $fetchParcels['Phone'];

    $InsurFee = $fetchParcels['InsurFee'];
    $Vat = $fetchParcels['Vat'];
    $TotalFee = $fetchParcels['TotalFee'];

    $TotalPaid = $fetchParcels['TotalPaid'];
    $Map = $fetchParcels['Map'];
?>
<tbody>
<tr class="tr-shadow">
    <td><?php echo $ID; ?></td>
    <td><?php echo $itemName; ?></td>
    <td>
        <span class="block-email"><?php echo $trackCode; ?></span>
    </td>
    <td class="desc"><?php echo $senderName; ?></td>
    <td><?php echo $receiverName; ?></td>
    <td>
        <span class="status--process"><?php echo $currLocation; ?></span>
    </td>
    <td><?php echo $arrivalDate; ?></td>
    <td><?php echo $taxFee; ?></td>
    <td>
        <div class="table-data-feature">
            <button class="item" data-placement="top" title="Update" id="UpdateParcelButtonPopup">
                <i class="zmdi zmdi-edit"></i>
            </button>
            <button id="deleteParcel" class="item" data-toggle="tooltip" data-placement="top" title="Delete" data-id="<?php echo $ID; ?>">
                <i class="zmdi zmdi-delete"></i>
            </button>
        </div>
            <!-- modal large -->
<div class="updateParcel">
<div class="updateParcelBody">
    <div class="modal-header">
        <h5 class="modal-title" id="scrollmodalLabel">Update <?php echo $receiverName; ?>'s PARCEL</h5>
        <button type="button" class="close closeUpdateModal" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
        <div class="modal-body">
    <!-- MODAL CONTENT -->
    <form action="" method="post" id="updateForm" novalidate="novalidate">
    <div class="row">
        <div class="col-3">
            <div class="form-group">
                <label for="UpdateitemName" class="control-label mb-1">Item name</label>
                <input id="UpdateitemName" name="" type="text" class="form-control cc-exp" data-val="true"
                    data-val-cc-exp="Please enter a valid month and year" placeholder="Item name"
                    autocomplete="cc-exp" value="<?php echo $itemName; ?>">
                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>
        <div class="col-6">
            <label for="UpdateTrackingCode" class="control-label mb-1">Tracking code</label>
            <div class="input-group">
                <input id="UpdateTrackingCode" name="" type="text" class="form-control cc-cvc" data-val="true" data-val-required=""  data-val-cc-cvc="" autocomplete="off" placeholder="e.g WWWS9017391m" value="<?php echo $trackCode; ?>">
            </div>
        </div>
    </div>
        <div class="row">
        <div class="col-3">
            <div class="form-group">
                <label for="UpdatesenderName" class="control-label mb-1">Sender's name</label>
                <input id="UpdatesenderName"  type="text" class="form-control cc-exp" value="<?php echo $senderName; ?>" data-val="true" data-val-required="Please enter the card expiration"
                    data-val-cc-exp="Please enter a valid month and year" placeholder="e.g John Doe"
                    autocomplete="cc-exp">
                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>
        <div class="col-4">
            <label for="UpdatereceiverName" class="control-label mb-1">Receiver's name</label>
            <div class="input-group">
                <input id="UpdatereceiverName" name="" type="text" class="form-control cc-cvc" value="<?php echo $receiverName; ?>" data-val="true" data-val-required=""     data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g Areena Joules">
            </div>
        </div>
        <div class="col-3">
            <div class="form-group">
                <label for="UpdatereceiverEmail" class="control-label mb-1">Receiver's email</label>
                <input id="UpdatereceiverEmail"  type="text" class="form-control cc-exp" value="<?php echo $receiverEmail; ?>" data-val="true" data-val-required="Please enter the card expiration"
                    data-val-cc-exp="Please enter a valid month and year" placeholder="e.g Email"
                    autocomplete="cc-exp">
                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>
         <div class="col-3">
            <div class="form-group">
                <label for="UpdatereceiverPhone" class="control-label mb-1">Receiver's phone</label>
                <input id="UpdatereceiverPhone"  type="text" class="form-control cc-exp" value="<?php echo $Phone; ?>" data-val="true" data-val-required="Please enter the card expiration"
                    data-val-cc-exp="Please enter a valid month and year" placeholder="e.g Email"
                    autocomplete="cc-exp">
                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>
    </div>
        <div class="row">
        <div class="col-6">
            <div class="form-group">
                <label for="UpdateparcelStat" class="control-label mb-1">Parcel Status</label>
                <input id="UpdateparcelStat" name="" type="text" class="form-control cc-exp" value="<?php echo $status; ?>" data-val="true" data-val-required="Please enter the card expiration"
                    data-val-cc-exp="Please enter a valid month and year" placeholder="e.g On Transit (Departed Sending point)"
                    autocomplete="cc-exp">
                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>
        <div class="col-6">
            <label for="UpdatecurrLocation" class="control-label mb-1">Set Parcel Current location</label>
            <div class="input-group">
                <input id="UpdatecurrLocation" name="" type="text" class="form-control cc-cvc" value="<?php echo $currLocation; ?>" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g On Air">

            </div>
        </div>
    </div>
        <div class="row">
        <div class="col-4">
            <div class="form-group">
                <label for="UpdatearrivalDate" class="control-label mb-1">Date of Arrival</label>
                <input type="text" id="UpdatearrivalDate" name="" class="form-control cc-exp" value="<?php echo $arrivalDate; ?>" data-val="true" placeholder="e.g 08/03/2018"
                        data-modal="true" data-format="Y-m-d" data-theme="myDate" placeholder="Enter date" data-default-date="11-12-2018" data-large-mode="true">

                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>

        <div class="col-4">
            <label for="UpdateshippingType" class="control-label mb-1">Shipping type</label>
            <div class="input-group">
                <input id="UpdateshippingType" name="" type="text" class="form-control cc-cvc" value="<?php echo $shippingType; ?>" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g EXPRESS">

            </div>
        </div>
            <div class="col-4">
            <label for="UpdatetaxFee" class="control-label mb-1">Tax / Custom fee</label>
            <div class="input-group">
                <input id="UpdatetaxFee" name="" type="text" class="form-control cc-cvc" value="<?php echo $taxFee; ?>" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g $900">

            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-3">
            <div class="form-group">
                <label for="InsurFee" class="control-label mb-1">Insurance Fee</label>
                <input type="text" id="InsurFee" name="" class="form-control cc-exp" value="<?php echo $InsurFee; ?>" data-val="true" placeholder="e.g $900">

                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>

        <div class="col-3">
            <label for="Vat" class="control-label mb-1">Other/VAT</label>
            <div class="input-group">
                <input id="Vat" name="" type="text" class="form-control cc-cvc" value="<?php echo $Vat; ?>" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g $900">

            </div>
        </div>
        
            <div class="col-3">
            <label for="totalFee" class="control-label mb-1">Total Fee</label>
            <div class="input-group">
                <input id="totalFee" name="" type="text" class="form-control cc-cvc" value="<?php echo $TotalFee; ?>" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g $900">

            </div>
        </div>
        <div class="col-3">
            <label for="totalPaid" class="control-label mb-1">Total Paid</label>
            <div class="input-group">
                <input id="totalPaid" name="" type="text" class="form-control cc-cvc" value="<?php echo $TotalPaid; ?>" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g $900">

            </div>
        </div>
    </div>
        <div class="row">
        <div class="col-6">
            <div class="form-group">
                <label for="UpdatePieces" class="control-label mb-1">Pieces</label>
                <input id="UpdatePieces" name="" type="text" class="form-control cc-exp" value="<?php echo $Piece; ?>" data-val="true" data-val-required="Please enter the card expiration"
                    data-val-cc-exp="Please enter a valid month and year" placeholder="e.g 2 CARGO"
                    autocomplete="cc-exp">
                
            </div>
        </div>
        <div class="col-6">
            <label for="UpdateserviceType" class="control-label mb-1">Service type</label>
            <div class="input-group">
                <input id="UpdateserviceType" name="" type="text" class="form-control cc-cvc" value="<?php echo $serviceType; ?>" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g Home Delivery">

            </div>
        </div>
    </div>
    <div class="row">
    <div class="col-12">
            <label for="map" class="control-label mb-1">Map Address <small><a href="https://www.google.com/maps/" target="_blank">Go to map website now</a></small></label>
            <div class="input-group">
                <input id="map" name="" type="text" class="form-control cc-cvc" value="<?php echo $Map; ?>" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g Get address from Google maps">

            </div>
        </div>
    </div>
    <div class="form-group">
        <label for="UpdatedestinationAddr" class="control-label mb-1">Destination address</label>
        <input id="UpdatedestinationAddr" name="" value="<?php echo $destinationAddr; ?>" type="text" class="form-control" aria-required="true" aria-invalid="false" placeholder="e.g No 99019 San francisco">
    </div>

        <div class="row form-group">
        <div class="col col-md-3">
            <label for="UpdateitemDesc" class=" form-control-label">Item Description</label>
        </div>
        <div class="col-12 col-md-9">
            <textarea name="textarea-input" id="UpdateitemDesc" rows="9" placeholder="Description..." class="form-control"><?php echo $itemDesc; ?></textarea>
        </div>
    </div>
</form>
<!-- MODAL CONTENT END -->
</div>
<div id="updateParcelSucess"></div>
<div class="modal-footer">
    <button type="button" class="btn btn-secondary closeUpdateModal">Cancel</button>
    <button type="button" class="btn btn-primary" id="UpdateParcel" data-id="<?php echo $ID; ?>">update PARCEL</button>

</div>

</div>
</div>
<!-- end modal large -->
    </td>
</tr>
<tr class="spacer"></tr>

</tbody>

<?php   
}
}
?>

</table>
</div>
</div>
</div>
</div>
</section>
<!-- END DATA TABLE-->
<!-- modal scroll -->
<div class="modal fade" id="scrollmodal" tabindex="-1" role="dialog" aria-labelledby="scrollmodalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="scrollmodalLabel">SEND A PARCEL</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<!-- MODAL CONTENT -->
<form action="" method="post" id="sendParcelForm" novalidate="novalidate">
    <div class="row">
        <div class="col-6">
            <div class="form-group">
                <label for="itemName" class="control-label mb-1">Item name</label>
                <input id="itemName" name="" type="text" class="form-control cc-exp" data-val="true"
                    data-val-cc-exp="Please enter a valid month and year" placeholder="Item name"
                    autocomplete="cc-exp">
                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>
        <div class="col-6">
            <label for="TrackingCode" class="control-label mb-1">Tracking code</label>
            <div class="input-group">
                <input id="TrackingCode" name="" type="text" class="form-control cc-cvc" data-val="true" data-val-required=""     data-val-cc-cvc="" autocomplete="off" placeholder="e.g WWWS9017391m">
            </div>
        </div>
    </div>
        <div class="row">
        <div class="col-3">
            <div class="form-group">
                <label for="senderName" class="control-label mb-1">Sender's name</label>
                <input id="senderName"  type="text" class="form-control cc-exp" value="" data-val="true" data-val-required="Please enter the card expiration"
                    data-val-cc-exp="Please enter a valid month and year" placeholder="e.g John Doe"
                    autocomplete="cc-exp">
                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>
        <div class="col-3">
            <label for="receiverName" class="control-label mb-1">Receiver's name</label>
            <div class="input-group">
                <input id="receiverName" name="" type="text" class="form-control cc-cvc" value="" data-val="true" data-val-required=""     data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g Areena Joules">
            </div>
        </div>
        <div class="col-3">
            <label for="receiverEmail" class="control-label mb-1">Receiver's email</label>
            <div class="input-group">
                <input id="receiverEmail" name="" type="text" class="form-control cc-cvc" value="" data-val="true" data-val-required=""     data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g Areena@gmail.com">
            </div>
        </div>
        <div class="col-3">
            <label for="receiverPhone" class="control-label mb-1">Receiver's phone</label>
            <div class="input-group">
                <input id="receiverPhone" name="" type="text" class="form-control cc-cvc" value="" data-val="true" data-val-required=""     data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g Areena@gmail.com">
            </div>
        </div>
    </div>
        <div class="row">
        <div class="col-6">
            <div class="form-group">
                <label for="parcelStat" class="control-label mb-1">Parcel Status</label>
                <input id="parcelStat" name="" type="text" class="form-control cc-exp" value="" data-val="true" data-val-required="Please enter the card expiration"
                    data-val-cc-exp="Please enter a valid month and year" placeholder="e.g On Transit (Departed Sending point)"
                    autocomplete="cc-exp">
                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>
        <div class="col-6">
            <label for="currLocation" class="control-label mb-1">Set Parcel Current location</label>
            <div class="input-group">
                <input id="currLocation" name="" type="text" class="form-control cc-cvc" value="" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g On Air">

            </div>
        </div>
    </div>
        <div class="row">
        <div class="col-4">
            <div class="form-group">
                <label for="arrivalDate" class="control-label mb-1">Date of Arrival</label>
                <input type="text" id="arrivalDate" name="" class="form-control cc-exp" value="" data-val="true" placeholder="e.g 2020/03/18"
                        data-modal="true" data-format="Y-m-d" data-theme="myDate" placeholder="Enter date" data-default-date="11-12-2018" data-large-mode="true">

                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>

        <div class="col-4">
            <label for="shippingType" class="control-label mb-1">Shipping type</label>
            <div class="input-group">
                <input id="shippingType" name="" type="text" class="form-control cc-cvc" value="" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g EXPRESS">

            </div>
        </div>
            <div class="col-4">
            <label for="taxFee" class="control-label mb-1">Tax / Custom fee</label>
            <div class="input-group">
                <input id="taxFee" name="" type="text" class="form-control cc-cvc" value="" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g $900">

            </div>
        </div>
       
    </div>
    <div class="row">
        <div class="col-3">
            <div class="form-group">
                <label for="InsurFee" class="control-label mb-1">Insurance Fee</label>
                <input type="text" id="InsurFee" name="" class="form-control cc-exp"  data-val="true" placeholder="e.g $900">

                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>

        <div class="col-3">
            <label for="Vat" class="control-label mb-1">Other/VAT</label>
            <div class="input-group">
                <input id="Vat" name="" type="text" class="form-control cc-cvc" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g $900">

            </div>
        </div>
            <div class="col-3">
            <label for="totalFee" class="control-label mb-1">Total Fee</label>
            <div class="input-group">
                <input id="totalFee" name="" type="text" class="form-control cc-cvc" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g $900">

            </div>
        </div>
        <div class="col-3">
            <label for="totalPaid" class="control-label mb-1">Total Paid</label>
            <div class="input-group">
                <input id="totalPaid" name="" type="text" class="form-control cc-cvc"  data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g $900">

            </div>
        </div>
        
        ..
        <div class="col-4">
            <label for="Weight" class="control-label mb-1">Weight</label>
            <div class="input-group">
                <input id="Weight" name="" type="text" class="form-control cc-cvc" value="" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g 1kg">

            </div>
        </div>
       
    </div>
    <div class="row">
        <div class="col-3">
            <div class="form-group">
                <label for="Payment Mode" class="control-label mb-1">Payment Mode</label>
                <input type="text" id="Payment Mode" name="" class="form-control cc-exp"  data-val="true" placeholder="e.g Cash">

                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>

        <div class="col-3">
            <label for="Courier" class="control-label mb-1">Courier</label>
            <div class="input-group">
                <input id="Courier" name="" type="text" class="form-control cc-cvc" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g DHL">

            </div>
        </div>
            <div class="col-3">
            <label for="Courier Ref Num" class="control-label mb-1">Courier Ref Num</label>
            <div class="input-group">
                <input id="CourierRefNum" name="" type="text" class="form-control cc-cvc" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g 1223/1242/12">

            </div>
        </div>
        <div class="col-3">
            <label for="Package" class="control-label mb-1">Package</label>
            <div class="input-group">
                <input id="Package" name="" type="text" class="form-control cc-cvc"  data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g bag">

            </div>
        </div>
    </div>
        <div class="row">
        <div class="col-6">
            <div class="form-group">
                <label for="Pieces" class="control-label mb-1">Pieces</label>
                <input id="Pieces" name="" type="text" class="form-control cc-exp" value="" data-val="true" data-val-required="Please enter the card expiration"
                    data-val-cc-exp="Please enter a valid month and year" placeholder="e.g 2 CARGO"
                    autocomplete="cc-exp">
                <span class="help-block" data-valmsg-for="cc-exp" data-valmsg-replace="true"></span>
            </div>
        </div>
        <div class="col-6">
            <label for="serviceType" class="control-label mb-1">Service type</label>
            <div class="input-group">
                <input id="serviceType" name="" type="text" class="form-control cc-cvc" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g Home Delivery">

            </div>
        </div>
    </div>
    <div class="row">
    <div class="col-12">
            <label for="map" class="control-label mb-1">Map Address <small><a href="https://www.google.com/maps/" target="_blank">Go to map website now</a></small></label>
            <div class="input-group">
                <input id="map" name="" type="text" class="form-control cc-cvc" data-val="true" data-val-required="Please enter the security code"
                    data-val-cc-cvc="Please enter a valid security code" autocomplete="off" placeholder="e.g Get address from Google maps">

            </div>
        </div>
    </div>
    <div class="form-group">
        <label for="destinationAddr" class="control-label mb-1">Destination address</label>
        <input id="destinationAddr" name="" type="text" class="form-control" aria-required="true" aria-invalid="false" placeholder="e.g No 99019 San francisco">
    </div>

        <div class="row form-group">
        <div class="col col-md-3">
            <label for="itemDesc" class=" form-control-label">Item Description</label>
        </div>
        <div class="col-12 col-md-9">
            <textarea name="textarea-input" id="itemDesc" rows="9" placeholder="Description..." class="form-control"></textarea>
        </div>
    </div>
</form>
<!-- MODAL CONTENT END -->
</div>
<div id="addedParcel"></div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" id="SendParcel">Send PARCEL</button>

</div>

</div>
</div>
</div>
<!-- end modal scroll -->


<!-- COPYRIGHT-->
<section class="p-t-60 p-b-20">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright">
<p>Copyright © <?php echo date('Y'); ?> worldwidedeliveryservice</p>
</div>
</div>
</div>
</div>
</section>
<!-- END COPYRIGHT-->
</div>

</div>

<!-- Jquery JS-->
<script src="vendor/jquery-3.2.1.min.js"></script>
<!-- Bootstrap JS-->
<script src="vendor/bootstrap-4.1/popper.min.js"></script>
<script src="vendor/bootstrap-4.1/bootstrap.min.js"></script>
<!-- Vendor JS       -->
<script src="vendor/slick/slick.min.js">
</script>
<script src="vendor/wow/wow.min.js"></script>
<script src="vendor/animsition/animsition.min.js"></script>
<script src="vendor/bootstrap-progressbar/bootstrap-progressbar.min.js">
</script>
<script src="vendor/counter-up/jquery.waypoints.min.js"></script>
<script src="vendor/counter-up/jquery.counterup.min.js">
</script>
<script src="vendor/circle-progress/circle-progress.min.js"></script>
<script src="vendor/perfect-scrollbar/perfect-scrollbar.js"></script>
<script src="vendor/chartjs/Chart.bundle.min.js"></script>
<script src="vendor/select2/select2.min.js">
</script>

<!-- Main JS-->
<script src="js/main.js"></script>


</body>

</html>
<!-- end document-->















<?php    
}else {
?>

<!DOCTYPE html>
<html>
<head>
<title> cPanel Login</title>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Fontfaces CSS-->
<link href="css/font-face.css" rel="stylesheet" media="all">
<link href="vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
<link href="vendor/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all">
<link href="vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">

<!-- Bootstrap CSS-->
<link href="vendor/bootstrap-4.1/bootstrap.min.css" rel="stylesheet" media="all">

<!-- Vendor CSS-->
<link href="vendor/animsition/animsition.min.css" rel="stylesheet" media="all">
<link href="vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet" media="all">
<link href="vendor/wow/animate.css" rel="stylesheet" media="all">
<link href="vendor/css-hamburgers/hamburgers.min.css" rel="stylesheet" media="all">
<link href="vendor/slick/slick.css" rel="stylesheet" media="all">
<link href="vendor/select2/select2.min.css" rel="stylesheet" media="all">
<link href="vendor/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" media="all">

<!-- Main CSS-->
<link href="css/theme.css" rel="stylesheet" media="all">
<link href="css/updateParcel.css" rel="stylesheet">
<meta name="theme-color" content="#c00" >
<meta name="msapplication-navbutton-color" content="#c00">
<meta name="apple-mobile-web-app-status-bar-style" content="#c00">
<link rel="icon" type="image/x-icon" href="<?php //echo $_SERVER['SERVER_NAME']; ?>/home/img/favicon.png">
<script type="text/javascript" src="<?php //echo $_SERVER['SERVER_NAME']; ?>/home/assets/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="<?php //echo $_SERVER['SERVER_NAME']; ?>/home/assets/js/global.js"></script>
<link rel="stylesheet" type="text/css" href="<?php //echo $_SERVER['SERVER_NAME']; ?>/home/assets/stylesheet/responsive.css">
<link rel="stylesheet" type="text/css" href="/home/assets/Datedropper3-master/datedropper.css">
<link rel="stylesheet" type="text/css" href="/home/assets/Datedropper3-master/myDate.css">
<script type="text/javascript" src="/home/assets/Datedropper3-master/datedropper.js"></script>
<link rel="stylesheet" type="text/css" href="<?php //echo $_SERVER['SERVER_NAME']; ?>/home/assets/css_animate/animate.min.css">
<script type="text/javascript">
//=============date removeable====================
$('input#UpdatearrivalDate').dateDropper();
</script>
</head>
<body>
<div id="body_container" class="cPanel">
<!-- ======================= LOGIN BODY ========================================-->
<div class="loginBody unselectable">
<div class="data"></div>
<h1>cPanel Login</h1>
<form action="<?php $_SERVER['PHP_SELF'] ?>" method="POST">
<label for="email">
Email
<input type="email" name="Email" placeholder="Enter your email *" autofocus id="AdminEmail">
<div class="error errorEmail"></div>
</label>
<label for="password">
Password
<input type="password" name="password" placeholder="Enter your password *" id="AdminPassword">
<div class="error errorPassword"></div>
</label>
<label for="Login">
<button type="button" class="Login" id="AdminLogin">Login</button><img src="/en/sites/dea/Img/load.gif" class="load"> 
</label>
</form>
</div>
</div>
</body>
</html>


<?php
}

?>