<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="description">
<meta content="" name="keywords">
<title>{% block title %}Bienestar Total{% endblock %}</title>
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="{{ asset('images/apple-icon-57x57.png') }}">
<link rel="apple-touch-icon" sizes="60x60" href="{{ asset('images/apple-icon-60x60.png') }}">
<link rel="apple-touch-icon" sizes="72x72" href="{{ asset('images/apple-icon-72x72.png') }}">
<link rel="apple-touch-icon" sizes="76x76" href="{{ asset('images/apple-icon-76x76.png') }}">
<link rel="apple-touch-icon" sizes="114x114" href="{{ asset('images/apple-icon-114x114.png') }}">
<link rel="apple-touch-icon" sizes="120x120" href="{{ asset('images/apple-icon-120x120.png') }}">
<link rel="apple-touch-icon" sizes="144x144" href="{{ asset('images/apple-icon-144x144.png') }}">
<link rel="apple-touch-icon" sizes="152x152" href="{{ asset('images/apple-icon-152x152.png') }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('images/apple-icon-180x180.png') }}">
<link rel="icon" type="image/png" sizes="192x192" href="{{ asset('images/android-icon-192x192.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('images/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="96x96" href="{{ asset('images/favicon-96x96.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('images/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('images/manifest.json') }}">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="{{ asset('images/ms-icon-144x144.png') }}">
<meta name="theme-color" content="#ffffff">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
<!-- Vendor CSS Files -->
<link rel="stylesheet" href="{{ asset('dev/css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('dev/css/font-awesome.min.css') }}">
<link rel="stylesheet" href="{{ asset('dev/css/jquery.fancybox.css') }}">
<link rel="stylesheet" href="{{ asset('dev/css/daterangepicker.css') }}">
<!--
<link rel="stylesheet" href="{{ asset('dev/css/acceso/main2.css') }}">
<link rel="stylesheet" href="{{ asset('dev/css/acceso/main2_query.css') }}">
-->
<link rel="stylesheet" href="{{ asset('dev/css/jquery.qtip.min.css') }}">
<!--[if IE 9 ]>
<link rel="stylesheet" href="{{ asset('dev/css/acceso/ie9.css') }}">
<![endif]-->
<!--[if lt IE 9]>
<script src="/dev/js/html5shiv.js"></script>
<script src="/dev/js/respond.min.js"></script>
<![endif]-->
<!-- fuentes e iconos -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Google apis -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Estilos base -->
<style>
.bg-acceso{
background: url({{ asset(fondo) }});
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
min-height: 100vh;
}
.acceso-renctangulo, .acceso-renctangulo-registro{
min-width: 300px;
width: 400px;
background-color: rgba(255,255,255,0.8);
}
.acceso-renctangulo-registro{
width: 800px;
}
.no-link{
color: initial;
text-decoration: none;
}
.fs-xs{
font-size: 9px;
}
/*
Rescritura de colores, en botones
*/
.btn-primary {
color: #fff;
background-color: #3D64ED;
border-color: #3D64ED;
}
.btn-primary:hover {
color: #fff;
background-color: #2e50c9;
border-color: #4f76ff;
}
</style>
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
<!-- jquerys -->
<script src="/dev/js/jquery.min.js"></script>
<script src="/dev/js/bootstrap.min.js"></script>
<script src="/dev/js/jquery.fancybox.js"></script>
<script src="/dev/js/moment.min.js"></script>
<script src="/dev/js/daterangepicker.js"></script>
<script src="/dev/js/jquery.validate.js"></script>
<script src="/dev/js/messages_es.js"></script>
<script src="/dev/js/jquery.qtip.min.js"></script>
<!-- utilis js -->
<script src="/dev/js/util.js"></script>
<!-- Carga de scrips, css, y funciones de jq por modulo -->
<script>var dir='/dev';</script>
<script>
$(document).ready(function() {
$(".fancy").addClass("fancybox.iframe");
$(".fancy").fancybox({
autoDimensions: false,
width: "90%",
afterClose: function() {
location.reload();
}
});
var opt = {
"singleDatePicker": true,
"showDropdowns": true,
"timePicker": true,
"locale": {
"format": "YYYY/MM/DD ",
"separator": " AL ",
"applyLabel": "Aplicar",
"cancelLabel": "Cancelar",
"fromLabel": "From",
"toLabel": "To",
"customRangeLabel": "Personalizado",
"daysOfWeek": ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"],
"monthNames": ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto",
"Septiembre", "Octubre", "Noviembre", "Diciembre"
],
"firstDay": 1
},
"startDate": '2023/11/05'
};
$('.datenow').daterangepicker(opt);
if ($('.date_personalizada').length > 0) {
$('.date_personalizada').each(function() {
var fecha = $(this).attr('setDate');
if (fecha === undefined) {
fecha = $(this).val();
}
opt.startDate = fecha;
$(this).daterangepicker(opt);
});
}
});
</script>
<script>
$(document).ready(function() {
$("#avisoPrivacidad").on('click', function(event) {
$.ajax({
url: dir + "/acceso/AvisoPrivacidad",
type: 'get',
}).done(function(msg) {
$(msg).find("head").html('');
msg = msg.replace('container min-he', '');
$("#modal_aviso_msg").append(msg);
$('#modela_aviso').modal('show');
});
});
});
</script>
{% endblock %}
</head>
<body>
{% block body %}{% endblock %}
<!-- Modal aviso de privacidad -->
<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="modela_aviso">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="modal_aviso_msg">
</div>
<div class="modal-footer">
<a href="#" data-bs-dismiss="modal" aria-label="Close" class="btn btn-primary">
Cerrar
</a>
</div>
</div>
</div>
</div>
<!-- Vendor JS Files -->
<script src="{{ asset('assets/vendor/purecounter/purecounter_vanilla.js') }}"></script>
<script src="{{ asset('assets/vendor/aos/aos.js') }}"></script>
<script src="{{ asset('assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/vendor/glightbox/js/glightbox.min.js') }}"></script>
<script src="{{ asset('assets/vendor/isotope-layout/isotope.pkgd.min.js') }}"></script>
<script src="{{ asset('assets/vendor/swiper/swiper-bundle.min.js') }}"></script>
<script src="{{ asset('assets/vendor/php-email-form/validate.js') }}"></script>
<!-- Template Main JS File -->
<script src="{{ asset('assets/js/main.js') }}"></script>
{% block bodyjs %}{% endblock %}
</body>
</html>