templates/default/index.html.twig line 1

  1. {# {% extends 'default/contenido.html.twig' %} #}
  2. {% extends 'base.html.twig' %}
  4. {% block title %}{{ contenido.metaTitle|default(contenido.titulo)| replace({'| Eurochange.es':''}) }}{% endblock %}
  5. {% block metadescription %}{{ contenido.metaDescription|default(contenido.intro) }}{% 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 %}home{% endblock %}
  12.     {% block modalDniCaducado %}
  13.         <div id="modalDniCaducado" class="modal" {% if app.user and caducado and bodyId != 'perfil' %}style="display: block;"{% endif %}>
  14.             <div class="modal-dialog">
  15.                 <div class="modal-content">
  16.                 <div class="modal-header">
  17.                     <h5 class="modal-title">Documento de identidad caducado</h5>
  18.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
  19.                 </div>
  20.                 <div class="modal-body">
  21.                     <p>Tiene el documento de identidad caducado. Debe actualizarlo para poder realizar compras en la web.</p>
  22.                 </div>
  23.                 <div class="modal-footer">
  24.                     <a href="{{ path('app_profile') }}" class="btn btn-primary">Actualizar</a>
  25.                 </div>
  26.                 </div>
  27.             </div>
  28.         </div>
  29.     {% endblock %}
  31. {% block body %}
  32.     <div class="title container">
  33.         <h1>{{ 'Cambio de divisas online sin comisiones' | trans}}</h1>
  34.     </div>
  35.     
  36.     <div class="top-main container">
  37.         <div class="row">
  38.             <div class="col-12 col-xl-8 order-xl-1 order-5 carousel-images">
  39.             
  40.                 {{ doShortcode("banner", {nombre:"home", auto:"true", pause: "10000", speed:"1000" }) | raw }}
  41.                 
  42.             </div>
  43.             
  44.             <div id="cambio" class="col-12 col-xl-4 order-xl-5 order-1 cambio">
  45.                 <ul class="nav nav-tabs" id="myTab" role="tablist">
  46.                     <li class="nav-item" role="presentation">
  47.                         <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#cotizaciones-main" type="button" role="tab" aria-controls="home" aria-selected="true">{{ 'Cotizaciones' | trans}}</button>
  48.                     </li>
  49.                     <li class="nav-item" role="presentation">
  50.                         <button class="nav-link" id="comprar-tab" data-bs-toggle="tab" data-bs-target="#calcular_cambio" type="button" role="tab" aria-controls="profile" aria-selected="false">{{ 'Comprar_online' | trans}}</button>
  51.                     </li>
  52.                     <li class="nav-item" id="calc" role="presentation">
  53.                         <button class="nav-link" id="calcular-tab" data-bs-toggle="tab" data-bs-target="#calcular_cambio" type="button" role="tab" aria-controls="profile" aria-selected="false"><i class="fa-solid fa-calculator"></i></button>
  54.                     </li>
  55.                 </ul>
  56.                 
  57.                 <div class="tab-content" id="myTabContent">
  58.                     
  59.                     <div class="tab-pane fade show active" id="cotizaciones-main" role="tabpanel" aria-labelledby="home-tab">
  60.                         {{ render(controller('App\\Controller\\DefaultController::oficinaAction', { select_id: 'select_ofi3' } )) }}
  61.                         {#<p class="info-select info-text">{{ '* La tienda online solo permite la compra de divisas extranjeras (no Euros)' | trans}}</p>#}
  62.                         
  63.                         <p class="precios">{{ 'Precios' | trans}}</p>
  64.                         <div class="cont-table">
  65.                             <table id="tabla-cot">
  66.                                 <tr>
  67.                                     <th>{{ 'Divisa' | trans}}</th>
  68.                                     <th>{{ 'Compramos' | trans}}</th>
  69.                                     <th>{{ 'Vendemos' | trans}}</th>
  70.                                 </tr>
  71.                                 {% for cotizacion in cotizaciones %}
  72.                                     <tr data-oficina="{{ cotizacion.oficina }}">
  73.                                         <td>
  74.                                             <a href="{{ path('divisas', {'nombre': cotizacion.shortName.slug(app.request.locale)}) }}" title="{{ cotizacion.shortName.nombre }}"><span class="banderas">
  75.                                             {% if cotizacion.shortName.imagen %}
  76.                                                 {{ sonata_thumbnail(cotizacion.shortName.imagen, 'flag', {'title': cotizacion.shortName.nombre}) }}
  77.                                             {% endif %}
  78.                                             </span>{{ cotizacion.shortName }}</a>
  79.                                         </td>
  80.                                         <td>
  81.                                             {% if cotizacion.oficina.id == 66 %}
  82.                                                 -
  83.                                             {% elseif cotizacion.oficina.franjas is empty %}
  84.                                                 -
  85.                                             {% else %}
  86.                                                 {{ cotizacion.precioCompra|number_format(cotizacion.shortName.numDecimales) }}
  87.                                             {% endif %}
  88.                                         </td>
  89.                                         <td>
  90.                                             {% if cotizacion.oficina.franjas is empty %}
  91.                                                 -
  92.                                             {% elseif cotizacion.oficina.permiteCompra == 1 %}
  93.                                                 {{ cotizacion.precioVenta|number_format(cotizacion.shortName.numDecimales) }}
  94.                                             {% else %}
  95.                                                 -
  96.                                             {% endif %}
  97.                                         </td>
  98.                                     </tr>
  99.                                 {% endfor %}
  100.                             </table>
  101.                         </div>
  102.                         {% if of != "" %}<p class="info-select">{{ 'Precios para' | trans}} {{ diaMax }}</p>{% endif %}
  103.                     </div>
  104.                     
  105.                     <div class="tab-pane fade" id="calcular_cambio" role="tabpanel" aria-labelledby="profile-tab">
  106.                         
  107.                         {{ render(controller('App\\Controller\\DefaultController::oficinaAction', { select_id: 'select_ofi2' } )) }}
  108.                         
  109.                         {#<p class="info-select info-text">{{ '* La tienda online solo permite la compra de divisas extranjeras (no Euros)' | trans}}</p>#}
  110.                         
  111.                     </div>
  112.                 </div>
  113.             </div>
  114.             
  115.         </div>
  116.     </div>
  117.     
  118.     <div class="container" style="margin-top:200px;">
  119.         {{ doShortcode("banner", {nombre:"home2", auto:"true", pause: "10000", speed:"1000" }) | raw }}
  120.     </div>
  122.     <div id="garantia" class="container">
  123.         <h2>{{ 'Garantía Eurochange' | trans}}</h2>
  124.         
  125.         
  126.         <div id="car-garantia" class="owl-carousel owl-theme cuadrados">
  127.             <div class="item">
  128.                     <div class="cuadrado">
  129.                         <img src="/img/icono1.svg"/>
  130.                         <span>{{ 'Con Eurochange obtendrás la mejor tarifa de tus reservas en cambio de moneda online en el mercado porque no te cobramos comisiones.' | trans}}</span>
  131.                     </div>
  132.             </div>
  133.             <div class="item">
  134.                     <div class="cuadrado">
  135.                         <img src="/img/icono2.svg"/>
  136.                         <span>{{ 'Contamos con 42 oficinas de cambio de divisas repartidas por la costa mediterránea y principales capitales.' | trans}}</span>
  137.                     </div>
  138.             </div>
  139.             <div class="item">
  140.                     <div class="cuadrado">
  141.                         <img src="/img/icono3.svg"/>
  142.                         <span>{{ 'Haz tu reserva online y asegúrate tener efectivo en la divisa que necesites en un plazo máximo de 24 ó 48 horas.' | trans}}</span>
  143.                     </div>
  144.             </div>
  145.         </div>
  146.     </div>
  147.     
  149.     
  150.     {% block empresas %}
  151.         {{ render(controller('App\\Controller\\DefaultController::empresas' )) }}
  152.     {% endblock %}
  153.     
  154.     <div id="servicios" class="container">
  155.         <h2>{{ 'Nuestros servicios' | trans}}</h2>
  156.         <div id="car-servicios" class="owl-carousel owl-theme">
  157.             {% for servicio in servicios %}
  158.                 <a class="item" href="{{ servicio.url }}">
  159.                     <div class="head">
  160.                         <div>
  161.                             {% if servicio.imagen %}
  162.                                 {{ sonata_thumbnail(servicio.imagen, 'servicio') }}
  163.                             {% endif %}
  164.                         </div>
  165.                     </div>
  166.                     <div class="bod">
  167.                         <p class="tit col-8">{{ servicio.titulo }}</p>
  168.                         <p class="text">{{ servicio.intro }}</p>
  169.                         <p class="enl" href="{{ servicio.url }}">Más info</p>
  170.                     </div>
  171.                 </a>
  172.             {% endfor %}
  173.         </div>
  174.     </div>
  175.     
  176.     <div id="destacamos">
  177.         <div class="container">
  178.             <div class="row">
  179.                 <div class="izquierda col-12 col-lg-6">
  180.                     <h2>{{ 'Destacamos' | trans}}</h2>
  181.                     <p class="d-none d-sm-block">{{ 'En nuestro blog podrás aprender algo más sobre las monedas de los países que visitas, estar al tanto de todo lo que sucede en Eurochange (nuevas promociones, aperturas, nuevos servicios) y recibir consejos de viaje para los destinos más demandados.' | trans}}</p>
  182.                     <p class="d-block d-sm-none">{{ 'En nuestro blog estarás al tanto de todo lo que sucede en Eurochange.' | trans}}</p>
  183.                     <a class="boton-azul d-none d-sm-block" href="/blog">{{ 'Ver todas las publicaciones' | trans}}</a>
  184.                 </div>
  185.                 <div class="derecha col-12 col-lg-6">
  186.                     {{ render(controller('App\\Controller\\WordpressController::postsHomeAction', {} )) }}
  187.                     
  188.                     </div>
  189.                 </div>
  190.             </div>
  191.         </div>
  192.     </div>
  193. {% endblock %}
  196. {% block funciones_eventos %}
  197.         {{ parent() }}
  198.         <script>
  199.             
  200.             $(document).ready(function() {
  201.                 var contenido = $('#contenedorInv #contenedorMover').clone();
  202.                 if ($('#calcular_cambio .parte-repetida').length === 0) {
  203.                     $('#calcular_cambio').append(contenido);
  204.                     $('#contenedorInv #contenedorMover').remove();
  205.                 }
  206.             });
  207.             
  208.             
  209.         </script>
  210. {% endblock %}