<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<?php 
    date_default_timezone_set("America/Lima");
?>
<html lang="es">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>I.E. N° 0204 Joselito López Tirado</title>

    <link rel="shortcut icon" href="vistas/assets/dist/img/AdminLTELogo.png" type="image/x-icon">

<!-- ============================================================================================================= -->
<!-- REQUIRED CSS -->
<!-- ============================================================================================================= -->

<!-- Google Font: Source Sans Pro -->
<!-- link rel="stylesheet"
    href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback" -->

    <link rel="stylesheet"
    href="vistas/assets/plugins/bootstrap/css/css.css">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="vistas/assets/plugins/fontawesome-free/css/all.min.css">

<!-- Ionicons -->
<!-- link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" -->
<link rel="stylesheet" href="vistas/assets/plugins/bootstrap/css/ionicons.min.css">

<!-- SweetAlert2 -->
<link rel="stylesheet" href="vistas/assets/plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css">

<!-- Jquery CSS -->
<link rel="stylesheet" href="vistas/assets/plugins/jquery-ui/css/jquery-ui.css">

<!-- Bootstrap 5 -->
<!-- link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" -->
<link href="vistas/assets/dist/bs5/css/bootstrap.min.css" rel="stylesheet">
    <!-- ============================================================
    =ESTILOS PARA USO DE DATATABLES JS
    ===============================================================-->
    <!-- link rel="stylesheet" href="https://cdn.datatables.net/1.11.0/css/jquery.dataTables.min.css" -->
    <link rel="stylesheet" href="vistas/assets/plugins/datatables-bs5/css/jquery.dataTables.min.css">
    <!-- link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.dataTables.min.css" -->
    <link rel="stylesheet" href="vistas/assets/plugins/datatables-bs5/css/responsive.dataTables.min.css">
    <!-- link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.0.0/css/buttons.dataTables.min.css" -->
    <link rel="stylesheet" href="vistas/assets/plugins/datatables-bs5/css/buttons.dataTables.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="vistas/assets/dist/css/adminlte.min.css">

    <!-- Estilos personzalidos -->
    <link rel="stylesheet" href="vistas/assets/dist/css/plantilla.css">

    <!-- RELOJ ------------------------------------------------ -->

    <!-- link rel="stylesheet" href="vistas/assets/dist/css/font-awesome.min.css" -->
    <!-- Latest compiled and minified CSS -->
    <!-- link rel="stylesheet" href="vistas/assets/dist/css/styles.css" -->
    <!-- ============================================================================================================= -->
    <!-- REQUIRED SCRIPTS -->
    <!-- ============================================================================================================= -->

    <!-- jQuery -->
    <script src="vistas/assets/plugins/jquery/jquery.min.js"></script>
    
    <!-- Bootstrap 4 -->
    <script src="vistas/assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    
    <!-- ChartJS -->
    <script src="vistas/assets/plugins/chart.js/Chart.min.js"></script>

    <!-- SweetAlert2 -->
    <script src="vistas/assets/plugins/sweetalert2/sweetalert2.min.js"></script>

    <!-- jquery UI -->
    <script src="vistas/assets/plugins/jquery-ui/js/jquery-ui.js"></script>

    <!-- JS Bootstrap 5 -- \vistas\assets\plugins\bootstrap\js -->
    <!-- script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></!-->
    <script src="vistas/assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>


    <!-- ============================================================
    =LIBRERIAS PARA USO DE DATATABLES JS vistas/assets/plugins/datatables-bs5/js
    ===============================================================-->
    <!-- script src="https://cdn.datatables.net/1.11.0/js/jquery.dataTables.min.js"></!-->    
    <script src="vistas/assets/plugins/datatables-bs5/js/jquery.dataTables.min.js"></script>    
    
    <!-- script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></!-->
    <script src="vistas/assets/plugins/datatables-bs5/js/dataTables.responsive.min.js"></script>
    <!-- ============================================================
    =LIBRERIAS PARA EXPORTAR A ARCHIVOS
    ===============================================================-->
    <!-- script src="https://cdn.datatables.net/buttons/2.0.0/js/dataTables.buttons.min.js"></!-->
    <script src="vistas/assets/plugins/datatables-bs5/js/dataTables.buttons.min.js"></script>
    <!-- script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></!-->
    <script src="vistas/assets/plugins/datatables-bs5/js/jszip.min.js"></script>
    <!-- script src="https://cdn.datatables.net/buttons/2.0.0/js/buttons.html5.min.js"></!-->
    <script src="vistas/assets/plugins/datatables-bs5/js/buttons.html5.min.js"></script>
    <!-- script src="https://cdn.datatables.net/buttons/2.0.0/js/buttons.print.min.js"></!-->
    <script src="vistas/assets/plugins/datatables-bs5/js/buttons.print.min.js"></script>
    <!-- AdminLTE App -->
    <script src="vistas/assets/dist/js/adminlte.min.js"></script>
    
    <!-- script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></!-->
    <script src="vistas/assets/dist/bs5/js/popper.min.js"></script>
    
    <!-- DE LA CAMARA ------------------------------------->
    <link href="vistas/assets/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="vistas/assets/dist/css/stylos.css" rel="stylesheet">

<!-- ================================================================== -->
<style>

@font-face {
    font-family: 'led regular' !important;
    src: url('vistas/assets/dist/fonts/DS-DIGI.TTF') !important;
}
.clockdate-wrapper {
    background: rgb(12,153,194);
background: linear-gradient(90deg, rgba(12,153,194,1) 0%, rgba(38,157,207,1) 55%, rgba(6,108,129,1) 100%);
    padding: 5px;
    max-width:250px;
    width:100%;
    text-align:center;
    border-radius:5px;
    margin:0;
    margin-top:0%;
}
#clock{
    background: rgb(12,153,194);
background: linear-gradient(90deg, rgba(12,153,194,1) 0%, rgba(38,157,207,1) 55%, rgba(6,108,129,1) 100%);
    font-family: sans-serif;
    font-size:40px;
    text-shadow:0px 0px 1px #fff;
    color:#fff;
}
#clock span {
    color:#ff8;
    text-shadow:0px 0px 1px #333;
    font-size:20px;
    position:relative;
    top:-15px;
    left:-5px;
}
#date {
    letter-spacing:0px;
    font-size:16px;
    font-family:arial,sans-serif;
    color:#fff;
}
</style>

<script language="JavaScript">
function startTime() {
    var today = new Date();
    var hr = today.getHours();
    var min = today.getMinutes();
    var sec = today.getSeconds();
    ap = (hr < 12) ? "<span>AM</span>" : "<span>PM</span>";
    hr = (hr == 0) ? 12 : hr;
    hr = (hr > 12) ? hr - 12 : hr;
    //Add a zero in front of numbers<10
    hr = checkTime(hr);
    min = checkTime(min);
    sec = checkTime(sec);
    document.getElementById("clock").innerHTML = hr + ":" + min + ":" + sec + " " + ap;
    
    var months = ['Enero', 'Febreo', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Setiembre', 'Octubre', 'Noviembre', 'Diciembre'];
    var days = ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'];
    var curWeekDay = days[today.getDay()];
    var curDay = today.getDate();
    var curMonth = months[today.getMonth()];
    var curYear = today.getFullYear();
    var date = curWeekDay+", "+curDay+" de "+curMonth+" "+curYear;
    document.getElementById("date").innerHTML = date;
    
    var time = setTimeout(function(){ startTime() }, 500);
}
function checkTime(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}
</script>

</head>

<body class="" onload="startTime()">
    <div class="wrapper">

        <?php
           include "modulos/navbar2.php";
          //  include "modulos/aside.php";*/
        ?>

        <!-- Content Wrapper. Contains page content -->
        
        <div class="well" style="width: 100%;"> <!-- class="content-wrapper" -->

            <?php include "vistas/scae/dashboardControl.php" ?>

        </div>
        <!-- /.content-wrapper -->

        <?php include "modulos/footer.php"; ?>
        
    </div>
    <!-- ./wrapper -->

    <script>
        
        function CargarContenido(pagina_php,contenedor){
            $("." + contenedor).load(pagina_php);
        }

    </script>

</body>

</html>