<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Sistema Sindical </title>
<link rel="icon" href="{{ asset('img/logo/logo.png') }}" type="image/x-icon">
<!-- Dile al navegador que responda al ancho de la pantalla -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- ICONOS MENU -->
<link rel="stylesheet" href="{{ asset('adminLTE3/plugins/fontawesome-free/css/all.min.css') }}">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="{{ asset('adminLTE3/dist/css/adminlte.min.css') }}">
<!-- overlayScrollbars -->
<link rel="stylesheet" href="{{ asset('adminLTE3/plugins/overlayScrollbars/css/OverlayScrollbars.min.css') }}">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<style type="text/css">
.sidebar-dark-blue{
background: #0b2e57 !important;
}
a {text-decoration: none !important;}
.required:after { content:" *"; color:red; }
</style>
<!-- Query nesesario par autocompletar -->
<!-- <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> -->
{% block stylesheets %}{% endblock %}
</head>
<body class="hold-transition sidebar-mini sidebar-collapse">
<div class="content">
<div class="wrapper">
{# ES ADMIN #}
<!-- menu top -->
{% include "consola/panel_admin/topMenu.html.twig" %}
<!-- sidebar -->
<aside class="main-sidebar sidebar-dark-blue elevation-4">
{% include "consola/panel_admin/sidebar.html.twig" %}
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<div class='container-fluid'>
<div class="container">
<!-- mensaje flash -->
{% for msg in app.session.flashbag.get('notice') %}
<br>
<div class="alert alert-{{ msg.type }}">
<strong>{{ msg.title }}</strong><br/>{{ msg.message }}
</div>
{% endfor %}
<!-- fin mensaje flash -->
</div>
{% block body %}{% endblock %}
</div>
<!-- /.content -->
</div>
<br> <br>
<br>
<!-- footer -->
{% include "consola/footer.html.twig" %}
</div>
<!-- ./wrapper -->
</div>
<!-- sweetAlert2 -->
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<script src="{{ asset('adminLTE3/plugins/jquery/jquery.min.js') }}"></script>
<!-- Bootstrap 4 -->
<script src="{{ asset('adminLTE3/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<!-- overlayScrollbars -->
<script src="{{ asset('adminLTE3/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js') }}"></script>
<!-- AdminLTE App -->
<script src="{{ asset('adminLTE3/dist/js/adminlte.js') }}"></script>
<!-- PAGE PLUGINS -->
<!-- jQuery Mapael -->
<script src="{{ asset('adminLTE3/plugins/jquery-mousewheel/jquery.mousewheel.js') }}"></script>
<script src="{{ asset('adminLTE3/plugins/raphael/raphael.min.js') }}"></script>
<script src="{{ asset('adminLTE3/plugins/jquery-mapael/jquery.mapael.min.js') }}"></script>
<script src="{{ asset('adminLTE3/plugins/jquery-mapael/maps/usa_states.min.js') }}"></script>
<!-- ChartJS -->
<script src="{{ asset('adminLTE3/plugins/chart.js/Chart.min.js') }}"></script>
<!-- PAGE SCRIPTS -->
<script src="{{ asset('adminLTE3/dist/js/pages/dashboard2.js') }}"></script>
<!-- para los popover -->
<script type="text/javascript">
$(function () {
$('[data-toggle="popover"]').popover()
})
</script>
{# ventana modal #}
<script type="text/javascript">
$('#myModal').on('shown.bs.modal', function () {
$('#myInput').trigger('focus')
})
</script>
<!-- para desabilitar el boton luego de envial el form -->
<script type="text/javascript">
$('form').submit(function() {
$(this).find("button[type='submit']").prop('disabled',true);
});
</script>
{% block javascripts %} {% endblock %}
</body>
</html>