<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{% block title %}Tebra tap{% endblock %}</title>
{# Run `composer require symfony/webpack-encore-bundle`
and uncomment the following Encore helpers to start using Symfony UX #}
{% block stylesheets %}
<style>
.sf-toolbar-clearer, .sf-toolbarreset, .sf-minitoolbar{
display: none !important;
}
</style>
<link rel="shortcut icon" href="{{ asset('img/tebra7sin.png') }}">
<link rel="stylesheet" href="{{ asset('front/css/base.css') }}">
<link rel="stylesheet" href="{{ asset('front/bootstrap-4/css/bootstrap.min.css') }}">
<script src="{{ asset('front/calendario/js/jquery.min.js') }}"></script>
<script src="{{ asset('front/calendario/js/moment.min.js') }}"></script>
<link rel="stylesheet" href="{{ asset('front/calendario/css/fullcalendar.min.css') }}">
<script src="{{ asset('front/calendario/js/fullcalendar.min.js') }}"></script>
<script src="{{ asset('front/calendario/js/multiLang.js') }}"></script>
<script src="{{ asset('front/calendario/js/bootstrap-clockpicker.min.js') }}"></script>
<link rel="stylesheet" href="{{ asset('front/calendario/css/bootstrap-clockpicker.min.css') }}">
<link rel="manifest" href="{{ asset('manifest.json') }}">
<link rel="stylesheet" href="{{ asset('node_modules/sweetalert2/dist/sweetalert2.css') }}">
<script src="{{ asset('front/socket.io/socket.io.min.js') }}"></script>
<script src="{{ asset('bundles/push.js') }}"></script>
{# <script src="{{ asset('bundles/push.js/push.min.js') }}"></script> #}
<script type="text/javascript">
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("{{ asset('sw.js') }}");
}
const socket = io.connect("wss://tebratap.com:5121", {autoConnect:true});
</script>
{#{{ encore_entry_link_tags('app') }}#}
{% endblock %}
{% block javascripts %}
<!-- <script src="{{ asset('front/bootstrap-4/js/popper.min.js') }}"></script> -->
<script src="{{ asset('front/bootstrap-4/js/bootstrap.min.js') }}"></script>
<!-- <script src="js/calendario.js"></script>
<script src="js/insertCalendario.js"></script> -->
{#{{ encore_entry_script_tags('app') }}#}
<script src="{{ asset('node_modules/sweetalert2/dist/sweetalert2.min.js') }}"></script>
<script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
<script src="{{ path('fos_js_routing_js', {callback: 'fos.Router.setData'}) }}"></script>
{% endblock %}
</head>
<body>
{% block body %}
<div id="containerSpiner" class="containerSpiner showSpinner">
<div id="spinner" class="spinner"></div>
</div>
{# <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> #}
<script src="{{ asset('front/js/urls.js') }}"></script>
<script src="{{ asset('front/js/pushNotes.js') }}"></script>
<script>
// "any": La aplicación puede mostrarse en cualquier orientación.
// "natural": La orientación natural del dispositivo.
// "portrait": Orientación vertical.
// "landscape": Orientación horizontal.
// "portrait-primary": Orientación vertical primaria.
// "portrait-secondary": Orientación vertical secundaria.
// "landscape-primary": Orientación horizontal primaria.
// "landscape-secondary": Orientación horizontal secundaria.
// if ('screen' in window && 'orientation' in window.screen) {
// // Habilitar la rotación de pantalla
// screen.orientation.lock('any')
// .then(function() {
// console.log('Rotación de pantalla habilitada.');
// })
// .catch(function(error) {
// console.error('Error al habilitar la rotación de pantalla:', error);
// });
// }
// navigator.serviceWorker.addEventListener('message', event => {
// const action = event.data.action;
// if (action === 'showSpinner') {
// document.getElementById('containerSpiner').classList.remove('hideSpinner');
// } else if (action === 'hideSpinner') {
// document.getElementById('containerSpiner').classList.add('hideSpinner');
// }
// });
</script>
{% endblock %}
</body>
</html>