<!DOCTYPE html>
<html lang="en">
  <head>  
    
    <title>Framework Codeigniter</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Main CSS-->
    
    <link rel="stylesheet" type="text/css" href="<?=base_url('asset/css/main.css')?>"> 
      
    <!-- Font-icon css-->
    <link rel="stylesheet" type="text/css" href="<?=base_url('asset/fontawesome/css/all.min.css')?>">
    <link rel="stylesheet" type="text/css" href="<?=base_url('asset/css/buttons.dataTables.min.css')?>">
    
    
    <script src="<?=base_url('asset/js/jquery-3.3.1.min.js')?>"></script>
    <script type="text/javascript" src="<?=base_url('asset/js/plugins/jquery.dataTables.min.js')?>"></script>
    <script type="text/javascript" src="<?=base_url('asset/js/plugins/dataTables.bootstrap.min.js')?>"></script>

    <!-- Tambahan untuk tombol di datatabel -->
    <script type="text/javascript" src="<?=base_url('asset/js/plugins/dataTables.buttons.min.js')?>"></script>
    <script type="text/javascript" src="<?=base_url('asset/js/plugins/buttons.print.min.js')?>"></script>
    <script type="text/javascript" src="<?=base_url('asset/js/plugins/buttons.html5.min.js')?>"></script>
    <script type="text/javascript" src="<?=base_url('asset/js/plugins/pdfmake.min.js')?>"></script>
    <script type="text/javascript" src="<?=base_url('asset/js/plugins/vfs_fonts.js')?>"></script>
    <script type="text/javascript" src="<?=base_url('asset/js/plugins/jszip.min.js')?>"></script>


    <script type="text/javascript" src="<?=base_url('asset/js/plugins/bootstrap-datepicker.min.js')?>"></script>
    <script type="text/javascript" src="<?=base_url('asset/js/plugins/sweetalert.min.js')?>"></script>
    

  </head>
  <body class="app sidebar-mini">
    <!-- Navbar-->
    <header class="app-header"><a class="app-header__logo" href="#">Framework CI</a>
      <!-- Sidebar toggle button--><a class="app-sidebar__toggle" href="#" data-toggle="sidebar" aria-label="Hide Sidebar"><i class="fas fa-bars"></i></a>
      <!-- Navbar Right Menu-->
      <ul class="app-nav">       
        
        <!-- User Menu-->
        <li class="dropdown"><a class="app-nav__item" href="#" data-toggle="dropdown" aria-label="Open Profile Menu" style="text-decoration: none;"><i class="fa fa-user fa-lg"></i>&nbsp; <?= $this->session->userdata('nama')?></a>
          <ul class="dropdown-menu settings-menu dropdown-menu-right">            
            <li><a class="dropdown-item" href="#"><i class="fa fa-user fa-lg"></i> Profile</a></li>
            <li><a class="dropdown-item" href="<?=base_url('login/logout')?>"><i class="fa fa-sign-out fa-lg"></i> Logout</a></li>
          </ul>
        </li>
      </ul>
    </header>
    <!-- Sidebar menu-->
    <div class="app-sidebar__overlay" data-toggle="sidebar"></div>
    <aside class="app-sidebar">
      
      <ul class="app-menu">
        <li><a class="app-menu__item" href="<?=base_url('admin')?>"><i class="app-menu__icon fas fa-home"></i> Home</a></li>
        <li class="treeview"><a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-laptop"></i><span class="app-menu__label">Menu 1</span><i class="treeview-indicator fa fa-angle-right"></i></a>
          <ul class="treeview-menu">
            <li><a class="treeview-item" href="#"><i class="icon fas fa-user"></i> Sub Menu 1</a></li>
            <li><a class="treeview-item" href="#"><i class="icon fas fa-user"></i> Sub Menu 2</a></li>            
          </ul>
        </li>       
        
      </ul>
    </aside>
    <main class="app-content">
      <div class="row"> 
        <div class="col-md-12">     
          <?php
            $this->load->view($view); 
          ?> 
        </div>
      </div> 
    </main>
    <div class="landing-footer" style="background-color:#009688;color:white">
		Framework CI
    </div>
    
    <!-- Essential javascripts for application to work-->
    <script src="<?=base_url('asset/js/jquery-3.3.1.min.js')?>"></script>    
    <script src="<?=base_url('asset/js/popper.min.js')?>"></script>
    <script src="<?=base_url('asset/js/bootstrap.min.js')?>"></script>
    <script src="<?=base_url('asset/js/main.js')?>"></script>
    <script src="<?=base_url('asset/js/plugins/pace.min.js')?>"></script>
    <script src="<?=base_url('asset/js/plugins/select2.min.js')?>"></script>
    
    
    <!-- Data table plugin-->
    <script type="text/javascript" src="<?=base_url('asset/js/plugins/jquery.dataTables.min.js')?>"></script>
    <script type="text/javascript" src="<?=base_url('asset/js/plugins/dataTables.bootstrap.min.js')?>"></script>

    <script type="text/javascript" src="<?=base_url('asset/js/plugins/bootstrap-datepicker.min.js')?>"></script>
    
    <script>
      $(function() {
      
      el = $('li a[href="'+location+'"]');
      el.addClass('active');
      el.parents(".treeview").addClass('is-expanded');
      
    });

  
</script>

  </body>
</html>