templates/default/carrito/carrito1.html.twig line 228

  1. {# {% extends 'default/contenido.html.twig' %} #}
  2. {% extends 'base.html.twig' %}
  4. {% block bodyId %}carrito{% endblock %}
  6. {% block body %}
  8.     <div class="title container">
  9.         <h1>{{ 'Carrito' | trans}}</h1>
  10.     </div>
  11.     
  12.     <div id="carrito" class="container">
  13.         {% block carritoPasos %}
  14.             <div id="pasos">
  15.                 <div class="num-pasos active">
  16.                     <span id="primero-tab">1</span>
  17.                     <p>{{ 'Carrito' | trans | upper }}</p>
  18.                 </div>
  19.                 <div class="num-pasos">
  20.                     <a href="{{ path('app_cart_2') }}" class="" id="segundo-tab">2</a>
  21.                     <p>{{ 'Pago' | trans | upper }}</p>
  22.                 </div>
  23.                 <div class="num-pasos">
  24.                     <span class="" id="tercero-tab">3</span>
  25.                     <p>{{ 'Confirmacion' | trans | upper }}</p>
  26.                 </div>
  27.             </div>
  28.         {% endblock %}
  29.         
  30.         <div id="pasosContent">
  31.         
  32.             {% block carritoContent %}
  33.                 <div id="primer-paso" class="row">
  34.                     <div class="cotizaciones" style="display: none">
  35.                         {{ cotizacionesJson }}
  36.                     </div>
  37.                     <div id="cotizacionesOnline" class="cotizacionesOnline" style="display: none">
  38.                         {{ cotizacionesOnlineJson }}
  39.                     </div>
  40.                     <div class="divisas" style="display: none">
  41.                         {{ divisasJson }}
  42.                     </div>
  43.                     <div id="permiteCompra" class="permiteCompra" style="display: none" value="{{permiteCompra}}">
  44.                         {{ permiteCompra }}
  45.                     </div>
  47.                     <div class="parte-izq col-sm-8">
  49.                         {{ doShortcode("banner", {nombre:"Carrito1", auto:"true", pause: "10000", speed:"1000" }) | raw }}
  50.                         
  51.                         <div {#class="col-sm-6 order-sm-2"#}>
  52.                             <div id="info" class="banner-envio col1 texto_seg">
  53.                                 <p><strong>{{ 'cart1.texto_recompra_3' | trans({}, 'settings') }}</strong>{{ 'cart1.texto_recompra' | trans({}, 'settings') }}</p> 
  54. {#                                 {% set i = 1 %} #}
  55. {#                                 {% for pedido in carro['pedidos'] %} #}
  56.                                     <p id="texto_seguro2" style="font-weight:bold">{{ 'cart1.texto_seguro_1' | trans({}, 'settings') }} <span id="texto_1_seguro">{{ 700  }}</span> {{ 'cart1.texto_seguro_2' | trans({}, 'settings') }}</p>
  57. {#                                     {% set i = i + 1 %} #}
  58. {#                                 {% endfor %}  #}
  59.                             </div>
  60.                         </div>
  61.                         <div {#class="col-sm-6 order-sm-1"#}style="text-align: center;">
  62.                                 
  63.                                 {#<div style="display:none">
  64.                                     {{ render(controller('App\\Controller\\DefaultController::oficinaAction', { select_id: 'select_ofi2' } )) }}
  65.                                     <p class="info-select">{{ '* La tienda online solo permite la compra de divisas extranjeras (no Euros)' | trans}}</p>
  66.                                 </div>#}
  67.                         
  68.                         
  69.                                 {{ form_start(carro, {'attr': {'id': 'dinamic_shop_carro'}}) }}
  71.                                 <div class="form-errors">
  72.                                     {% for error in carro.vars.errors %}
  73.                                         <div class="invalid-feedback d-block">
  74.                                             {{ error.message | raw }}
  75.                                         </div>
  76.                                     {% endfor %}
  77.                                 </div>
  78.                                 
  79.                                 {% for pedido in carro['pedidos'] %}
  82.                                     <div class="comprarya conversor" contador="0">
  83.                                         
  84.                                         <div id="cont-monedas" class="row">
  85.                                             <div class="col-5 div1">
  86.                                                 <p>{{ '¿Qué moneda tienes?' | trans}}</p>
  87.                                                 {{ form_errors(pedido.divisaOrigen) }}
  88.                                                 <img class="bandera band-1" src="/img/bandera-EUR.svg"/>
  89.                                                 {{ form_widget(pedido.divisaOrigen) }}
  90.                                                 
  91.                                             </div>
  92.                                             
  93.                                             {% if ofi_var == 1 or permiteCompra == 0 %}
  94.                                                 <div class="col-2 intercambio div2">
  95. {#                                                     <a href="#" class="swtich_moneda" style="display:none"><img src="/img/intercambio.svg"/></a> #}
  96.                                                 </div>
  97.                                             {% else %}
  98.                                                 <div class="col-2 intercambio div2">
  99. {#                                                     <a href="#" class="swtich_moneda"><img src="/img/intercambio.svg"/></a> #}
  100.                                                 </div>
  101.                                             {% endif %}
  102.                                             
  103.                                             <div class="col-5 div3">
  104.                                                 <p>{{ '¿Qué moneda quieres?' | trans}}</p>
  105.                                                 {{ form_errors(pedido.divisaFinal) }}
  106.                                                 <img class="bandera band-2" src="/img/bandera-GBP.svg"/>
  107.                                                 {% if permiteCompra == 0 %}
  108.                                                     <div id="divisa_bloqueada">
  109.                                                 {% endif %}
  110.                                                         
  111.                                                 {{ form_widget(pedido.divisaFinal) }}
  112.                                                         
  113.                                                 {% if permiteCompra == 0 %}
  114.                                                     </div>
  115.                                                 {% endif %}
  116.                                             </div>
  117.                                         </div>
  118.                                         
  119.                                         <div id="cont-dinero" class="row info_divisa">
  120.                                             <div class="col-6 comprar">
  121.                                                 <p>{{ 'Cantidad en' | trans }} <span class="div_origen">{{ div_o_nombre}}</span></p>
  122.                                                 <div class="number cant">{{ form_widget(pedido.cantidadOrigen ) }}</div>
  123.                                                 <p>{{ '¿Cuánto tienes?' | trans }}</p>
  124.                                             </div>
  125.                                             <div class="col-6 pagar">
  126.                                                 <p>{{ 'Cantidad en' | trans }} <span class="div_final">{{ div_f_nombre}}</span></p></p>
  127.                                                 <div class="number cant">{{ form_widget(pedido.cantidadFinal) }}</div>
  128.                                                 <p>{{ '¿Cuánto recibes?' | trans }}</p>
  129.                                             </div>
  130.                                             
  131.                                             <p class="cambio_divisa"></p>
  132.                                             
  133.                                             <div class="masdivisas-wrapper">
  134.                                                 {% if loop.index==1 %}
  135.                                                     <a href="#"
  136.                                                     class="masdivisas"><span>{{ '+ Añadir más divisas' | trans }}</span></a>
  137.                                                 {% else %}
  138.                                                     <a class="removeThis" href="#">{{ settings_manager.getValue('cart1.remove') }}</a>
  139.                                                 {% endif %}
  140.                                             </div>
  141.                                         </div>
  143.                                     </div>
  144.                                 {% endfor %}
  145.                                 <div class="cupon_boton">
  146.                                     {{ form_widget(carro.codigoPromo) }}
  147. {#                                     <button type="button" id="comprobarCodigoProm" >{{ 'aplicar cupón' | trans | capitalize }}</button> #}
  148.                                 </div>
  149.                                 {{ form_rest(carro) }}
  150.                                 {{ form_end(carro) }}
  151.                         
  152.                         </div>
  154.                         {{ doShortcode("banner", {nombre:"Carrito1_abajo", auto:"true", pause: "10000", speed:"1000" }) | raw }}
  155.                         
  156.                     </div>
  158.                     <div class="parte-der col-sm-4">
  159.                         <div class="cuadro-resumen-carrito">
  160.                             <p>{{ 'Resumen de tu compra' | trans }}:</p>
  161.                             <div class="datos-resumen">
  162.                                 <ul id="list-monedas-resumen">
  163.                                 </ul>
  164.                                 <div class="import-resumen">
  165.                                     <span>{{ 'Importe' | trans }}:</span>
  166.                                     <span class="val-import">0,00 €</span>
  167.                                 </div>
  168.                                 <div class="envio-resumen">
  169.                                     <span>{{ 'Envio' | trans }}:</span>
  170.                                     <span class="val-envio">0,00 €</span>
  171.                                 </div>
  172.                                 <div class="cupon-resumen" style="display:none;">
  173.                                     <span>{{ 'Cupon' | trans }}:</span>
  174.                                     <span class="val-cupon"></span>
  175.                                 </div>
  176.                                 <div class="total-resumen">
  177.                                     <span>{{ 'Total' | trans | upper }}</span>
  178.                                     <span class="val-total">0,00 €</span>
  179.                                 </div>
  180.                             </div>
  181.                         </div>
  183.                         <div class="codProm-line">
  184.                             <input type="text" id="rellenar_codigoPromo" class="campo-relleno" placeholder="{{ 'cart.step4.reserva.cupon' | trans({}, 'settings') }}">
  185.                             <button type="button" id="comprobarCodigoProm" >{{ 'aplicar cupón' | trans | capitalize }}</button>
  186.                             <div id="textoCod1" style="display:none"> <div class="text-box-prom alert alert-success">{{ 'texto.cupon.carro1' | trans({}, 'settings') }}</div></div>
  187.                             <div id="textoCod2" style="display:none"> <div class="text-box-prom alert alert-danger">{{ 'texto.cupon.carro1.fallo' | trans({}, 'settings') }}</div></div>
  188.                         </div>
  189.                         <div class="metEnvio-line">
  190.                             <select id="elegir-envio" class="campo-relleno">
  191.                                 <option value="0" disabled selected>{{ 'Selecciona metodo entrega' | trans }}</option>
  192.                                 <option value="1">{{ 'Recogida en tienda' | trans }}</option>
  193.                                 <option value="2">{{ 'Envio a domicilio' | trans }}</option>
  194.                             </select>
  195.                             <p id="noMetEnv" style="display: none; color: red;">{{ 'aviso.carro1.entrega' | trans({}, 'settings') }}</p>
  196.                         </div>
  197.                         <div class="provDest-line" style="display: none;">
  198.                             <select id="elegir-provDest" class="campo-relleno">
  199.                                 <option value="0" data-gastos="0" disabled selected>{{ 'Selecciona provincia destino' | trans }}</option>
  200.                                 {% for provincia in provincias %}
  201.                                     <option value="{{ provincia.id }}" data-gastos="{{ provincia.gastos }}" {% if provincia.oficinas.isEmpty() %}class="sinOficina"{% endif %}>{{ provincia.nombre }}</option>
  202.                                 {% endfor %}
  203.                             </select>
  204.                             <p id="noProvDest" style="display: none; color: red;">{{ 'aviso.carro1.provincia' | trans({}, 'settings') }}</p>
  205.                             <p id="noProvDestOfi" style="display: none; color: red;">{{ 'aviso.carro1.conOfi' | trans({}, 'settings') }}</p>
  206.                         </div>
  207.                         <div class="ofiDest-line" style="display: none;">
  208.                             {{ render(controller('App\\Controller\\DefaultController::oficinaAction', { select_id: 'selectOfi6' } )) }}
  209.                             <p id="noOfiDest" style="display: none; color: red;">{{ 'aviso.carro1.recogida' | trans({}, 'settings') }}</p>
  210.                         </div>
  211.                         <div class="link_divisa">
  212.                             <button id="Box1Compra" class="bcol1" type="submit"
  213.                                 value="{{ 'comprar' | trans |upper }}">{{ 'comprar' | trans | capitalize }}
  214.                             </button>
  215.                         </div>
  216.                     </div>
  217.                 </div>
  218.             {% endblock %}
  219.             
  220.         </div>
  221.     </div>
  222. {% endblock %}
  224. {% block footer %}
  225. <input id="cupon" name="cupon" type="hidden" value="">
  226. {# <input type="hidden" id="tipo_cupon" value="0"> #}
  227. <input type="hidden" id="valor_cup" value="10">
  228. {{ parent() }}
  229. {% endblock %}
  231. {% block javascripts_footer %}
  232.         {{ parent() }}
  233.         <script>
  234.         var ruta_cupon = '{{ path('app_cupon_check') }}';
  235.         </script>
  236.         <!-- jsCarrito -->
  237.         
  238.         <script src="/js/cart.js?2.1"></script>
  239.         <script src="/js/fastShop.js?2.1"></script>
  240.         <script src="/js/datapick/js/bootstrap-datepicker.js"></script>
  241.         <script src="/js/timepick/bootstrap-timepicker.js"></script>
  242.         
  243.         <!-- /jsCarrito -->
  244. {% endblock %}