<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Barcode</title>
  <link rel="icon" href="favicon.ico">
  <link rel="shortcut icon" href="<?php //echo $base; ?>imgstatis/logo2.png">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <script type="text/javascript" src="<?php echo base_url('asset/theme/jquery.min.js'); ?>"></script>
  
  <style type="text/css">
    div.topright {
        right: -50px;    
        width: 200px;
        height: 120px;
        padding-top: 5px;
        position: absolute;
        z-index:10;
    } 
  </style>
  <!-- Tell the browser to be responsive to screen width -->

  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/theme/bootstrap/css/bootstrap.min.css');?>" />
  <!-- Font Awesome -->
   <!-- DataTables -->
  <link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/theme/plugins/datatables/dataTables.bootstrap.css');?>" />
  
  <!-- jvectormap -->
  <!-- Theme style -->
  <link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/theme/dist/css/AdminLTE.min.css');?>" />
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  
  <link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/theme/dist/css/skins/_all-skins.min.css');?>" />
  <link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/theme/plugins/iCheck/square/blue.css');?>" />
 
 <link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/theme/plugins/datepicker/datepicker3.css');?>" />

  <!-- Pace style -->
  <link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/theme/plugins/pace/pace.min.css');?>" />
  
  <!-- Select2 -->

  <!-- Theme style -->
  <link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/theme/dist/css/AdminLTE.min.css');?>" />
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/theme/dist/css/skins/_all-skins.min.css');?>" />
 
  
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
  <style type="text/css">
    body{font-family:arial;}
    .judul{width: 100%; background-color: #FFF; padding: 10px;margin-bottom: 10px; }
  </style>
</head>
<!-- <body class="skin-green hold-transition fixed" oncontextmenu="return false"> -->
  <body class="skin-green hold-transition fixed" >
<!--modal ganti foto-->
<div class="wrapper">
  <header class="main-header">
    <!-- Logo -->
    <a href="#" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>Barcode</b></span>

      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg">
        <img src="<?php echo base_url('asset/'); ?>images/age.jpeg" style="max-height: 50px; max-width: 55px;">
      </span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
     <a href="#" class="glyphicon glyphicon-th" data-toggle="offcanvas" role="button" style="color: #fff;margin-top: 15px;margin-left: 15px;font-size: 15px;"> Menu
      </a>

      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
           <li class="dropdown notifications-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            </a>
          </li>


          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <img src="<?php echo base_url('asset/'); ?>images/avatar1.png" class="user-image" alt="User Image">
              <span class="hidden-xs"><?php echo $full_name; ?></span>
            </a>
            <ul class="dropdown-menu">
              <!-- User image -->
              <li class="user-header">
                <img src="<?php echo base_url('asset/'); ?>images/avatar1.png" class="img-circle" alt="User Image">
                <p>
                  <?php echo $full_name; ?>
                  <small></small>
                </p>
              </li>
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-right">
                <a href="login/logout" class="btn btn-default btn-flat"><i class="glyphicon glyphicon-off"></i> Log out</a>
                </div>
                <div class="pull-left">
                <a href="change" class="btn btn-default btn-flat"><i class="glyphicon glyphicon-wrench"></i>Ganti Password</a>
                </div>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </header>

  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <div class="user-panel">
        <div class="pull-left image">
          
        </div>
        <div class="pull-left info">
          <p><?php //echo $_SESSION['full_name'] ?></p>
        </div>
      </div>
      <ul class="sidebar-menu">
        <li class="header"></li>
            <li>
              <a href="home">
                <i class="glyphicon glyphicon-th"></i> <span>Dashboard</span>
              </a>
            </li>
            <?PHP if ($role_id == "1") { ?>
            <li>
                <a href="user">
                     <i class="glyphicon glyphicon-user"> </i><span>User</span>
                </a>
            </li>
            <?PHP } ?>
            <li>
                <a href="customer">
                <i class="glyphicon glyphicon-user"> </i><span>Customer</span>
                </a>
            </li>
            <li>
                <a href="product">
                <i class="fa fa-product-hunt"> </i><span>Produk</span>
                </a>
            </li>
            <li>
                <a href="<?= site_url('barcode') ?>">
                <i class="fa fa-product-hunt"> </i><span>Buat Barcode</span>
                </a>
            </li>

            <?PHP if ($role_id == "1") { ?>
            <li>
                <a href='#'><i class='fa fa-product-hunt'></i><span> Laporan </span></a>
                <ul class='treeview-menu'>
                  <li>
                  <a href="laporan">
                    <i class="fa fa-product-hunt"> </i><span>Laporan Detail</span>
                  </a>
                  <a href="laporansummary">
                    <i class="fa fa-product-hunt"> </i><span>Laporan Per Customer/Produk</span>
                  </a>
                  </li>
                </ul>
            </li>
            <?PHP } ?>
        </li>
      </ul>

    </section>
    <!-- /.sidebar -->
  </aside>
   <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">

    <!-- Main content -->
    <section class="content">

        <?PHP 
            $this->load->view($main_view); 
        ?>   

    </section>
    <!-- /.content -->
  </div>
</div>
  <!-- /.content-wrapper -->
  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>Version</b>
    </div>
    <strong>Copyright &copy; <?php echo date('Y'); ?> <a href="#"></a></strong> 
  </footer>
 
</div>
<!-- ./wrapper -->

<!-- jQuery 2.2.3 -->
<script type="text/javascript" src="<?php echo base_url('asset/theme/plugins/jQuery/jquery-2.2.3.min.js'); ?>"></script>
<!-- Bootstrap 3.3.6 -->
<script type="text/javascript" src="<?php echo base_url('asset/theme/bootstrap/js/bootstrap.min.js'); ?>"></script>
<!-- DataTables -->
<script type="text/javascript" src="<?php echo base_url('asset/theme/plugins/datatables/jquery.dataTables.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('asset/theme/plugins/datatables/dataTables.bootstrap.min.js'); ?>"></script>
<!-- SlimScroll -->
<!-- FastClick -->
<script type="text/javascript" src="<?php echo base_url('asset/theme/plugins/fastclick/fastclick.js'); ?>"></script>
<!-- Sparkline -->

<!-- AdminLTE App -->
<script type="text/javascript" src="<?php echo base_url('asset/theme/dist/js/app.js'); ?>"></script>
<!-- AdminLTE for demo purposes -->


 

<script type="text/javascript" src="<?php echo base_url('asset/theme/plugins/datepicker/bootstrap-datepicker.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('asset/theme/plugins/pace/pace.min.js'); ?>"></script>
<script type="text/javascript">
  // To make Pace works on Ajax calls
  $(document).ajaxStart(function() { Pace.restart(); });
    $('.ajax').click(function(){
        $.ajax({url: '#', success: function(result){
            $('.ajax-content').html('<hr>Ajax Request Completed !');
        }});
    });
</script>
<!-- Select2 -->

<script>
 
  $(function () {
    $('.DtPicker').datepicker({
        format: "dd-mm-yyyy",
        autoclose: true
     });
  });

  $(function () {
    //Initialize Select2 Elements
    //$("#select2").select2();
  });
  $(function () {
    //Initialize Select2 Elements
    //$("#select3").select2();
  });
  $(function () {
    //Initialize Select2 Elements
    //$("#select4").select2();
  });
</script>
<script>
//angka 500 dibawah ini artinya pesan akan muncul dalam 0,5 detik setelah document ready
$(document).ready(function(){setTimeout(function(){$(".alert").fadeIn('fast');}, 100);});
//angka 3000 dibawah ini artinya pesan akan hilang dalam 3 detik setelah muncul
setTimeout(function(){$(".alert").fadeOut('fast');}, 3000);

</script>
</body>
</html>
