  <!-- /.content-wrapper -->
  <footer class="main-footer">
    <div class="container">
      <div class="pull-right hidden-xs">
        <b>Version</b> 1.1.0
      </div>
      <strong>Copyright &copy; 2017 <a href="http://www.ltat.org.my">Lembaga Tabung Angkatan Tentera</a>.</strong> All rights reserved.
    </div>
    <!-- /.container -->
  </footer>
  
  
  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Create the tabs -->
    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
      <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">

      <!-- Settings tab content -->
      <div class="tab-pane active" id="control-sidebar-settings-tab">
        <h3 class="control-sidebar-heading">Change Language</h3>
        
        <ul class="control-sidebar-menu">
          <li>
            <a href="<?php echo $docroot;?>/<?php echo $idx;?>">
              <div class="pull-left">
                <!-- User Image -->
                <img src="dist/img/Malaysia-icon.png" class="img-circle" alt="User Image" height="22">
              </div>
          
              <!-- The message -->
              <p>&nbsp;&nbsp;&nbsp;Bahasa Malaysia</p>
            </a>          
          </li>
          <li>
            <a href="<?php echo $docroot;?>/en/<?php echo $idx;?>">
              <div class="pull-left">
                <!-- User Image -->
                <img src="dist/img/United-kingdom-icon.png" class="img-circle" alt="User Image" height="22">
              </div>
          
              <!-- The message -->
              <p>&nbsp;&nbsp;&nbsp;English</p>
            </a>          
          </li>          
        </ul>
          

      </div>
      <!-- /.tab-pane -->
    </div>
  </aside>
  <!-- /.control-sidebar -->
  <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>    
  
</div>
<!-- ./wrapper -->
</form>

<!-- jQuery 2.2.3 -->
<script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- InputMask -->
<script src="plugins/input-mask/jquery.inputmask.js"></script>
<script src="plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- DataTables -->
<!--
<script type="text/javascript" src="plugins/datatables/datatables.min.js"></script>
<script src="plugins/datatables/DataTables-1.10.13/js/jquery.dataTables.min.js"></script>
<script src="plugins/datatables/DataTables-1.10.13/js/dataTables.bootstrap.min.js"></script>
<script src="plugins/datatables/Responsive-2.1.1/js/dataTables.responsive.min.js"></script>
-->
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables/dataTables.bootstrap.min.js"></script>
<script src="plugins/datatables/extensions/Responsive/js/dataTables.responsive.min.js"></script>
<script src="plugins/datatables/ellipsis.js"></script>
<!-- SlimScroll -->
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- iCheck 1.0.1 -->
<script src="plugins/iCheck/icheck.min.js"></script>
<!-- FastClick -->
<script src="plugins/fastclick/fastclick.js"></script>
<!-- Validator.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/app.min.js"></script>
<!-- Timeago -->
<script src="plugins/timeago/jquery.timeago.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" >
    $(document).ready(function() {
        jQuery("time.timeago").timeago();
    });
</script>
</body>
</html>
