<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <META HTTP-EQUIV="REFRESH" CONTENT="<?= MAX_ADMIN_SESSION ?>;URL=/logout">
        <title><?php echo SITE_NAME; ?></title>

        <!-- Global stylesheets -->
        <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
        <link href="/assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
        <link href="/assets/css/bootstrap.css" rel="stylesheet" type="text/css">
        <link href="/assets/css/core.css" rel="stylesheet" type="text/css">
        <link href="/assets/css/components.css" rel="stylesheet" type="text/css">
        <link href="/assets/css/colors.css" rel="stylesheet" type="text/css">
        <!-- /global stylesheets -->

        <!-- Core JS files -->
        <script type="text/javascript" src="/assets/js/plugins/loaders/pace.min.js"></script>
        <script type="text/javascript" src="/assets/js/core/libraries/jquery.min.js"></script>
        <script type="text/javascript" src="/assets/js/core/libraries/bootstrap.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/loaders/blockui.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/tables/datatables/datatables.min.js"></script>

        <!-- /core JS files -->


        <!-- Theme JS files -->
        <script type="text/javascript" src="/assets/js/plugins/visualization/d3/d3.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/visualization/d3/d3_tooltip.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/forms/styling/switchery.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/forms/styling/uniform.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/forms/selects/bootstrap_multiselect.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/ui/moment/moment.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/pickers/daterangepicker.js"></script>
        <script type="text/javascript" src="/assets/js/pages/datatables_basic.js"></script>
        <script type="text/javascript" src="/assets/js/core/app.js"></script>
        <script type="text/javascript" src="/assets/js/pages/dashboard.js"></script>


        <!--script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script -->  
        <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>            
        <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" />  



        <script type="text/javascript" src="/assets/js/core/app.js"></script>

        <script type="text/javascript" src="/assets/js/plugins/notifications/jgrowl.min.js"></script>
        <script type="text/javascript" src="/assets/js/plugins/ui/moment/moment.min.js"></script>

        <script type="text/javascript" src="/assets/js/plugins/pickers/anytime.min.js"></script>
        <script type="text/javascript" src="/assets/js/core/app.js"></script>
        <script type="text/javascript" src="/assets/js/pages/picker_date.js"></script>


        <script type="text/javascript" src="/assets/js/plugins/ui/ripple.min.js"></script>

        <script src="/assets/js/plugins/pickers/pickadate/picker.js"></script>
        <script src="/assets/js/plugins/pickers/pickadate/picker.date.js"></script>
        <script src="/assets/js/plugins/pickers/pickadate/picker.time.js"></script>
        <script src="/assets/js/plugins/pickers/pickadate/legacy.js"></script>
        <!-- /theme JS files -->
        <?
        echo ( isset($map['js']) ? $map['js'] : '');
        ?>   
    </head>

    <body>

        <!-- Main navbar -->
        <div class="navbar navbar-inverse">
            <div class="navbar-header">
                <a  style='margin-top:0px;' href="/dash"><h4><?php echo SITE_NAME; ?></h4></a>
                <ul class="nav navbar-nav visible-xs-block">
                    <li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
                    <li><a class="sidebar-mobile-main-toggle"><i class="icon-paragraph-justify3"></i></a></li>
                </ul>
            </div>

            <div class="navbar-collapse collapse" id="navbar-mobile">
                <ul class="nav navbar-nav">
                    <li><a class="sidebar-control sidebar-main-toggle hidden-xs"><i class="icon-paragraph-justify3"></i></a></li>


                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown dropdown-user">
                        <a class="dropdown-toggle" data-toggle="dropdown">                            
                            <span><?php echo $_SESSION['firstname']; ?></span>
                            <i class="caret"></i>
                        </a>

                        <ul class="dropdown-menu dropdown-menu-right">
                            <li><a href="/bkoadmin/profile"><i class="icon-user-plus"></i> My profile</a></li>                           
                            <li class="divider"></li>
                            <li><a href="/site/logout"><i class="icon-switch2"></i> Logout</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!-- /main navbar -->


        <!-- Page container -->
        <div class="page-container">

            <!-- Page content -->
            <div class="page-content">

                <?php echo include 'common/admin_sidebar.php'; ?>

                <!-- Main content -->
                <div class="content-wrapper">

                    <!-- Page header -->
                    <div class="page-header page-header-default">
                        <div class="page-header-content">
                            <div class="page-title">
                                <h4><a href="/dash"><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">Dashboard</span></a> - <?php echo  isset( $page_title ) ? $page_title : 'BKO Session'; ?></h4>
                            </div>

                            <div class="heading-elements">
                                <div class="heading-btn-group">
                                    <a href="/member/addnew"  class="label label-info text-right"><span>Member</span></a>  
                                    <a href="#"  class="label  text-center"> | </a>
                                    <a href="/agent/agents"  class="label label-primary text-right"> <span>Agent</span></a>
                                    <a href="#"  class="label  text-center"> | </a>
                                    <a href="/prov/providers"  class="label label-warning text-right"> <span>Providers</span></a>
                                  
                                </div>
                            </div>
                        </div>

                    </div>
                    <!-- /page header -->


                    <!-- Content area -->
                    <div class="content">
