Find this useful? Enter your email to receive occasional updates for securing PHP code.
Signing you up...
Thank you for signing up!
PHP Decode
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewp..
Decoded Output download
<?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home | Courier Management System</title>
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="assets/plugins/fontawesome-free/css/all.min.css">
<!-- overlayScrollbars -->
<link rel="stylesheet" href="assets/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
<!-- DataTables -->
<link rel="stylesheet" href="assets/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="assets/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" href="assets/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
<!-- Select2 -->
<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">
<link rel="stylesheet" href="assets/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
<!-- SweetAlert2 -->
<link rel="stylesheet" href="assets/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css">
<!-- Toastr -->
<link rel="stylesheet" href="assets/plugins/toastr/toastr.min.css">
<!-- dropzonejs -->
<link rel="stylesheet" href="assets/plugins/dropzone/min/dropzone.min.css">
<!-- DateTimePicker -->
<link rel="stylesheet" href="assets/dist/css/jquery.datetimepicker.min.css">
<!-- iCheck for checkboxes and radio inputs -->
<link rel="stylesheet" href="assets/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
<!-- Switch Toggle -->
<link rel="stylesheet" href="assets/plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="assets/dist/css/adminlte.min.css">
<link rel="stylesheet" href="assets/dist/css/styles.css">
<script src="assets/plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="assets/plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- summernote -->
<link rel="stylesheet" href="assets/plugins/summernote/summernote-bs4.min.css">
</head><body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed layout-footer-fixed" style="background-color: ##35dc87">
<div class="wrapper">
<!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-success navbar-dark ">
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="" role="button"><i class="fas fa-bars"></i></a>
</li>
<li>
<a class="nav-link text-white" href="./" role="button"> <large><b>Courier Management System</b></large></a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" data-widget="fullscreen" href="#" role="button">
<i class="fas fa-expand-arrows-alt"></i>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link" data-toggle="dropdown" aria-expanded="true" href="javascript:void(0)">
<span>
<div class="d-felx badge-pill">
<span class="fa fa-user mr-2"></span>
<span><b>Administrator</b></span>
<span class="fa fa-angle-down ml-2"></span>
</div>
</span>
</a>
<div class="dropdown-menu" aria-labelledby="account_settings" style="left: -2.5em;">
<a class="dropdown-item" href="javascript:void(0)" id="manage_account"><i class="fa fa-cog"></i> Manage Account</a>
<a class="dropdown-item" href="ajax.php?action=logout"><i class="fa fa-power-off"></i> Logout</a>
</div>
</li>
</ul>
</nav>
<!-- /.navbar -->
<script>
$('#manage_account').click(function(){
uni_modal('Manage Account','manage_user.php?id=1')
})
</script>
<aside class="main-sidebar sidebar-dark-warning elevation-4" style="background-color:darkblue">
<div class="dropdown" style="background-color:darkblue">
<a href="./" class="brand-link" style="background-color:darkblue">
<h3 class="text-center p-0 m-0"><b>ADMIN</b></h3>
</a>
</div>
<div class="sidebar pb-4 mb-4" style="background-color:darkblue">
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column nav-flat" data-widget="treeview" role="menu" data-accordion="false">
<li class="nav-item dropdown">
<a href="./" class="nav-link nav-home">
<i class="nav-icon fas fa-tachometer-alt"></i>
<p>
Dashboard
</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link nav-edit_branch">
<i class="nav-icon fas fa-building"></i>
<p>
Branch
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="./index.php?page=new_branch" class="nav-link nav-new_branch tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Add New</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=branch_list" class="nav-link nav-branch_list tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>List</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link nav-edit_staff">
<i class="nav-icon fas fa-users"></i>
<p>
Branch Staff
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="./index.php?page=new_staff" class="nav-link nav-new_staff tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Add New</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=staff_list" class="nav-link nav-staff_list tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>List</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link nav-edit_parcel">
<i class="nav-icon fas fa-boxes"></i>
<p>
Parcels
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="./index.php?page=new_parcel" class="nav-link nav-new_parcel tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Add New</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list" class="nav-link nav-parcel_list nav-sall tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>List All</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=0" class="nav-link nav-parcel_list_0 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Item Accepted<br/>by Courier</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=1" class="nav-link nav-parcel_list_1 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Collected</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=2" class="nav-link nav-parcel_list_2 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Shipped</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=3" class="nav-link nav-parcel_list_3 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>In-Transit</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=4" class="nav-link nav-parcel_list_4 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Arrived At<br/>Destination</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=5" class="nav-link nav-parcel_list_5 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Out for Delivery</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=6" class="nav-link nav-parcel_list_6 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Ready to Pickup</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=7" class="nav-link nav-parcel_list_7 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Delivered</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=8" class="nav-link nav-parcel_list_8 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Picked-up</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=9" class="nav-link nav-parcel_list_9 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Unsuccessfull<br/>Delivery Attempt</p>
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a href="./index.php?page=track" class="nav-link nav-track">
<i class="nav-icon fas fa-search"></i>
<p>
Track Parcel
</p>
</a>
</li>
<li class="nav-item dropdown">
<a href="./index.php?page=reports" class="nav-link nav-reports">
<i class="nav-icon fas fa-file"></i>
<p>
Reports
</p>
</a>
</li>
</ul>
</nav>
</div>
</aside>
<script>
$(document).ready(function(){
var page = 'home';
var s = '';
if(s!='')
page = page+'_'+s;
if($('.nav-link.nav-'+page).length > 0){
$('.nav-link.nav-'+page).addClass('active')
if($('.nav-link.nav-'+page).hasClass('tree-item') == true){
$('.nav-link.nav-'+page).closest('.nav-treeview').siblings('a').addClass('active')
$('.nav-link.nav-'+page).closest('.nav-treeview').parent().addClass('menu-open')
}
if($('.nav-link.nav-'+page).hasClass('nav-is-tree') == true){
$('.nav-link.nav-'+page).parent().addClass('menu-open')
}
}
})
</script>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<div class="toast" id="alert_toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-body text-white">
</div>
</div>
<div id="toastsContainerTopRight" class="toasts-top-right fixed"></div>
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">Home</h1>
</div><!-- /.col -->
</div><!-- /.row -->
<hr class="border-primary">
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<!-- Info boxes -->
<div class="row">
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>5</h3>
<p>Total Branches</p>
</div>
<div class="icon">
<i class="fa fa-building"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>4</h3>
<p>Total Parcels</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>4</h3>
<p>Total Staff</p>
</div>
<div class="icon">
<i class="fa fa-users"></i>
</div>
</div>
</div>
<hr>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>3</h3>
<p>Item Accepted by Courier</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>1</h3>
<p>Collected</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Shipped</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>In-Transit</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Arrived At Destination</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Out for Delivery</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Ready to Pickup</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Delivered</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Picked-up</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Unsuccessfull Delivery Attempt</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
</div>
</div><!--/. container-fluid -->
</section>
<!-- /.content -->
<div class="modal fade" id="confirm_modal" role='dialog'>
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Confirmation</h5>
</div>
<div class="modal-body">
<div id="delete_content"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id='confirm' onclick="">Continue</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="uni_modal" role='dialog'>
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"></h5>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id='submit' onclick="$('#uni_modal form').submit()">Save</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="uni_modal_right" role='dialog'>
<div class="modal-dialog modal-full-height modal-md" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="fa fa-arrow-right"></span>
</button>
</div>
<div class="modal-body">
</div>
</div>
</div>
</div>
<div class="modal fade" id="viewer_modal" role='dialog'>
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<button type="button" class="btn-close" data-dismiss="modal"><span class="fa fa-times"></span></button>
<img src="" alt="">
</div>
</div>
</div>
</div>
<!-- /.content-wrapper -->
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
<div class="float-right d-none d-sm-inline-block">
<b>Courier Management System</b>
</div>
</footer>
</div>
<!-- ./wrapper -->
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<!-- Bootstrap -->
<!-- SweetAlert2 -->
<script src="assets/plugins/sweetalert2/sweetalert2.min.js"></script>
<!-- Toastr -->
<script src="assets/plugins/toastr/toastr.min.js"></script>
<!-- Switch Toggle -->
<script src="assets/plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js"></script>
<!-- Select2 -->
<script src="assets/plugins/select2/js/select2.full.min.js"></script>
<!-- Summernote -->
<script src="assets/plugins/summernote/summernote-bs4.min.js"></script>
<!-- dropzonejs -->
<script src="assets/plugins/dropzone/min/dropzone.min.js"></script>
<script src="assets/plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script>
<!-- DateTimePicker -->
<script src="assets/dist/js/jquery.datetimepicker.full.min.js"></script>
<!-- Bootstrap Switch -->
<script src="assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script>
$(document).ready(function(){
$('.select2').select2({
placeholder:"Please select here",
width: "100%"
});
})
window.start_load = function(){
$('body').prepend('<div id="preloader2"></div>')
}
window.end_load = function(){
$('#preloader2').fadeOut('fast', function() {
$(this).remove();
})
}
window.viewer_modal = function($src = ''){
start_load()
var t = $src.split('.')
t = t[1]
if(t =='mp4'){
var view = $("<video src='"+$src+"' controls autoplay></video>")
}else{
var view = $("<img src='"+$src+"' />")
}
$('#viewer_modal .modal-content video,#viewer_modal .modal-content img').remove()
$('#viewer_modal .modal-content').append(view)
$('#viewer_modal').modal({
show:true,
backdrop:'static',
keyboard:false,
focus:true
})
end_load()
}
window.uni_modal = function($title = '' , $url='',$size=""){
start_load()
$.ajax({
url:$url,
error:err=>{
console.log()
alert("An error occured")
},
success:function(resp){
if(resp){
$('#uni_modal .modal-title').html($title)
$('#uni_modal .modal-body').html(resp)
if($size != ''){
$('#uni_modal .modal-dialog').addClass($size)
}else{
$('#uni_modal .modal-dialog').removeAttr("class").addClass("modal-dialog modal-md")
}
$('#uni_modal').modal({
show:true,
backdrop:'static',
keyboard:false,
focus:true
})
end_load()
}
}
})
}
window._conf = function($msg='',$func='',$params = []){
$('#confirm_modal #confirm').attr('onclick',$func+"("+$params.join(',')+")")
$('#confirm_modal .modal-body').html($msg)
$('#confirm_modal').modal('show')
}
window.alert_toast= function($msg = 'TEST',$bg = 'success' ,$pos=''){
var Toast = Swal.mixin({
toast: true,
position: $pos || 'top-end',
showConfirmButton: false,
timer: 5000
});
Toast.fire({
icon: $bg,
title: $msg
})
}
$(function () {
bsCustomFileInput.init();
$('.summernote').summernote({
height: 300,
toolbar: [
[ 'style', [ 'style' ] ],
[ 'font', [ 'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'clear'] ],
[ 'fontname', [ 'fontname' ] ],
[ 'fontsize', [ 'fontsize' ] ],
[ 'color', [ 'color' ] ],
[ 'para', [ 'ol', 'ul', 'paragraph', 'height' ] ],
[ 'table', [ 'table' ] ],
[ 'view', [ 'undo', 'redo', 'fullscreen', 'codeview', 'help' ] ]
]
})
$('.datetimepicker').datetimepicker({
format:'Y/m/d H:i',
})
})
$(".switch-toggle").bootstrapToggle();
$('.number').on('input keyup keypress',function(){
var val = $(this).val()
val = val.replace(/[^0-9]/, '');
val = val.replace(/,/g, '');
val = val > 0 ? parseFloat(val).toLocaleString("en-US") : 0;
$(this).val(val)
})
</script>
<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- overlayScrollbars -->
<script src="assets/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="assets/dist/js/adminlte.js"></script>
<!-- PAGE assets/plugins -->
<!-- jQuery Mapael -->
<script src="assets/plugins/jquery-mousewheel/jquery.mousewheel.js"></script>
<script src="assets/plugins/raphael/raphael.min.js"></script>
<script src="assets/plugins/jquery-mapael/jquery.mapael.min.js"></script>
<script src="assets/plugins/jquery-mapael/maps/usa_states.min.js"></script>
<!-- ChartJS -->
<script src="assets/plugins/chart.js/Chart.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="assets/dist/js/demo.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="assets/dist/js/pages/dashboard2.js"></script>
<!-- DataTables & Plugins -->
<script src="assets/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="assets/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="assets/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="assets/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="assets/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="assets/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="assets/plugins/jszip/jszip.min.js"></script>
<script src="assets/plugins/pdfmake/pdfmake.min.js"></script>
<script src="assets/plugins/pdfmake/vfs_fonts.js"></script>
<script src="assets/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="assets/plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="assets/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
</body>
</html>
?>
Did this file decode correctly?
Original Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home | Courier Management System</title>
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="assets/plugins/fontawesome-free/css/all.min.css">
<!-- overlayScrollbars -->
<link rel="stylesheet" href="assets/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
<!-- DataTables -->
<link rel="stylesheet" href="assets/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="assets/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" href="assets/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
<!-- Select2 -->
<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">
<link rel="stylesheet" href="assets/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
<!-- SweetAlert2 -->
<link rel="stylesheet" href="assets/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css">
<!-- Toastr -->
<link rel="stylesheet" href="assets/plugins/toastr/toastr.min.css">
<!-- dropzonejs -->
<link rel="stylesheet" href="assets/plugins/dropzone/min/dropzone.min.css">
<!-- DateTimePicker -->
<link rel="stylesheet" href="assets/dist/css/jquery.datetimepicker.min.css">
<!-- iCheck for checkboxes and radio inputs -->
<link rel="stylesheet" href="assets/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
<!-- Switch Toggle -->
<link rel="stylesheet" href="assets/plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="assets/dist/css/adminlte.min.css">
<link rel="stylesheet" href="assets/dist/css/styles.css">
<script src="assets/plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="assets/plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- summernote -->
<link rel="stylesheet" href="assets/plugins/summernote/summernote-bs4.min.css">
</head><body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed layout-footer-fixed" style="background-color: ##35dc87">
<div class="wrapper">
<!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-success navbar-dark ">
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="" role="button"><i class="fas fa-bars"></i></a>
</li>
<li>
<a class="nav-link text-white" href="./" role="button"> <large><b>Courier Management System</b></large></a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" data-widget="fullscreen" href="#" role="button">
<i class="fas fa-expand-arrows-alt"></i>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link" data-toggle="dropdown" aria-expanded="true" href="javascript:void(0)">
<span>
<div class="d-felx badge-pill">
<span class="fa fa-user mr-2"></span>
<span><b>Administrator</b></span>
<span class="fa fa-angle-down ml-2"></span>
</div>
</span>
</a>
<div class="dropdown-menu" aria-labelledby="account_settings" style="left: -2.5em;">
<a class="dropdown-item" href="javascript:void(0)" id="manage_account"><i class="fa fa-cog"></i> Manage Account</a>
<a class="dropdown-item" href="ajax.php?action=logout"><i class="fa fa-power-off"></i> Logout</a>
</div>
</li>
</ul>
</nav>
<!-- /.navbar -->
<script>
$('#manage_account').click(function(){
uni_modal('Manage Account','manage_user.php?id=1')
})
</script>
<aside class="main-sidebar sidebar-dark-warning elevation-4" style="background-color:darkblue">
<div class="dropdown" style="background-color:darkblue">
<a href="./" class="brand-link" style="background-color:darkblue">
<h3 class="text-center p-0 m-0"><b>ADMIN</b></h3>
</a>
</div>
<div class="sidebar pb-4 mb-4" style="background-color:darkblue">
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column nav-flat" data-widget="treeview" role="menu" data-accordion="false">
<li class="nav-item dropdown">
<a href="./" class="nav-link nav-home">
<i class="nav-icon fas fa-tachometer-alt"></i>
<p>
Dashboard
</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link nav-edit_branch">
<i class="nav-icon fas fa-building"></i>
<p>
Branch
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="./index.php?page=new_branch" class="nav-link nav-new_branch tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Add New</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=branch_list" class="nav-link nav-branch_list tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>List</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link nav-edit_staff">
<i class="nav-icon fas fa-users"></i>
<p>
Branch Staff
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="./index.php?page=new_staff" class="nav-link nav-new_staff tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Add New</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=staff_list" class="nav-link nav-staff_list tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>List</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link nav-edit_parcel">
<i class="nav-icon fas fa-boxes"></i>
<p>
Parcels
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="./index.php?page=new_parcel" class="nav-link nav-new_parcel tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Add New</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list" class="nav-link nav-parcel_list nav-sall tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>List All</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=0" class="nav-link nav-parcel_list_0 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Item Accepted<br/>by Courier</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=1" class="nav-link nav-parcel_list_1 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Collected</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=2" class="nav-link nav-parcel_list_2 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Shipped</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=3" class="nav-link nav-parcel_list_3 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>In-Transit</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=4" class="nav-link nav-parcel_list_4 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Arrived At<br/>Destination</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=5" class="nav-link nav-parcel_list_5 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Out for Delivery</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=6" class="nav-link nav-parcel_list_6 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Ready to Pickup</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=7" class="nav-link nav-parcel_list_7 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Delivered</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=8" class="nav-link nav-parcel_list_8 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Picked-up</p>
</a>
</li>
<li class="nav-item">
<a href="./index.php?page=parcel_list&s=9" class="nav-link nav-parcel_list_9 tree-item">
<i class="fas fa-angle-right nav-icon"></i>
<p>Unsuccessfull<br/>Delivery Attempt</p>
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a href="./index.php?page=track" class="nav-link nav-track">
<i class="nav-icon fas fa-search"></i>
<p>
Track Parcel
</p>
</a>
</li>
<li class="nav-item dropdown">
<a href="./index.php?page=reports" class="nav-link nav-reports">
<i class="nav-icon fas fa-file"></i>
<p>
Reports
</p>
</a>
</li>
</ul>
</nav>
</div>
</aside>
<script>
$(document).ready(function(){
var page = 'home';
var s = '';
if(s!='')
page = page+'_'+s;
if($('.nav-link.nav-'+page).length > 0){
$('.nav-link.nav-'+page).addClass('active')
if($('.nav-link.nav-'+page).hasClass('tree-item') == true){
$('.nav-link.nav-'+page).closest('.nav-treeview').siblings('a').addClass('active')
$('.nav-link.nav-'+page).closest('.nav-treeview').parent().addClass('menu-open')
}
if($('.nav-link.nav-'+page).hasClass('nav-is-tree') == true){
$('.nav-link.nav-'+page).parent().addClass('menu-open')
}
}
})
</script>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<div class="toast" id="alert_toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-body text-white">
</div>
</div>
<div id="toastsContainerTopRight" class="toasts-top-right fixed"></div>
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">Home</h1>
</div><!-- /.col -->
</div><!-- /.row -->
<hr class="border-primary">
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<!-- Info boxes -->
<div class="row">
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>5</h3>
<p>Total Branches</p>
</div>
<div class="icon">
<i class="fa fa-building"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>4</h3>
<p>Total Parcels</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>4</h3>
<p>Total Staff</p>
</div>
<div class="icon">
<i class="fa fa-users"></i>
</div>
</div>
</div>
<hr>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>3</h3>
<p>Item Accepted by Courier</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>1</h3>
<p>Collected</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Shipped</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>In-Transit</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Arrived At Destination</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Out for Delivery</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Ready to Pickup</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Delivered</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Picked-up</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="small-box bg-light shadow-sm border">
<div class="inner">
<h3>0</h3>
<p>Unsuccessfull Delivery Attempt</p>
</div>
<div class="icon">
<i class="fa fa-boxes"></i>
</div>
</div>
</div>
</div>
</div><!--/. container-fluid -->
</section>
<!-- /.content -->
<div class="modal fade" id="confirm_modal" role='dialog'>
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Confirmation</h5>
</div>
<div class="modal-body">
<div id="delete_content"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id='confirm' onclick="">Continue</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="uni_modal" role='dialog'>
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"></h5>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id='submit' onclick="$('#uni_modal form').submit()">Save</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="uni_modal_right" role='dialog'>
<div class="modal-dialog modal-full-height modal-md" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="fa fa-arrow-right"></span>
</button>
</div>
<div class="modal-body">
</div>
</div>
</div>
</div>
<div class="modal fade" id="viewer_modal" role='dialog'>
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<button type="button" class="btn-close" data-dismiss="modal"><span class="fa fa-times"></span></button>
<img src="" alt="">
</div>
</div>
</div>
</div>
<!-- /.content-wrapper -->
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
<div class="float-right d-none d-sm-inline-block">
<b>Courier Management System</b>
</div>
</footer>
</div>
<!-- ./wrapper -->
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<!-- Bootstrap -->
<!-- SweetAlert2 -->
<script src="assets/plugins/sweetalert2/sweetalert2.min.js"></script>
<!-- Toastr -->
<script src="assets/plugins/toastr/toastr.min.js"></script>
<!-- Switch Toggle -->
<script src="assets/plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js"></script>
<!-- Select2 -->
<script src="assets/plugins/select2/js/select2.full.min.js"></script>
<!-- Summernote -->
<script src="assets/plugins/summernote/summernote-bs4.min.js"></script>
<!-- dropzonejs -->
<script src="assets/plugins/dropzone/min/dropzone.min.js"></script>
<script src="assets/plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script>
<!-- DateTimePicker -->
<script src="assets/dist/js/jquery.datetimepicker.full.min.js"></script>
<!-- Bootstrap Switch -->
<script src="assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script>
$(document).ready(function(){
$('.select2').select2({
placeholder:"Please select here",
width: "100%"
});
})
window.start_load = function(){
$('body').prepend('<div id="preloader2"></div>')
}
window.end_load = function(){
$('#preloader2').fadeOut('fast', function() {
$(this).remove();
})
}
window.viewer_modal = function($src = ''){
start_load()
var t = $src.split('.')
t = t[1]
if(t =='mp4'){
var view = $("<video src='"+$src+"' controls autoplay></video>")
}else{
var view = $("<img src='"+$src+"' />")
}
$('#viewer_modal .modal-content video,#viewer_modal .modal-content img').remove()
$('#viewer_modal .modal-content').append(view)
$('#viewer_modal').modal({
show:true,
backdrop:'static',
keyboard:false,
focus:true
})
end_load()
}
window.uni_modal = function($title = '' , $url='',$size=""){
start_load()
$.ajax({
url:$url,
error:err=>{
console.log()
alert("An error occured")
},
success:function(resp){
if(resp){
$('#uni_modal .modal-title').html($title)
$('#uni_modal .modal-body').html(resp)
if($size != ''){
$('#uni_modal .modal-dialog').addClass($size)
}else{
$('#uni_modal .modal-dialog').removeAttr("class").addClass("modal-dialog modal-md")
}
$('#uni_modal').modal({
show:true,
backdrop:'static',
keyboard:false,
focus:true
})
end_load()
}
}
})
}
window._conf = function($msg='',$func='',$params = []){
$('#confirm_modal #confirm').attr('onclick',$func+"("+$params.join(',')+")")
$('#confirm_modal .modal-body').html($msg)
$('#confirm_modal').modal('show')
}
window.alert_toast= function($msg = 'TEST',$bg = 'success' ,$pos=''){
var Toast = Swal.mixin({
toast: true,
position: $pos || 'top-end',
showConfirmButton: false,
timer: 5000
});
Toast.fire({
icon: $bg,
title: $msg
})
}
$(function () {
bsCustomFileInput.init();
$('.summernote').summernote({
height: 300,
toolbar: [
[ 'style', [ 'style' ] ],
[ 'font', [ 'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'clear'] ],
[ 'fontname', [ 'fontname' ] ],
[ 'fontsize', [ 'fontsize' ] ],
[ 'color', [ 'color' ] ],
[ 'para', [ 'ol', 'ul', 'paragraph', 'height' ] ],
[ 'table', [ 'table' ] ],
[ 'view', [ 'undo', 'redo', 'fullscreen', 'codeview', 'help' ] ]
]
})
$('.datetimepicker').datetimepicker({
format:'Y/m/d H:i',
})
})
$(".switch-toggle").bootstrapToggle();
$('.number').on('input keyup keypress',function(){
var val = $(this).val()
val = val.replace(/[^0-9]/, '');
val = val.replace(/,/g, '');
val = val > 0 ? parseFloat(val).toLocaleString("en-US") : 0;
$(this).val(val)
})
</script>
<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- overlayScrollbars -->
<script src="assets/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="assets/dist/js/adminlte.js"></script>
<!-- PAGE assets/plugins -->
<!-- jQuery Mapael -->
<script src="assets/plugins/jquery-mousewheel/jquery.mousewheel.js"></script>
<script src="assets/plugins/raphael/raphael.min.js"></script>
<script src="assets/plugins/jquery-mapael/jquery.mapael.min.js"></script>
<script src="assets/plugins/jquery-mapael/maps/usa_states.min.js"></script>
<!-- ChartJS -->
<script src="assets/plugins/chart.js/Chart.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="assets/dist/js/demo.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="assets/dist/js/pages/dashboard2.js"></script>
<!-- DataTables & Plugins -->
<script src="assets/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="assets/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="assets/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="assets/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="assets/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="assets/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="assets/plugins/jszip/jszip.min.js"></script>
<script src="assets/plugins/pdfmake/pdfmake.min.js"></script>
<script src="assets/plugins/pdfmake/vfs_fonts.js"></script>
<script src="assets/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="assets/plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="assets/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
</body>
</html>
Function Calls
None |
Stats
MD5 | fb5dd9a573964d1d5ee2961352fdb7aa |
Eval Count | 0 |
Decode Time | 70 ms |