<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Absensi | Dashboard</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <link rel="stylesheet" href="<?php echo base_url('assets/css/bootstrap.min.css'); ?>">
		<link href="<?php echo base_url('assets/css/font-awesome.min.css'); ?>" rel="stylesheet" type="text/css" />
		<link href="<?php echo base_url('assets/css/ionicons.min.css'); ?>" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="<?php echo base_url('assets/js/plugins/datatables/dataTables.bootstrap.css'); ?>">
		<link rel="stylesheet" href="<?php echo base_url('assets/js/plugins/datepicker/datepicker3.css'); ?>">
		<link rel="stylesheet" href="<?php echo base_url('assets/js/plugins/datetime/bootstrap-datetimepicker.min.css'); ?>">
		<link rel="stylesheet" href="<?php echo base_url('assets/js/plugins/select2/select2.min.css'); ?>">
		<link rel="stylesheet" href="<?php echo base_url('assets/js/plugins/fileinput/css/fileinput.min.css'); ?>">
		<link rel="stylesheet" href="<?php echo base_url('assets/js/plugins/iCheck/all.css'); ?>">
		<link rel="stylesheet" href="<?php echo base_url('assets/css/AdminLTE.css'); ?>">
		<link rel="stylesheet" href="<?php echo base_url('assets/css/skins/_all-skins.min.css'); ?>">
		<link rel="stylesheet" type="text/css" href="<?php echo base_url().'assets/plugins/toast/jquery.toast.min.css'?>"/>
		<script src="<?php echo base_url('assets/js/plugins/jquery/jquery-2.2.3.min.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/bootstrap.min.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/plugins/datatables/jquery.dataTables.min.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/plugins/datatables/dataTables.bootstrap.min.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/plugins/datepicker/bootstrap-datepicker.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/plugins/select2/select2.full.min.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/plugins/datetime/moment-with-locales.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/plugins/datetime/bootstrap-datetimepicker.min.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/plugins/fileinput/js/fileinput.min.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/plugins/fileinput/js/locales/id.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/plugins/iCheck/icheck.min.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/plugins/slimScroll/jquery.slimscroll.min.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/plugins/fastclick/fastclick.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/app.min.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/demo.js'); ?>"></script>
		<script src="<?php echo base_url('assets/js/fullscreen.js'); ?>"></script>
		<script type="text/javascript" src="<?php echo base_url().'assets/plugins/toast/jquery.toast.min.js'?>"></script>
    <style type="text/css">
    .select2 {
    width:100%!important;
    }
    </style>
    </head>
    <body class="hold-transition skin-blue sidebar-mini">
        <div class="wrapper">
            <?php echo $_header; ?>

            <?php echo $_sidebar; ?>

            <div class="content-wrapper">

                <?php echo $_content; ?>
            </div>
			<footer class="main-footer">
			<div class="pull-right hidden-xs">
			  <b>Version</b> 19.0.1
			</div>

		  </footer>


        </div>
		<script>

		$(document).ready(function() {
		  $("#select2insidemodal").select2({
			dropdownParent: $("#modal_form")
		  });
      $("#select2").select2();
		});

		</script>
		<script type="text/javascript">
            $(function () {
				$("#example1").DataTable();
                $('#datetimepicker1').datetimepicker({
                    locale: 'id'
                });
				$('#datetimepicker2').datetimepicker({
                    locale: 'id'
                });
				$('#datetimepicker3').datetimepicker({
                    locale: 'id'
                });
				$('#datetimepicker4').datetimepicker({
					format: 'YYYY-MM-DD',
                    locale: 'id'
                });
				$('#file-id').fileinput({
					language: 'id',
          showUpload: false,
          dropZoneEnabled: false,
          allowedFileExtensions: ["jpeg","jpg", "png", "pdf"]
				});
				$('#file-id2').fileinput({
					language: 'id',
          showUpload: false,
          dropZoneEnabled: false,
          allowedFileExtensions: ["xls","xlsx", "csv"]
				});
				$(".select2").select2();
				$('#timepicker1').timepicker({
					minuteStep: 1,
					showSeconds: true,
					showMeridian: false
				})

            });
        </script>
		<script>
		  $(function () {

			$('#datepicker').datepicker({
			  autoclose: true
			});

			$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
			  checkboxClass: 'icheckbox_minimal-blue',
			  radioClass: 'iradio_minimal-blue'
			});
			//Red color scheme for iCheck
			$('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
			  checkboxClass: 'icheckbox_minimal-red',
			  radioClass: 'iradio_minimal-red'
			});
			//Flat red color scheme for iCheck
			$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
			  checkboxClass: 'icheckbox_flat-green',
			  radioClass: 'iradio_flat-green'
			});

			$('#example2').DataTable({
			  "paging": true,
			  "lengthChange": false,
			  "searching": false,
			  "ordering": true,
			  "info": true,
			  "autoWidth": false
			});

		  });
		</script>
    </body>
</html>
