<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="token" content="<?= token(); ?>">
    <title><?= constant('DEFAULT_TITLE'); ?></title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no" name="viewport">
    <link rel="icon" href="<?= asset('assets/img/imageninsta.ico'); ?>" type="image/x-icon" />
    <script src="<?= asset('assets/js/plugin/webfont/webfont.min.js') ?>"></script>
    <style>
        @font-face {
            font-family: Lato;
            src: url(<?= asset("assets/Lato/Lato-Regular.ttf") ?>);
            font-weight: 400;
            font-style: normal;

        }

        @font-face {
            font-family: Lato;
            src: url(<?= asset("assets/Lato/Lato-Bold.ttf") ?>);
            font-weight: 700;
            font-style: normal;
        }

    </style>
    <script>
        WebFont.load({
            custom: {
                "families": ["Flaticon", "Font Awesome 5 Solid", "Font Awesome 5 Regular", "Font Awesome 5 Brands"],
                urls: ['<?= asset("assets/css/fonts.min.css") ?>']
            },
            active: function() {
                sessionStorage.fonts = true;
            }
        });
    </script>

    <link rel="stylesheet" href="<?= asset('assets/calc/SimpleCalculadorajQuery.css') ?>">
    <link rel="stylesheet" href="<?= asset('assets/css/bootstrap.min.css') ?>">
    <link rel="stylesheet" href="<?= asset('assets/micss/atlantis.css') ?>">
    <link rel="stylesheet" href="<?= asset('assets/DataTables/datatables.min.css') ?>">
    <script src="<?= asset('assets/js/core/jquery.3.2.1.min.js'); ?>"></script>
    <script src="<?= asset('assets/DataTables/datatables.min.js') ?>"></script>
    <style>
        [v-cloak]>* {
            display: none
        }

        @media (min-width:992px) {
            .modal-xl {
                max-width: 800px
            }
        }

        @media (min-width:1200px) {
            .modal-xl {
                max-width: 1140px
            }
        }
    </style>
    <script src="<?= asset('assets/js/core/popper.min.js'); ?>"></script>
    <script src="<?= asset('assets/js/core/bootstrap.min.js'); ?>"></script>
    <script src="<?= asset('assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js'); ?>"></script>
    <script>
        function notificacion(icono = 'fa fa-times', titulo = 'error', mensaje = 'Lo sentimos ha ocurrido un error porfavor intentelo de nuevo más tarde', tipo = 'danger') {
            $.notify({
                icon: icono,
                title: titulo,
                message: mensaje,
            }, {
                element: 'body',
                position: null,
                type: tipo,
                z_index: 4000,
            });
        }
    </script>
    <script src="<?= asset('assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js'); ?>"></script>
    <script src="<?= asset('assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js'); ?>"></script>
    <script src="<?= asset('assets/sweetalert2.all.min.js'); ?>"></script>
    <script src="<?= asset('assets/js/atlantis.js'); ?>"></script>
    <script src="<?= asset('assets/calc/SimpleCalculadorajQuery.js') ?>"></script>
    <script src="<?= asset('assets/calc/prism.js') ?>"></script>
    <script src="<?= asset('assets/axios.min.js'); ?>"></script>
    <script>
        var baseURL = '<?= ruta_base(); ?>';
        var imgURL = '<?= constant('IMG_URI') ?>'
    </script>
    <script src="<?= asset('assets/funciones.js'); ?>"></script>
    <script src="<?= asset('assets/vue.js'); ?>"></script>
</head>

<body>
<div class="wrapper overlay-sidebar">