<style>
#resources input[type="checkbox"], input[type="radio"] {
 margin-left: 0px;
    position: initial;
    opacity: 1;
}
#resoursetable 
{
	font-size:12px;
}
#resources .well
{
	padding-top:10px;
}
#resources .well .header
{
	position:inherit;
}
.pagination {
    display: inline-block; 
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}
</style>
<!-- Body -->
<body>
    <!-- Loading Container -->
    <div class="loading-container">
        <div class="loader"></div>
    </div>
    <!--  /Loading Container -->
    <!-- Navbar -->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="navbar-container">
                <!-- Navbar Barnd -->
                <div class="navbar-header pull-left">
                    <a href="<?= base_url() ?>" class="navbar-brand">
                        <small>
                            <img src="<?= base_url() ?>assets/img/logo.png" alt="" />
                        </small>
                    </a>
                </div>
                <!-- /Navbar Barnd -->
                <!-- Sidebar Collapse -->
                <div class="sidebar-collapse" id="sidebar-collapse">
                    <i class="collapse-icon fa fa-bars"></i>
                </div>
                <!-- /Sidebar Collapse -->
                <!-- Account Area and Settings --->
                <div class="navbar-header pull-right">
                    <div class="navbar-account">
                        <ul class="account-area">
                            
                            <li>
                                <a class="login-area dropdown-toggle" data-toggle="dropdown">
                                    <section>
                                        <h2><span class="profile"><?= $this->session->userdata('user') ?></span></h2>
                                    </section>
                                </a>
                                <!--Login Area Dropdown-->
                                <ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
                                    <li class="edit">
                                        <a href="<?= site_url() ?>settings/users/password" class="pull-left">Change Password</a>
                                    </li>
                                    <li class="edit">
                                        <a href="<?= site_url() ?>login/logout">
                                            Sign out
                                        </a>
                                    </li>
                                    <!--Theme Selector Area-->
                                    <li class="theme-area">
                                        <ul class="colorpicker" id="skin-changer">
                                            <li><a class="colorpick-btn" href="#" style="background-color:#5DB2FF;" rel="assets/css/skins/blue.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#2dc3e8;" rel="assets/css/skins/azure.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#03B3B2;" rel="assets/css/skins/teal.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#53a93f;" rel="assets/css/skins/green.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#FF8F32;" rel="assets/css/skins/orange.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#cc324b;" rel="assets/css/skins/pink.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#AC193D;" rel="assets/css/skins/darkred.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#8C0095;" rel="assets/css/skins/purple.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#0072C6;" rel="assets/css/skins/darkblue.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#585858;" rel="assets/css/skins/gray.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#474544;" rel="assets/css/skins/black.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#001940;" rel="assets/css/skins/deepblue.min.css"></a></li>
                                        </ul>
                                    </li>
                                    <!--/Theme Selector Area-->
                                    
                                </ul>
                                <!--/Login Area Dropdown-->
                            </li>
                            <!-- /Account Area -->
                            <!--Note: notice that setting div must start right after account area list.
                            no space must be between these elements-->
                            <!-- Settings -->
                        </ul><div class="setting">
                            <a id="btn-setting" title="Setting" href="#">
                                <i class="icon glyphicon glyphicon-cog"></i>
                            </a>
                        </div><div class="setting-container">
                            <label>
                                <input type="checkbox" id="checkbox_fixednavbar">
                                <span class="text">Fixed Navbar</span>
                            </label>
                            <label>
                                <input type="checkbox" id="checkbox_fixedsidebar">
                                <span class="text">Fixed SideBar</span>
                            </label>
                            <label>
                                <input type="checkbox" id="checkbox_fixedheader">
                                <span class="text">Fixed Header</span>
                            </label>
                        </div>
                        <!-- Settings -->
                    </div>
                </div>
                <!-- /Account Area and Settings -->
            </div>
        </div>
    </div>
    <!-- /Navbar -->
    <!-- Main Container -->
    <div class="main-container container-fluid">
        <!-- Page Container -->
        <div class="page-container">

            <!-- Page Sidebar -->
            <div class="page-sidebar" id="sidebar">
                <!-- Page Sidebar Header-->
                <div class="sidebar-header-wrapper">
                    <input readonly="true" type="text" class="searchinput" value="<?= date('Y-m-d h:i:s A') ?>">
                    
                </div>
                <!-- /Page Sidebar Header -->
                <!-- Sidebar Menu -->
                <ul class="nav sidebar-menu">
                    <li class="active">
                        <a href="<?= site_url() ?>">
                            <i class="menu-icon glyphicon glyphicon-home"></i>
                            <span class="menu-text"> Dashboard </span>
                        </a>
                    </li>
                    
                    <?php
                if ($mainmenu) {

                    $xml = simplexml_load_string(htmlspecialchars_decode($mainmenu));
                    
                    $level1 = 0;
                    $level2 = 0;
                    $level3 = 0;
                    
                    foreach ($xml as $key0 => $value) {
                        foreach ($value->attributes() as $attributeskey0 => $attributesvalue1) {
                            if ($key0 == 'level1') {

                                if ($level3 == 1) {
                                    $level3 == 0;
                                    echo '</ul></li></ul>';
                                } else if ($level2 == 1) {
                                    $level2 = 0;
                                    echo '</li></ul>';
                                } else if ($level1 == 1) {
                                    echo '</li>';
                                }

                                $level1 = 1;
                                echo '<li><a href="' . site_url() . $value . '" class="menu-dropdown"><i class="menu-icon fa fa-th"></i><span class="menu-text"> ' . $attributesvalue1 . ' </span></a>';
                            } else if ($key0 == 'level2') {

                                if ($level3 == 1) {
                                    $level3 = 0;
                                    echo '</ul>';
                                }
                                else if ($level2 == 1) {
                                    echo '</li>';
                                }
                                else if ($level1 == 1) {
                                    $level1 = 0;
                                    echo '<ul class="submenu">';
                                }

                                $level2 = 1;
                                echo '<li><a href="' . site_url() . $value . '" class="menu-dropdown"><span class="menu-text"> ' . $attributesvalue1 . ' </span><i class="menu-expand"></i></a>';
                            } else if ($key0 == 'level3') {
                                if ($level2 == 1) {
                                    $level2 = 0;
                                    echo '<ul class="submenu">';
                                }
                                $level3 = 1;
                                echo '<li><a href="' . site_url() . $value . '" class="menu-dropdown"><span class="menu-text">' . $attributesvalue1 . '</span></a></li>';
                            }
                        }
                    }
                    
                    if ($level3 == 1) {
                    echo '</ul></li></ul></li>';
                    } else if ($level2 == 1) {
                    echo '</li></ul></li>';
                    } else if ($level1 == 1) {
                    echo '</li>';
                    }
                }
?>
                    
                </ul>
                <!-- /Sidebar Menu -->
            </div>
            <!-- /Page Sidebar -->
            
            <!-- Page Content -->
            <div class="page-content">
                
                <!-- Page Header -->
                <div class="page-header position-relative">
                    <div class="header-title">
                        <h1>
                            Resources 
                        </h1>
                    </div>
                    <!--Header Buttons-->
                    <div class="header-buttons">
                        <a class="sidebar-toggler" href="#">
                            <i class="fa fa-arrows-h"></i>
                        </a>
                        <a class="refresh" id="refresh-toggler" href="">
                            <i class="glyphicon glyphicon-refresh"></i>
                        </a>
                        <a class="fullscreen" id="fullscreen-toggler" href="#">
                            <i class="glyphicon glyphicon-fullscreen"></i>
                        </a>
                    </div>
                    <!--Header Buttons End-->
                </div>
                <!-- /Page Header -->
                <!-- Page Body -->
                <div class="page-body" id="resources">
                  <div class="well with-header">
                                <div class="header bordered-success">
                                  
										<button type="button" class="btn btn-default">New</button>
										<button type="button" class="btn btn-primary">View</button>
										<button type="button" class="btn btn-success">Edit</button>
										<button type="button" class="btn btn-danger">Delete</button>
										<button type="button" class="btn btn-info">Show/Hide Columns</button>
										<button type="button" class="btn btn-warning">Search</button>


                                </div>
                                <div class="table-scrollable">
                                    <table class="table table-striped table-bordered table-hover databox-text">
                                        <thead>
                                           <tr>
                                                <th scope="col" style="width:5% !important">
                                                    S.No.
                                                </th>
                                                <th scope="col" style="width:5% !important">
                                                
                                                         <input type="checkbox" value="">
                                                   
                                                </th>
                                                <th scope="col" style="width:70% !important">
                                                    NAME
                                                </th>
                                                <th scope="col" style="width:30% !important">
                                                   TYPE
                                                </th>
                                             
                                            </tr>
                                        </thead>
                                        <tbody id="resoursetable">
                                            <tr>
                                                <td scope="col" >
                                                   1
                                                </td>
                                                <td scope="col" >
                                                
                                                         <input type="checkbox" value="">
                                                   
                                                </td>
                                                <td scope="col" >
                                                    NAME
                                                </td>
                                                 <td scope="col" >
                                                    TYPE
                                                </td>
                                             
                                            </tr>
											 <tr>
                                                <td scope="col" >
                                                   1
                                                </td>
                                                <td scope="col" >
                                                
                                                         <input type="checkbox" value="">
                                                   
                                                </td>
                                                <td scope="col" >
                                                    NAME
                                                </td>
                                                 <td scope="col" >
                                                    TYPE
                                                </td>
                                             
                                            </tr>
											 <tr>
                                                <td scope="col" >
                                                   1
                                                </td>
                                                <td scope="col" >
                                                
                                                         <input type="checkbox" value="">
                                                   
                                                </td>
                                                <td scope="col" >
                                                    NAME
                                                </td>
                                                 <td scope="col" >
                                                    TYPE
                                                </td>
                                             
                                            </tr>
											 <tr>
                                                <td scope="col" >
                                                   1
                                                </td>
                                                <td scope="col" >
                                                
                                                         <input type="checkbox" value="">
                                                   
                                                </td>
                                                <td scope="col" >
                                                    NAME
                                                </td>
                                                 <td scope="col" >
                                                    TYPE
                                                </td>
                                             
                                            </tr>
											 <tr>
                                                <td scope="col" >
                                                   1
                                                </td>
                                                <td scope="col" >
                                                
                                                         <input type="checkbox" value="">
                                                   
                                                </td>
                                                <td scope="col" >
                                                    NAME
                                                </td>
                                                 <td scope="col" >
                                                    TYPE
                                                </td>
                                             
                                            </tr>
                                             <tr>
                                                <td scope="col" >
                                                   1
                                                </td>
                                                <td scope="col" >
                                                
                                                         <input type="checkbox" value="">
                                                   
                                                </td>
                                                <td scope="col" >
                                                    NAME
                                                </td>
                                                 <td scope="col" >
                                                    TYPE
                                                </td>
                                             
                                            </tr>
											 <tr>
                                                <td scope="col" >
                                                   1
                                                </td>
                                                <td scope="col" >
                                                
                                                         <input type="checkbox" value="">
                                                   
                                                </td>
                                                <td scope="col" >
                                                    NAME
                                                </td>
                                                 <td scope="col" >
                                                    TYPE
                                                </td>
                                             
                                            </tr>
											 <tr>
                                                <td scope="col" >
                                                   1
                                                </td>
                                                <td scope="col" >
                                                
                                                         <input type="checkbox" value="">
                                                   
                                                </td>
                                                <td scope="col" >
                                                    NAME
                                                </td>
                                                 <td scope="col" >
                                                    TYPE
                                                </td>
                                             
                                            </tr>
											 <tr>
                                                <td scope="col" >
                                                   1
                                                </td>
                                                <td scope="col" >
                                                
                                                         <input type="checkbox" value="">
                                                   
                                                </td>
                                                <td scope="col" >
                                                    NAME
                                                </td>
                                                 <td scope="col" >
                                                    TYPE
                                                </td>
                                             
                                            </tr>
                                        </tbody>
                                    </table>
									
									<div class="col-md-3"></div>
									<div class="col-md-6 text-center">
									<div class="pagination">
										  <a href="#">&laquo;</a>
										  <a href="#">1</a>
										  <a href="#" class="active">2</a>
										  <a href="#">3</a>
										  <a href="#">4</a>
										  <a href="#">5</a>
										  <a href="#">6</a>
										  <a href="#">&raquo;</a>
								    </div>
									
									</div>
									<div class="col-md-3"></div>
									</div>
                               
                                
                            </div>
                </div>
                <!-- /Page Body -->
            </div>
            <!-- /Page Content -->

        </div>
        <!-- /Page Container -->
        <!-- Main Container -->

    </div>

    <!--Basic Scripts-->
    <script src="<?= base_url() ?>assets/js/jquery.min.js"></script>
    <script src="<?= base_url() ?>assets/js/bootstrap.min.js"></script>
    <script src="<?= base_url() ?>assets/js/slimscroll/jquery.slimscroll.min.js"></script>

    <!--Beyond Scripts-->
    <script src="<?= base_url() ?>assets/js/beyond.js"></script>


    <!--Page Related Scripts-->
    <!--Sparkline Charts Needed Scripts-->
    <script src="<?= base_url() ?>assets/js/charts/sparkline/jquery.sparkline.js"></script>
    <script src="<?= base_url() ?>assets/js/charts/sparkline/sparkline-init.js"></script>

    <!--Easy Pie Charts Needed Scripts-->
    <script src="<?= base_url() ?>assets/js/charts/easypiechart/jquery.easypiechart.js"></script>
    <script src="<?= base_url() ?>assets/js/charts/easypiechart/easypiechart-init.js"></script>

    <!--Flot Charts Needed Scripts-->
    <script src="<?= base_url() ?>assets/js/charts/flot/jquery.flot.js"></script>
    <script src="<?= base_url() ?>assets/js/charts/flot/jquery.flot.resize.js"></script>
    <script src="<?= base_url() ?>assets/js/charts/flot/jquery.flot.pie.js"></script>
    <script src="<?= base_url() ?>assets/js/charts/flot/jquery.flot.tooltip.js"></script>
    <script src="<?= base_url() ?>assets/js/charts/flot/jquery.flot.orderBars.js"></script>

</body>
<!--  /Body -->
</html>
