templates/default/listado_oficinas.html.twig line 1

  1. {# {% extends 'default/contenido.html.twig' %} #}
  2. {% extends 'base.html.twig' %}
  4. {% block title %}{{ contenido.metaTitle| replace({'| Eurochange.es':''}) }}{% endblock %}
  5. {% block metadescription %}{{ contenido.metaDescription }}{% endblock %}
  6. {% block metakeywords %}{{ contenido.metaKeywords }}{% endblock %}
  7. {#{% block metarobots %}{{ contenido.metaRobots|default(parent()) }}{% endblock %}
  8. {% block canonical %}{% if contenido.canonical %}<link rel="canonical" href="{{contenido.canonical}}" />{% endif %}{% endblock %}#}
  10. {% block bodyId %}oficinas{% endblock %}
  12. {% block body %}
  13.     <div class="title container">
  14.         <h1>{{ 'Oficinas de cambio de divisas' | trans}}</h1>
  15.     </div>
  16.     
  17.     <div id="mapa" class="container">
  18.         <div id="map"></div>
  19.         <div id="texto-mapa">
  20.             <div>
  21.                 <p>{{ 'Utiliza el mapa para saber dónde encontrarnos en cada localidad y ven a vernos.' | trans}}</p>
  22.                 <p>{{ 'Podrás cambiar más de 40 divisas con la mejor cotización de cambio y sin pagar comisiones.' | trans}}</p>
  23.             </div>
  24.             {% set urlParts = app.request.uri|split('/') %}
  25.             {% set lastPart = urlParts|slice(-1)|first %}
  26.             {% if lastPart == 'oficinas-cambio-moneda' %}
  27.                 <div id="listado-localidades" class="text-center d-none d-sm-block">
  28.                     <select class="select2 ">
  29.                         <option></option>
  30.                         {% for provincia in provincias %}
  31.                         {% if provincia.localidades|length > 0 %}
  32.                         <optgroup label="{{ provincia }}">
  33.                             {% for localidad in provincia.localidades %}
  34.                             <option value="{{path('listado_localidad', {slugP: provincia.slug, slugL: localidad.slug}) }}">{{ localidad }}</option>
  35.                             {% endfor %}
  36.                         </optgroup>
  37.                         {% endif %}
  38.                         {% endfor %}
  39.                     </select>
  40.                 </div>
  41.             {% endif %}
  42.         </div>
  43.     </div>
  44.     
  45.     {% block contenidoOfi %}
  46.         <div id="listado-oficinas" class="container ">
  47.             <p class="tit">{{ 'Nuestras casas de cambio' | trans}}</p>
  48.             <p class="text"><b>{{ 'Contamos con 39 casas de cambio' | trans}}</b> {{ 'ubicadas en las principales poblaciones turísticas de las provincias de Alicante, Murcia, Almería, Málaga y en las Islas Baleares (Mallorca).' | trans}}</p>
  49.             
  50.             <div id="listado-localidades" class="text-center d-block d-sm-none">
  51.                 <select class="select2 ">
  52.                     <option></option>
  53.                     {% for provincia in provincias %}
  54.                     {% if provincia.localidades|length > 0 %}
  55.                     <optgroup label="{{ provincia }}">
  56.                         {% for localidad in provincia.localidades %}
  57.                         <option value="{{path('listado_localidad', {slugP: provincia.slug, slugL: localidad.slug}) }}">{{ localidad }}</option>
  58.                         {% endfor %}
  59.                     </optgroup>
  60.                     {% endif %}
  61.                     {% endfor %}
  62.                 </select>
  63.             </div>
  64.             <div class="d-none d-md-block">
  65.             <div class="row listado ">
  66.                 {% for grupo in provincias|batch(3) %}
  67.                     {% for provincia in grupo %}
  68.                         {% if provincia.localidades.isEmpty() %}
  69.                                 
  70.                         {% else %}
  71.                             <div class="col">
  72.                                 <div class="item">
  73.                                     <div class="image">
  74.                                          {% if provincia.imagenCabecera %}
  75.                                             {{ sonata_thumbnail(provincia.imagenCabecera, 'provincia') }}
  76.                                          {% endif %}
  77.                                         <a href="{{ path('listado_provincia', {'slug': provincia.slug}) }}">{{ provincia.nombre }}</a>
  78.                                     </div>
  79.                                     <div class="texto">
  80.                                         <ul class="ciudades">
  81.                                             {% for loc in localidades %}
  82.                                                 {% if loc.provincia.id == provincia.id %}
  83.                                                     <li><a href="{{ path('listado_localidad', {'slugP': provincia.slug, 'slugL': loc.slug}) }}">{{ loc.nombre }}</a></li>
  84.                                                 {% endif %}
  85.                                             {% endfor %}
  86.                                         </ul>
  87.                                     </div>
  88.                                 </div>
  89.                             </div>
  90.                         {% endif %}
  91.                     {% endfor %}
  92.                 {% endfor %}
  93.             </div>
  94.             </div>
  95.         </div>
  96.         
  97.         
  98.         <div id="listado-oficinas" class="container d-block d-md-none">
  99. {#             <p class="tit">{{ 'Nuestras casas de cambio' | trans}}</p> #}
  100. {#             <p class="text d-none d-sm-block"><b>{{ 'Contamos con 39 casas de cambio' | trans}}</b> {{ 'ubicadas en las principales poblaciones turísticas de las provincias de Alicante, Murcia, Almería, Málaga y en las Islas Baleares (Mallorca).' | trans}}</p> #}
  101.             
  102.             <div id="listado" class="owl-carousel owl-theme listado">
  103.                 {% for provincia in provincias %}
  104.                     {% if provincia.localidades.isEmpty() %}
  105.                                 
  106.                     {% else %}
  107.                         <div class="item">
  108.                                 <div class="image">
  109.                                     <img src="/img/ciudad-1.png"/>
  110.                                 </div>
  111.                                 <div class="texto">
  112.                                     <span>{{ 'Casas de cambio en' | trans}}</br><b><a href="{{ path('listado_provincia', {'slug': provincia.slug}) }}">{{ provincia.nombre }}</a></b></span>
  113.                                     <a href="#" class="toggle-link"><img src="/img/desplegar.svg"/></a>
  114.                                     <ul class="target-element ciudades" style="display: block;">
  115.                                         {% for loc in localidades %}
  116.                                             {% if loc.provincia.id == provincia.id %}
  117.                                                 <li><a href="{{ path('listado_localidad', {'slugP': provincia.slug, 'slugL': loc.slug}) }}">{{ loc.nombre }}</a></li>
  118.                                             {% endif %}
  119.                                         {% endfor %}
  120.                                     </ul>
  121.                                 </div>
  122.                         </div>
  123.                     {% endif %}
  124.                 {% endfor %}
  125.             </div>
  126.         </div>
  127.     {% endblock %}
  128.     
  129.     {% block empresas %}
  130.         {{ render(controller('App\\Controller\\DefaultController::empresas' )) }}
  131.     {% endblock %}
  132. {% endblock %}
  135. {% block funciones_eventos %}
  136.     {{ parent() }}
  137.     
  138.     <script>
  139.             
  140.             const toggleLinks = document.querySelectorAll('.toggle-link');
  142.             toggleLinks.forEach(function(toggleLink) {
  143.                 toggleLink.addEventListener('click', function() {
  144.                     event.preventDefault();
  145.                     const targetElement = this.nextElementSibling;
  146.                     if (targetElement.style.display === 'none') {
  147.                         targetElement.style.display = 'block';
  148.                         toggleLink.classList.add('voltear');
  149.                     } else {
  150.                         targetElement.style.display = 'none';
  151.                         toggleLink.classList.remove('voltear');
  152.                     }
  153.                 });
  154.             });
  155.     </script>
  156. {% endblock %}
  159. {% block javascripts_footer %}
  161. {{ parent() }}
  162. {% include "includes/mapa_javascript.html.twig" with { oficinasMapa:oficinas } only %}
  164. <script>
  165. $(document).ready(function() {
  166.     
  167.     $('#listado-localidades .select2').select2({
  168.         placeholder: '{{ 'Selecciona la localidad más cercana' | trans }}',
  169.         allowClear: true
  170.         });
  171.     $('#listado-localidades .select2').change(function() {
  172.         if ($(this).val().length > 0)
  173.            window.location.href = $(this).val();
  174.     });
  175.     
  176.         
  177. //     //Desactivar select2 en resoluciones pequenyas
  178. //     checkSize();
  179. //     $(window).resize(checkSize);
  181. });
  183. // function checkSize(){
  184. //   if (window.matchMedia("(max-width: 992px)").matches) {
  185. //     $("#listado-localidades .select2").select2("destroy");
  186. //   }
  187. // }
  188. </script>
  190. {% endblock %}