<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="<?php
                $logo = new dirImage;
                echo $logo->dirImg('../../asset/dokumen/foto/', 'logo');
                ?>" rel='shortcut icon'>

    <title>AKS || <?php echo $clasSekolah->dataSekolah('sekolah'); ?></title>
    <!--
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
-->
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/jqvmap/jqvmap.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/toastr/toastr.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/css/adminlte.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/css/bootstrap-icons.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/daterangepicker/daterangepicker.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/summernote/summernote-bs4.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/select2/css/select2.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/bs-stepper/css/bs-stepper.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/dropzone/min/dropzone.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="../../asset/bootstrap/plugins/datepicker/datepicker.css">
    <script src="../../asset/bootstrap/plugins/datepicker/DateTimePicker.css"></script>
    <script src="../../asset/bootstrap/plugins/jquery/jquery.min.js"></script>
    <script src="../../asset/bootstrap/asset/rupiah/rupiah.js"></script>

    <script src="../../asset/bootstrap/plugins/chart/dist/Chart.bundle.js"></script>
    <script src="../../asset/bootstrap/plugins/chart/utils.js"></script>
    <style>
        .loader {
            background-color: white;
            opacity: 0.7;
            margin: auto;
            z-index: 99999999;
            -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
        }
    </style>
</head>
<!--
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed layout-footer-fixed small">
 

<body class="hold-transition sidebar-collapse layout-top-nav">
   -->

<body class="hold-transition sidebar-mini layout-boxed small">

    <div class="wrapper">
        <!--
        <div class="preloader flex-column justify-content-center align-items-center loader">
            <img src="../../asset/image/spinner2.gif" style="width:100px;height:100px;">
        </div>
    -->
        <?php
        $link = new linkpage;
        include('page.php');
        include('navbar.php');
        include('conten.php');
        ?>


        <!-- Control Sidebar -->
        <aside class="control-sidebar control-sidebar-light small">
            <!-- Control sidebar content goes here -->
        </aside>
        <!-- /.control-sidebar -->

        <!-- Main Footer -->
        <footer class="main-footer text-center bg-transparent">
            <?php require "quickmenu.php"; ?>
        </footer>
    </div>
    <!-- ./wrapper -->

    <script src="../../asset/bootstrap/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="../../asset/bootstrap/plugins/sweetalert2/sweetalert2.min.js"></script>
    <script src="../../asset/bootstrap/plugins/toastr/toastr.min.js"></script>
    <script src="../../asset/bootstrap/js/adminlte.min.js"></script>
    <script src="../../asset/bootstrap/plugins/jquery-ui/jquery-ui.min.js"></script>
    <script src="../../asset/bootstrap/plugins/chart.js/Chart.min.js"></script>
    <script src="../../asset/bootstrap/plugins/sparklines/sparkline.js"></script>
    <script src="../../asset/bootstrap/plugins/jqvmap/jquery.vmap.min.js"></script>
    <script src="../../asset/bootstrap/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
    <script src="../../asset/bootstrap/plugins/jquery-knob/jquery.knob.min.js"></script>
    <script src="../../asset/bootstrap/plugins/moment/moment.min.js"></script>
    <script src="../../asset/bootstrap/plugins/daterangepicker/daterangepicker.js"></script>
    <script src="../../asset/bootstrap/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
    <script src="../../asset/bootstrap/plugins/summernote/summernote-bs4.min.js"></script>
    <script src="../../asset/bootstrap/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
    <script src="../../asset/bootstrap/js/pages/dashboard.js"></script>
    <script src="../../asset/bootstrap/plugins/select2/js/select2.full.min.js"></script>
    <script src="../../asset/bootstrap/plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js"></script>
    <script src="../../asset/bootstrap/plugins/inputmask/jquery.inputmask.min.js"></script>
    <script src="../../asset/bootstrap/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
    <script src="../../asset/bootstrap/plugins/bs-stepper/js/bs-stepper.min.js"></script>
    <script src="../../asset/bootstrap/plugins/dropzone/min/dropzone.min.js"></script>
    <script src="../../asset/bootstrap/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="../../asset/bootstrap/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="../../asset/bootstrap/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
    <script src="../../asset/bootstrap/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
    <script src="../../asset/bootstrap/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
    <script src="../../asset/bootstrap/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
    <script src="../../asset/bootstrap/plugins/jszip/jszip.min.js"></script>
    <script src="../../asset/bootstrap/plugins/pdfmake/pdfmake.min.js"></script>
    <script src="../../asset/bootstrap/plugins/pdfmake/vfs_fonts.js"></script>
    <script src="../../asset/bootstrap/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
    <script src="../../asset/bootstrap/plugins/datatables-buttons/js/buttons.print.min.js"></script>
    <script src="../../asset/bootstrap/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
    <script src="../../asset/bootstrap/plugins/jquery-mousewheel/jquery.mousewheel.js"></script>
    <script src="../../asset/bootstrap/plugins/jquery-mapael/jquery.mapael.min.js"></script>
    <script src="../../asset/bootstrap/plugins/jquery-mapael/maps/usa_states.min.js"></script>
    <script src="../../asset/bootstrap/plugins/raphael/raphael.min.js"></script>
    <script src="../../asset/bootstrap/js/pages/dashboard2.js"></script>
    <script src="../../asset/bootstrap/plugins/datepicker/bootstrap-datepicker.js"></script>
    <script src="../../asset/bootstrap/plugins/datepicker/DateTimePicker.js"></script>
    <script src="../../asset/bootstrap/plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script>


    <script>
        $(function() {
            $("#example1").DataTable({
                "responsive": true,
                "lengthChange": true,
                "lengthMenu": [
                    [10, 50, 100, 500, 1000, -1],
                    [10, 50, 100, 500, 1000, "All"]
                ],
                "autoWidth": true,
                "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
            }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
            $("#example2").DataTable({
                "responsive": true,
                "lengthChange": true,
                "lengthMenu": [
                    [10, 50, 100, 500, 1000, -1],
                    [10, 50, 100, 500, 1000, "All"]
                ],
                "autoWidth": true,
                "buttons": ["excel", "pdf", "print"]
            }).buttons().container().appendTo('#example2_wrapper .col-md-6:eq(0)');
            $("#example3").DataTable({
                "responsive": true,
                "lengthChange": true,
                "lengthMenu": [
                    [10, 50, 100, 500, 1000, -1],
                    [10, 50, 100, 500, 1000, "All"]
                ],
                "autoWidth": true
            });
            $("#example14").DataTable({
                "responsive": true,
                "lengthChange": true,
                "autoWidth": true
            });
            $("#example15").DataTable({
                "responsive": true,
                "lengthChange": true,
                "lengthMenu": [
                    [15, 50, 100, 500, 1000, -1],
                    [15, 50, 100, 500, 1000, "All"]
                ],
                "autoWidth": true
            });
            $("#example50").DataTable({
                "responsive": true,
                "lengthChange": true,
                "lengthMenu": [
                    [50, 100, 500, 1000, -1],
                    [50, 100, 500, 1000, "All"]
                ],
                "autoWidth": true,
                "buttons": ["excel", "pdf", "print"]
            }).buttons().container().appendTo('#example50_wrapper .col-md-6:eq(0)');
            $("#example51").DataTable({
                "responsive": true,
                "lengthChange": true,
                "lengthMenu": [
                    [50, 100, 500, 1000, -1],
                    [50, 100, 500, 1000, "All"]
                ],
                "autoWidth": true
            });
            $("#table1").DataTable({
                "responsive": true,
                "lengthChange": true,
                "lengthMenu": [
                    [50, 100, 500, 1000, -1],
                    [50, 100, 500, 1000, "All"]
                ],
                "autoWidth": true
            }).buttons().container().appendTo('#table1_wrapper .col-md-6:eq(0)');

        });
    </script>
    <script>
        $('#tanggal').datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true,
            todayHighlight: true
        })
    </script>
    <script>
        $('#tanggal1').datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true,
            todayHighlight: true
        })
    </script>
    <script>
        $('#tanggal2').datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true,
            todayHighlight: true
        })
    </script>
    <script type='text/javascript'>
        function nilai_total() {
            var txt1Numbersat = parseFloat(document.getElementById('total_volume').value);
            var txt2Numbersat = parseFloat(document.getElementById('nilai_satuan').value);

            var result = ((txt1Numbersat) * (txt2Numbersat));
            if (!isNaN(result)) {
                document.getElementById('total').value = result;
            }
        }
    </script>



</body>

</html>