<!DOCTYPE html>
<html lang="en" class="h-100">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="L. I. Carlos Cruz">

    <title>SIPSWEB</title>

    <!-- ICON -->
    <link rel="icon" href="<?= base_url('dist/images/grupo.jpg'); ?>" type="image/gif">

    <!-- Bootstrap core CSS -->
    <link href="<?= base_url('dist/bootstrap-4.5.0-dist/css/bootstrap.css'); ?>" rel="stylesheet">
    
    <!-- L.I. Carlos Cruz -->
    <link href="<?= base_url('dist/css/bootstrap-datetimepicker.min.css'); ?>" rel="stylesheet">
    <link href="<?= base_url('dist/css/estilos.css'); ?>" rel="stylesheet">

    <!-- Styles -->
    <link rel="stylesheet" href="<?= base_url('dist/bootstrap-4.5.0-dist/css/app.css'); ?>">
    <link rel="stylesheet" href="<?= base_url('dist/bootstrap-4.5.0-dist/css/nav.css'); ?>">

    <!-- JQUERY -->
    <script src="<?= base_url('dist/js/jquery.min.js'); ?>"></script>

    <!-- Datatables -->
    <link rel="stylesheet" href="<?= base_url('dist/bootstrap-4.5.0-dist/css/datatable.min.css'); ?>"/>
    <script src="<?= base_url('dist/bootstrap-4.5.0-dist/js/datatable.min.js'); ?>" defer></script>

    <!-- Chosen -->
    <link rel="stylesheet" href="<?= base_url('dist/bootstrap-4.5.0-dist/css/chosen.css'); ?>">

    <!-- Calendario -->
    <?= (isset($calendar)) ? $calendar : ''; ?>

    <link href="<?= base_url('dist/fullcalendar-4.4.2/packages/core/main.css'); ?>" rel="stylesheet" />
    <link href="<?= base_url('dist/fullcalendar-4.4.2/packages/daygrid/main.css'); ?>" rel="stylesheet" />

    <script src="<?= base_url('dist/fullcalendar-4.4.2/packages/core/main.js'); ?>"></script>
    <script src="<?= base_url('dist/fullcalendar-4.4.2/packages/daygrid/main.js'); ?>"></script>

    <!--Script para que pueda leer peticiones XAJAX-->
    <?= (isset($xajax_js)) ? $xajax_js : ''; ?>

  </head>

  <body class="d-flex flex-column h-100">
    <nav class="navbar navbar-expand-md navbar-custom bg-custom fixed-top">
      <a class="navbar-brand" href="#">SIPSWEB</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <?= my_menu(); ?>
    </nav>

    <main role="main" class="flex-shrink-0">
      <div class="container">
  
        <?php $this->load->view($contenido); ?>

        <?= form_timeout(); ?>
      </div>
    </main>

    <hr class="separator" />

    <footer class="footer mt-auto py-3">
      <div class="container">
        <span class="text-muted">&copy; ITWEBSOLUTIONS. Desarrollado por <a href="mailto:carlos.cruz@itwebsolutions.com.mx">L.I. Carlos René Cruz Ruiz</a> - Derechos Reservados <?= date("Y") ?></span>
      </div>
    </footer>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> -->
    <script>window.jQuery || document.write('<script src="../assets/js/vendor/jquery.slim.min.js"><\/script>')</script><script src="<?= base_url('dist/bootstrap-4.5.0-dist/js/bootstrap.bundle.js'); ?>"></script>

    <!-- L.I. Caros Cruz -->
    <script src="<?= base_url('dist/js/validaciones.js'); ?>"></script>
    <script src="<?= base_url('dist/js/moment.js'); ?>"></script>
    <script src="<?= base_url('dist/js/bootstrap-datetimepicker.min.js'); ?>"></script>

    <!-- TIME SESSION OUT -->
    <script src="<?=base_url();?>dist/js/jquery.iordaz_timeout.js"></script>
    <script src="<?=base_url();?>dist/js/jquery.iordaz_timer.js"></script>
    <script src="<?=base_url();?>dist/js/session-timeout-iordaz.init.js"></script>

    <!-- Datatable L.I. Carlos -->
    <script src="<?= base_url('dist/bootstrap-4.5.0-dist/js/template_datatable_n_functions.js'); ?>"></script>
    <!-- Chosen -->
    <script src="<?= base_url('dist/bootstrap-4.5.0-dist/js/chosen.js'); ?>"></script>
    <!-- Jquery-Validate -->
    <script src="<?= base_url('dist/bootstrap-4.5.0-dist/js/jquery-validate.js'); ?>"></script>
    
    <?= (isset($script)) ? $script : ''; ?>
    <script type="text/javascript">
        // $('.form-control-chosen').chosen({
        //     allow_single_deselect: true,
        //     width: '100%'
        // });
        $(function () {
            $('.chosen-select').chosen({width: '100%'});
        });
    </script>

  </body>
</html>