templates/baseVistaExpressMorelia.html.twig line 1

  1. {% set lang = app.request.locale %}{# lenguage actual #}
  2. {% set langContrario = app.request.locale == 'es' ? 'en' : 'es' %}{# Lenguage contrario #}
  3. {% set route = app.request.attributes.get('_route') %}{# Ruta actual #}
  4. {% set parameters = app.request.attributes.get('_route_params') %}
  5. {% set parameters = parameters|merge({'_locale':langContrario}) %}
  6. <!doctype html>
  7. <html lang="{{ lang }}">
  8. <head>
  9.     <meta charset="utf-8"/>
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  11.     <meta name="viewport" content="width=device-width, initial-scale=1"/>
  12.     <meta name="author" content="Zipvisual"/>
  14.     {% include "include/_metas.html.twig" %}
  15.     {% block metatags %}
  16.     {% endblock %}
  17.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  18.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  19.     <!--[if lt IE 9]>
  20.     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  21.     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  22.     <![endif]-->
  23.     <title>{% block title %}Golden Shores{% endblock %}</title>
  24.     {% include 'include/_analytics.html.twig' %}
  25.     {% block analytics %}{% endblock %}
  26.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/css/swiper.min.css">
  27.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
  28.     <link rel="stylesheet" href="{{ asset("bundles/goldenshores/css/vendor/bootstrap-datepicker.min.css") }}">
  29.     {% block css %}{% endblock %}
  30. </head>
  31. <body class="container-fluid">
  32. <header class="row">
  33.     <svg class="svg-menu" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none">
  34.         <polygon points="0,0 0,95 100,0" style="fill:#002554;"></polygon>
  35.     </svg>
  36.     <div class="CONT">
  37.         <!--Header-->
  38.         {% include "include/_header.html.twig" %}
  39.         <!--Submenu del hotel -->
  40.         {% include "VistaExpressMorelia/_submenu.html.twig" %}
  41.     </div>
  42. </header>
  43. <!-- MENU -->
  44. {% include "include/_menu.html.twig" %}
  45. <span id="top"></span>
  46. {% include "include/_chat.html.twig" %}
  47. {% block body %}
  48. {% endblock %}
  50. {#Herede este bloque si no quiere que se renderise#}
  51. {% block newsletter %}
  52.     <div class="newsletter-footer visible-lg">
  53.         <a class="text" href="#" data-target="{{ service_socio.isSocioLogged() ? '#newsModal' : '#loginRequestModal' }}" data-toggle="modal">
  54.             NEWSLETTER | <br class="visible-xs"><span>{{ 'newsletter.msg'|trans }}</span><i
  55.                     class="fa fa-chevron-right"></i>
  56.         </a>
  57.     </div>
  58. {% endblock %}
  59. <!--Footer -->
  60. {% include "include/_footer.html.twig" %}
  61. <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  62.     <div class="modal-dialog" role="document" style="max-width: 130vh;">
  63.         <div class="embed-responsive embed-responsive-16by9">
  64.             <iframe class="embed-responsive-item"></iframe>
  65.         </div>
  66.         <div>
  67.             <h2>{{ video.content.title|default('') }}</h2>
  69.             <p>{{ video.content.text|default('') }}</p>
  70.         </div>
  71.     </div>
  72. </div>
  73. <div class="modal fade" id="video360Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  74.     <div class="modal-dialog" role="document" style="max-width: 130vh;">
  75.         <div class="embed-responsive embed-responsive-16by9">
  76.             <iframe src="" class="embed-responsive-item"></iframe>
  77.         </div>
  78.     </div>
  79. </div>
  80. <div class="modal fade" id="videoHowToReserve" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  81.     <div class="modal-dialog" role="document" style="max-width: 130vh;">
  82.         <div class="embed-responsive embed-responsive-16by9">
  83.             <iframe src="" data-src="https://www.youtube.com/embed/nOizzQWLCyk?rel=0" class="embed-responsive-item"></iframe>
  84.         </div>
  85.         <div>
  86.             <h2>{{ lang == 'es' ? '¿Como reservar?': 'How to reserve?' }}</h2>
  87.         </div>
  88.     </div>
  89. </div>
  90. {% include "include/_modales.html.twig" %}
  91. {% block modals %}
  92. {% endblock %}
  93. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  94. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
  95. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
  96. <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/js/swiper.min.js"></script>
  97. <script src="{{ asset('bundles/goldenshores/js/owl.carousel.min.js') }}"></script>
  98. <script src="{{ asset("bundles/goldenshores/js/fastclick.min.js") }}"></script>
  99. <script src="{{ asset("bundles/goldenshores/js/bootstrap-datepicker.min.js") }}"></script>
  100. {% if lang == 'es' %}
  101.     <script src="{{ asset("bundles/goldenshores/js/bootstrap-datepicker.es.min.js") }}"></script>
  102. {% endif %}
  103. <script src="{{ asset('bundles/goldenshores/js/jquery.validate.min.js') }}"></script>
  104. <script src="{{ asset("bundles/goldenshores/js/main.js") }}"></script>
  106. {% include "include/_dataModalReservar.html.twig" %}
  107. <script>
  108.     //Modal de video
  109.     (function () {
  110.         'use strict';
  111.         $('.open-video').click(function (e) {
  112.             e.preventDefault();
  113.             var src = 'https://www.youtube.com/embed/{{ video.content.videoCode|default('') }}';
  114.             $('#videoModal').modal('show');
  115.             $('#videoModal iframe').attr('src', src);
  116.         });
  118.         $('#videoModal').on('hidden.bs.modal', function () {
  119.             $('#videoModal iframe').removeAttr('src');
  120.         });
  122.         $('body').on('click', '.open-video360', function (e) {
  123.             e.preventDefault();
  124.             var src = $(this).attr('data-src');
  125.             $('#video360Modal').modal('show');
  126.             $('#video360Modal iframe').attr('src', src);
  127.         });
  129.         $('#video360Modal').on('hidden.bs.modal', function () {
  130.             $('#video360Modal iframe').removeAttr('src');
  131.         });
  133.         $('body').on('click', '.open-how-reserve', function (e) {
  134.             e.preventDefault();
  135.             var src =$("#videoHowToReserve iframe").attr('data-src');
  136.             $('#videoHowToReserve').modal('show');
  137.             $('#videoHowToReserve iframe').attr('src', src);
  138.         });
  140.         $('#videoHowToReserve').on('hidden.bs.modal', function () {
  141.             $('#videoHowToReserve iframe').removeAttr('src');
  142.         });
  143.     })();
  145. </script>
  147. {% block js %}
  148. {% endblock %}
  149. </body>
  150. </html>