<?php session_start(); ?>
<?php require_once '../connections/meekro/db.class.php';?>
<?php //require_once 'functions.php';?>
<?php include("loginChecker.php"); ?>

<?php
 $User = $_SESSION['username'];
?>
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>License N Permit</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
        <meta content="Coderthemes" name="author" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <!-- App favicon -->
        <link rel="shortcut icon" href="assets/images/logo.ico">
         <!-- Jquery Toast css -->
        <link href="assets/libs/jquery-toast-plugin/jquery.toast.min.css" rel="stylesheet" type="text/css" />
        
        <!-- SweetAlert2 -->
          <link rel="stylesheet" href="assets/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css">
          <!-- Toastr -->
          <link rel="stylesheet" href="assets/toastr/toastr.min.css">
		<!-- Bootstrap css -->
		<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		<!-- App css -->
		<link href="assets/css/app.min.css" rel="stylesheet" type="text/css" id="app-style"/>
		<!-- icons -->
		<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
        <!-- picker -->
        <link href="assets/libs/flatpickr/flatpickr.min.css" rel="stylesheet" type="text/css">
        <link href="assets/libs/clockpicker/bootstrap-clockpicker.min.css" rel="stylesheet" type="text/css">
		<!-- Head js -->
		<script src="assets/js/head.js"></script>
        
        
        <!-- BS SEARCHABLE SELECT -->
<link rel="stylesheet" href="assets/css/bootstrap-select.min.css">
 
    <!--MY CUSTOM CSS-->
<link rel="stylesheet" href="assets/css/myCustom.css">
    </head>

    <!-- body start -->
    <body data-layout-mode="default"  data-theme="light" data-topbar-color="dark" data-menu-position="fixed" data-leftbar-color="light" data-leftbar-size='default' data-sidebar-user='false'>
    
                    
      
        <!-- Begin page -->
        <div id="wrapper">

         
            <!-- Topbar Start -->
            <div class="navbar-custom" style="background-color:#3a7b53; z-index: 500;">
                <div class="container-fluid">
                    <ul class="list-unstyled topnav-menu float-end mb-0">

                        
                        <!--<li class="dropdown d-inline-block d-lg-none">-->
                        <!--    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">-->
                        <!--        <i class="fe-search noti-icon"></i>-->
                        <!--    </a>-->
                        <!--    <div class="dropdown-menu dropdown-lg dropdown-menu-end p-0">-->
                        <!--        <form class="p-3">-->
                        <!--            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">-->
                        <!--        </form>-->
                        <!--    </div>-->
                        <!--</li>-->

                        
                        <li class="dropdown d-none d-lg-inline-block">
                                <span class="nav-link dropdown-toggle arrow-none waves-effect waves-light ">
                                    <span id="countdown-text">Loading <span id="page-name"></span> in <span id="countdown-time"></span> </span>
                                    <a id="pause-btn" class="btn btn-outline-warning btn-xs">Pause</a>
                                </span>
                        </li>
    
                        <li class="dropdown d-none d-lg-inline-block">
                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
                                <i class="fe-maximize noti-icon"></i>
                            </a>
                        </li>

                        <!-- <li class="dropdown notification-list">
                            <ul class="navbar-nav">
                                <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarLightDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    Weekly Report <i class="mdi mdi-chevron-down"></i>  
                                </a>
                                <ul class="dropdown-menu dropdown-menu-light" aria-labelledby="navbarLightDropdownMenuLink">
                                    <li><a class="dropdown-item" href="#">Daily Report</a></li>
                                    <li><a class="dropdown-item" href="#">Monthly Report</a></li>
                                    <li><a class="dropdown-item" href="#">Quarterly Report</a></li>
                                    <li><a class="dropdown-item" href="#">Annual Report</a></li>
                                </ul>
                                </li>
                            </ul>
                        </li> -->
     
                       
    
                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
                            <!--<a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">-->
                            <!--    <img src="assets/images/flags/us.jpg" alt="user-image" height="16">-->
                            <!--</a>-->
                            <div class="dropdown-menu dropdown-menu-end">
    
                                <!-- item-->
                                <!--<a href="javascript:void(0);" class="dropdown-item">-->
                                <!--    <img src="assets/images/flags/germany.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">German</span>-->
                                <!--</a>-->
    
                                <!-- item-->
                                <!--<a href="javascript:void(0);" class="dropdown-item">-->
                                <!--    <img src="assets/images/flags/italy.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Italian</span>-->
                                <!--</a>-->
    
                                <!-- item-->
                                <!--<a href="javascript:void(0);" class="dropdown-item">-->
                                <!--    <img src="assets/images/flags/spain.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Spanish</span>-->
                                <!--</a>-->
    
                                <!-- item-->
                                <!--<a href="javascript:void(0);" class="dropdown-item">-->
                                <!--    <img src="assets/images/flags/russia.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Russian</span>-->
                                <!--</a>-->
    
                            </div>
                        </li>
            
                        <li class="dropdown notification-list topbar-dropdown">
                            <!--<a class="nav-link dropdown-toggle waves-effect waves-light" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">-->
                            <!--    <i class="fe-bell noti-icon"></i>-->
                            <!--    <span class="badge bg-danger rounded-circle noti-icon-badge">9</span>-->
                            <!--</a>-->
                            <div class="dropdown-menu dropdown-menu-end dropdown-lg">
    
                                <!-- item-->
                                <!--<div class="dropdown-item noti-title">-->
                                <!--    <h5 class="m-0">-->
                                <!--        <span class="float-end">-->
                                <!--            <a href="" class="text-dark">-->
                                <!--                <small>Clear All</small>-->
                                <!--            </a>-->
                                <!--        </span>Notification-->
                                <!--    </h5>-->
                                <!--</div>-->
    
                                <!--<div class="noti-scroll" data-simplebar>-->
    
                                    <!-- item-->
                                <!--    <a href="javascript:void(0);" class="dropdown-item notify-item active">-->
                                <!--        <div class="notify-icon">-->
                                <!--            <img src="assets/images/users/user-1.jpg" class="img-fluid rounded-circle" alt="" /> </div>-->
                                <!--        <p class="notify-details">Cristina Pride</p>-->
                                <!--        <p class="text-muted mb-0 user-msg">-->
                                <!--            <small>Hi, How are you? What about our next meeting</small>-->
                                <!--        </p>-->
                                <!--    </a>-->
    
                                    <!-- item-->
                                <!--    <a href="javascript:void(0);" class="dropdown-item notify-item">-->
                                <!--        <div class="notify-icon bg-primary">-->
                                <!--            <i class="mdi mdi-comment-account-outline"></i>-->
                                <!--        </div>-->
                                <!--        <p class="notify-details">Caleb Flakelar commented on Admin-->
                                <!--            <small class="text-muted">1 min ago</small>-->
                                <!--        </p>-->
                                <!--    </a>-->
    
                                    <!-- item-->
                                <!--    <a href="javascript:void(0);" class="dropdown-item notify-item">-->
                                <!--        <div class="notify-icon">-->
                                <!--            <img src="assets/images/users/user-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>-->
                                <!--        <p class="notify-details">Karen Robinson</p>-->
                                <!--        <p class="text-muted mb-0 user-msg">-->
                                <!--            <small>Wow ! this admin looks good and awesome design</small>-->
                                <!--        </p>-->
                                <!--    </a>-->
    
                                    <!-- item-->
                                <!--    <a href="javascript:void(0);" class="dropdown-item notify-item">-->
                                <!--        <div class="notify-icon bg-warning">-->
                                <!--            <i class="mdi mdi-account-plus"></i>-->
                                <!--        </div>-->
                                <!--        <p class="notify-details">New user registered.-->
                                <!--            <small class="text-muted">5 hours ago</small>-->
                                <!--        </p>-->
                                <!--    </a>-->
    
                                    <!-- item-->
                                <!--    <a href="javascript:void(0);" class="dropdown-item notify-item">-->
                                <!--        <div class="notify-icon bg-info">-->
                                <!--            <i class="mdi mdi-comment-account-outline"></i>-->
                                <!--        </div>-->
                                <!--        <p class="notify-details">Caleb Flakelar commented on Admin-->
                                <!--            <small class="text-muted">4 days ago</small>-->
                                <!--        </p>-->
                                <!--    </a>-->
    
                                    <!-- item-->
                                <!--    <a href="javascript:void(0);" class="dropdown-item notify-item">-->
                                <!--        <div class="notify-icon bg-secondary">-->
                                <!--            <i class="mdi mdi-heart"></i>-->
                                <!--        </div>-->
                                <!--        <p class="notify-details">Carlos Crouch liked-->
                                <!--            <b>Admin</b>-->
                                <!--            <small class="text-muted">13 days ago</small>-->
                                <!--        </p>-->
                                <!--    </a>-->
                                <!--</div>-->
    
                                <!-- All-->
                                <!--<a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">-->
                                <!--    View all-->
                                <!--    <i class="fe-arrow-right"></i>-->
                                <!--</a>-->
    
                            </div>
                        </li>
    
                        <li class="dropdown notification-list topbar-dropdown">
                            <a class="nav-link dropdown-toggle nav-user me-0 waves-effect waves-light" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                            <i class="fe-settings noti-icon"></i>
                                <span class="pro-user-name ms-1">
                                    <!-- <?php //echo $User ;?> <i class="mdi mdi-chevron-down"></i>  -->
                                </span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-end profile-dropdown ">
                                <!-- item-->
                                <div class="dropdown-header noti-title">
                                    <h6 class="text-overflow m-0">Welcome !</h6>
                                </div>
    
                                <!-- item-->
                                <a href="javascript:void(0);" class="dropdown-item notify-item">
                                    <i class="fe-user"></i>
                                    <span>My Account</span>
                                </a>
    
                                <!-- item-->
                                <!--<a href="javascript:void(0);" class="dropdown-item notify-item">-->
                                <!--    <i class="fe-settings"></i>-->
                                <!--    <span>Settings</span>-->
                                <!--</a>-->
    
                                <!-- item-->
                                <a href="changePassword.php" class="dropdown-item notify-item">
                                    <i class="fe-lock"></i>
                                    <span>Change Password</span>
                                </a>
    
                                <div class="dropdown-divider"></div>
    
                                <!-- item-->
                                <a href="logout.php" class="dropdown-item notify-item">
                                    <i class="fe-log-out"></i>
                                    <span>Logout</span>
                                </a>
    
                            </div>
                        </li>
    
                        
    
                    </ul>
    
                    <!-- LOGO -->
                    <div class="logo-box">
                        <a href="index.php" class="logo logo-dark text-center">
                            <span class="logo-sm">
                                <img src="assets/images/logo-sm.png" alt="" height="22">
                                <!-- <span class="logo-lg-text-light">UBold</span> -->
                            </span>
                            <span class="logo-lg">
                                <img src="assets/images/logo-dark.png" alt="" height="20">
                                <!-- <span class="logo-lg-text-light">U</span> -->
                            </span>
                        </a>
    
                        <a href="index.php" class="logo logo-light text-center">
                            <span class="logo-sm">
                                <img src="assets/images/logo.png" alt="NCS Logo" height="50">
                            </span>
                            <span class="logo-lg">
                                <img src="assets/images/logo.png" alt="NCS Logo" height="50">
                            </span>
                        </a>
                    </div>
    
                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
                        <li>
                            <button class="button-menu-mobile waves-effect waves-light">
                                <i class="fe-menu"></i>
                            </button>
                        </li>

                        <li>
                            <!-- Mobile menu toggle (Horizontal Layout)-->
                            <a class="navbar-toggle nav-link" data-bs-toggle="collapse" data-bs-target="#topnav-menu-content">
                                <div class="lines">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </a>
                            <!-- End mobile menu toggle-->
                        </li>   
            
                        <!--<li class="dropdown d-none d-xl-block">-->
                        <!--    <a class="nav-link dropdown-toggle waves-effect waves-light" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">-->
                        <!--        Create New-->
                        <!--        <i class="mdi mdi-chevron-down"></i> -->
                        <!--    </a>-->
                        <!--    <div class="dropdown-menu">-->
                                <!-- item-->
                        <!--        <a href="javascript:void(0);" class="dropdown-item">-->
                        <!--            <i class="fe-briefcase me-1"></i>-->
                        <!--            <span>New Projects</span>-->
                        <!--        </a>-->
    
                                <!-- item-->
                        <!--        <a href="javascript:void(0);" class="dropdown-item">-->
                        <!--            <i class="fe-user me-1"></i>-->
                        <!--            <span>Create Users</span>-->
                        <!--        </a>-->
    
                                <!-- item-->
                        <!--        <a href="javascript:void(0);" class="dropdown-item">-->
                        <!--            <i class="fe-bar-chart-line- me-1"></i>-->
                        <!--            <span>Revenue Report</span>-->
                        <!--        </a>-->
    
                                <!-- item-->
                        <!--        <a href="javascript:void(0);" class="dropdown-item">-->
                        <!--            <i class="fe-settings me-1"></i>-->
                        <!--            <span>Settings</span>-->
                        <!--        </a>-->
    
                        <!--        <div class="dropdown-divider"></div>-->
    
                                <!-- item-->
                        <!--        <a href="javascript:void(0);" class="dropdown-item">-->
                        <!--            <i class="fe-headphones me-1"></i>-->
                        <!--            <span>Help & Support</span>-->
                        <!--        </a>-->
    
                        <!--    </div>-->
                        <!--</li>-->
    
                        <!--<li class="dropdown dropdown-mega d-none d-xl-block">-->
                        <!--    <a class="nav-link dropdown-toggle waves-effect waves-light" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">-->
                        <!--        Mega Menu-->
                        <!--        <i class="mdi mdi-chevron-down"></i> -->
                        <!--    </a>-->
                        <!--    <div class="dropdown-menu dropdown-megamenu">-->
                        <!--        <div class="row">-->
                        <!--            <div class="col-sm-8">-->
                            
                        <!--                <div class="row">-->
                        <!--                    <div class="col-md-4">-->
                        <!--                        <h5 class="text-dark mt-0">UI Components</h5>-->
                        <!--                        <ul class="list-unstyled megamenu-list">-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Widgets</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Nestable List</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Range Sliders</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Masonry Items</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Sweet Alerts</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Treeview Page</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Tour Page</a>-->
                        <!--                            </li>-->
                        <!--                        </ul>-->
                        <!--                    </div>-->
    
                        <!--                    <div class="col-md-4">-->
                        <!--                        <h5 class="text-dark mt-0">Applications</h5>-->
                        <!--                        <ul class="list-unstyled megamenu-list">-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">eCommerce Pages</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">CRM Pages</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Email</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Calendar</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Team Contacts</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Task Board</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Email Templates</a>-->
                        <!--                            </li>-->
                        <!--                        </ul>-->
                        <!--                    </div>-->
    
                        <!--                    <div class="col-md-4">-->
                        <!--                        <h5 class="text-dark mt-0">Extra Pages</h5>-->
                        <!--                        <ul class="list-unstyled megamenu-list">-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Left Sidebar with User</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Menu Collapsed</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Small Left Sidebar</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">New Header Style</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Search Result</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Gallery Pages</a>-->
                        <!--                            </li>-->
                        <!--                            <li>-->
                        <!--                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>-->
                        <!--                            </li>-->
                        <!--                        </ul>-->
                        <!--                    </div>-->
                        <!--                </div>-->
                        <!--            </div>-->
                        <!--            <div class="col-sm-4">-->
                        <!--                <div class="text-center mt-3">-->
                        <!--                    <h3 class="text-dark">Special Discount Sale!</h3>-->
                        <!--                    <h4>Save up to 70% off.</h4>-->
                        <!--                    <button class="btn btn-primary rounded-pill mt-3">Download Now</button>-->
                        <!--                </div>-->
                        <!--            </div>-->
                        <!--        </div>-->
    
                        <!--    </div>-->
                        <!--</li>-->
                    </ul>
                    <div class="clearfix"></div>
                </div>
            </div>
            <?php 
                    
                if(isset($_SESSION['success']) && $_SESSION['success'] != ''){            
                    echo '<div class="alert alert-success text-bolder alert-dismissible bg-success text-white border-0 fade show" role="alert" style="position:fixed; right:0px; top:10px; z-index:3000;">
                        <button type="button"  class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close" id="auto-close"></button>
                        <i class="fa fa-check-circle fa-1x"></i> '.$_SESSION['success'].'
                    </div>';
                    unset($_SESSION['success']);
                }elseif(isset($_SESSION['fail']) && $_SESSION['fail'] != ''){
                    echo '<div class="alert alert-danger text-bolder alert-dismissible bg-danger text-white border-0 fade show" role="alert" style="position:fixed; right:0px; top:10px; z-index:3000;">
                        <button type="button"  class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close" id="auto-close"></button>
                        <i class="fa fa-exclamation-triangle fa-1x"></i> '.$_SESSION['fail'].'
                    </div>';
                    unset($_SESSION['fail']);
                }elseif(isset($_SESSION['del']) && $_SESSION['del'] != ''){
                    echo '<div class="alert alert-primary text-bolder alert-dismissible bg-primary text-white border-0 fade show" role="alert" style="position:fixed; right:0px; top:10px; z-index:3000;">
                        <button type="button"  class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Close" id="auto-close"></button>
                        <i class="fa fa-info-circle fa-1x"></i> '.$_SESSION['del'].'
                    </div>';
                    unset($_SESSION['del']);
                }

            ?>
            
           
            <!-- end Topbar -->