src/Aviatur/TwigBundle/Resources/views/aval/Flux/General/Templates/redemptionPointWidged.html.twig line 1

Open in your IDE?
  1. <div class="frame" id="contenido-puntos" style="display: none;">
  2.     {% if pointRedemption is defined and pointRedemption != null %}
  3.         <div id="js-pointRedemption-lapandup" class=" clearfix text-center">
  4.             <div id="js-pointRedemption" class="inline-block frame--tainted sp-stack" style="max-width:31.25rem;">
  5.                 <div class="clearfix">
  6.                     <div class="wrapper-susy">
  7.                         <div class="col-12">
  8.                             <div style="">
  9.                                 <h3 id="title-puntos" class="col-6" >
  10.                                 <img class="widget_logo" style="height: 120px" src="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/header/tuplus.svg')) }}" alt="viajestuplus.com.co Tiquetes baratos a cualquier destino. Reserva y compra tiquetes aéreos, cuartos de hoteles, autos, cruceros y paquetes turísticos en línea" title="viajestuplus.com.co - Tiquetes baratos a cualquier destino. Reserva y compra tiquetes aéreos, cuartos de hoteles, autos, cruceros y paquetes turísticos en línea">{#{{ pointRedemption.Display.Title }}#}</h3>
  11.                             </div>
  13.                             <div class="col-6" id="puntos" style="">
  14.                                 <input type="hidden" value="{%if points is defined%}{{points}} {%else%}1000{%endif%}" name="PD[js-pdpoint]" id="js-pdpoint" class="text-input--inline js-pdpoint hidden-all"  readonly>
  15.                                 <strong class="frame--subtitle">Cantidad de puntos a redimir</strong>
  16.                                 <p><input type="text" value="0" name="PD[pointRedemptionValue]" id="js-points" class="text-input--inline js-pointRedemptionLoader {%if points is defined%}pointsDetail{%endif%}"  readonly></p>
  17.                             </div>
  18.                             </br>
  19.                             <label id="js-errorPoint" class="js-searchError label--error" style="display: none;"></label>
  20.                             {%if twig_readonly is defined and twig_readonly == true%}
  21.                             <div class="js-retry" data-val="{{twig_readonly}}">
  22.                                 {% endif %}
  23.                             </div>
  25.                             <div class="col-12">
  26.                                 <div id="js-slider-points" data-config="{{ pointRedemption.Config|json_encode() }}"></div>
  27.                             </div>
  29.                             <div class="col-12">
  30.                                 <p class="condensed sp-offset--small">
  31.                                     <small class="type-grey">* Monto mínimo de pago con tarjeta de crédito: COP {{ pointRedemption.Config.Amount.MinCtPayment|number_format(0, ',', '.')  }}</small></p>
  32.                                 <p><small class="type-grey">* Si tu redención supera más de <strong class="bold" style="color:black;">$1.344.573</strong> tu transacción será sujeta a <strong class="bold" style="color:black;">3,5%</strong> correspondiente a la Retención en la fuente.</small>
  33.                                 </p>
  34.                                 <p><small>Por ejemplo: Si vas a redimir más de <strong class="bold" style="color:black;">64.000 puntos</strong> debes considerar <strong class="bold" style="color:black;">2.240 puntos adicionales</strong> para el pago de retención en la fuente</small></p>
  35.                             </div>
  36.                         </div>
  37.                     </div>
  38.                 </div>
  39.             </div>
  40.             <script src="{{ script('GeneralBundle//widget_pointRedemption.js') }}"></script>
  41.             <script src="{{ script('GeneralBundle//component_inputSlider.js') }}"></script>
  42.     {% endif %}
  43. </div>
  44. <script>
  45.     setInterval(function() {
  46.         const flightLoader = document.querySelector('.js-flightLoader');
  47.         const contenidoPuntos = document.getElementById('contenido-puntos');
  48.         if (!flightLoader || flightLoader.style.display === 'none') {
  49.             contenidoPuntos.style.display = 'block';
  50.         } else {
  51.             contenidoPuntos.style.display = 'none';
  52.         }
  53.     }, 100);
  54. </script>