templates/events/include-event-tickets.html.twig line 1

Open in your IDE?
  1. {% if page is defined %}
  2.     {% if page.total==0 and page.offset == 0 %}
  3.         <div class="row justify-content-md-center">
  4.             <div class="col-12 text-center">
  5.                 No hay tickets disponibles
  6.             </div>
  7.         </div>
  8.     {% endif %}
  9.     {# Tickets sold #}
  10.     {% if pageSoldOut.tickets is not empty %}
  11.         {% for ticket in pageSoldOut.tickets %}
  12.             {% set symbol = 'USD' %}
  13.             {% if from_argentina %}
  14.                 {% set ticket = ticket|merge({'price': ticket.price * conversion}) %}
  15.                 {% set symbol = 'ARS' %}
  16.             {% endif %}
  17.         <div class="row card-event-ticket mb-4 align-items-center">
  19.             <div class="col-lg-2 col-12 d-flex justify-content-lg-start justify-content-center">
  20.                 <div class="card-event-ticket-img">
  21.                     <img src="{{ ticket.imageThumb }}">
  22.                 </div>
  23.             </div>
  25.             <div class="col-lg-6 col-12">
  26.                 <h5 class="text-truncate mt-xl-0 mt-3"><b>{{ ticket.name }}</b></h5>
  27.                 <p class="text-muted text-truncate mt-2">{{ ticket.event.name }}</p>
  28.             </div>
  30.             <div class="col-xl-2 col-12 mt-xl-0 mt-4 d-flex justify-content-xl-end justify-content-center">
  31.                 <h5><b>{{ ticket.price|number_format(2, ',', '.') }} {{ symbol }}</b></h5>
  32.             </div>
  34.             <div class="col-xl-2 col-12 mt-xl-0 mt-4 d-flex align-items-center box-small-ticket" style="flex-direction: column;">
  35.                 <button class="btn-md blue btn_add_ticket mt-3 buy" href="javascript:void(0)" data-ticket_small="{{ ticket.id }}">entradas agotadas</button>
  36.             </div>
  38.         </div>
  39.         {% endfor %}
  40.     {% endif %}
  41.     {# Tickets available #}
  42.     {% if page.tickets is not empty %}
  43.         {% for ticket in page.tickets %}
  44.             {% if ticket.price > 0 %}
  45.                 {% set symbol = 'USD' %}
  46.                 {% if from_argentina %}
  47.                     {% set ticket = ticket|merge({'price': ticket.price * conversion}) %}
  48.                     {% set symbol = 'ARS' %}
  49.                 {% endif %}
  50.                 <div class="row card-event-ticket mb-4 align-items-center">
  52.                     <div class="col-xl-2 col-12 d-flex justify-content-xl-start justify-content-center">
  53.                         <div class="card-event-ticket-img d-flex justify-content-xl-start justify-content-center">
  54.                             <img src="{{ ticket.imageThumb }}">
  55.                         </div>
  56.                     </div>
  58.                     <div class="col-xl-6 col-12 align-items-xl-start align-items-center" style="flex-direction: column;">
  59.                         <h5 class="text-truncate mt-xl-0 mt-3"><b>{{ ticket.name }}</b></h5>
  60.                         <p class="text-muted text-truncate mt-2">{{ ticket.event.name }}</p>
  61.                     </div>
  63.                     <div class="col-xl-2 col-12 mt-xl-0 mt-4 d-flex justify-content-xl-end justify-content-center">
  64.                         <h5><b>{{ ticket.price|number_format(2, ',', '.') }} {{ symbol }}</b></h5>
  65.                     </div>
  67.                     <div class="col-xl-2 col-12 mt-xl-0 mt-4 d-flex align-items-center box-small-ticket" style="flex-direction: column;">
  68.                         <div class="card-event-ticket-amount">
  69.                             <input type="button" value="-"  class="quantity_btn remove_quantity_btn" id="remove_quantity_btn">
  70.                             <input type="number" id="quantity" placeholder="1" class="text-center inpt-number-tickets input_number_tickets" max="{{ ticket.quantity }}" data-max="{{ ticket.quantity }}" readonly>
  71.                             <input type="button" value="+" class="quantity_btn add_quantity_btn" id="add_quantity_btn">
  72.                         </div>
  74.                         <button class="btn-md blue btn_add_ticket mt-3 buy" href="javascript:void(0)" data-ticket_small="{{ ticket.id }}">Comprar</button>
  75.                     </div>
  76.                     
  77.                 </div>
  78.             {%  endif %}            
  79.         {% endfor %}
  81.         {% block javascripts %}
  82.             <script>
  83.                 $( document ).ready(function() {
  84.                     $("#page_next").val({{page.offset+page.limit}});
  85.                     $("#page_total").val({{page.total}});
  86.                 });
  88.                 $(".add_quantity_btn").click( function() {
  89.                     if(!$(this).closest(".box-small-ticket").find(".inpt-number-tickets").val()){
  90.                         quantity=1;
  91.                     }
  92.                     else{
  93.                         quantity = $(this).closest(".box-small-ticket").find(".inpt-number-tickets").val();  
  94.                     }
  95.                     
  96.                     max = $(this).closest(".box-small-ticket").find(".inpt-number-tickets").data("max");
  97.                     quantity++;
  99.                     if(quantity > max){
  100.                         quantity = max;
  101.                     }
  103.                     $(this).closest(".box-small-ticket").find(".inpt-number-tickets").val(quantity);
  104.                 });
  107.                 $(".remove_quantity_btn").click( function() {
  108.                     quantity = $(this).closest(".box-small-ticket").find(".inpt-number-tickets").val();
  109.                     quantity--;
  111.                     if(quantity <= 0){
  112.                         quantity = 1;
  113.                     }
  115.                     $(this).closest(".box-small-ticket").find(".inpt-number-tickets").val(quantity);
  116.                 });
  118.                 $(document).on('click', '.buy', function() {
  119.                     
  120.                     const cus = '{{ check_user_session }}';
  121.                     if(!cus) {
  123.                         swal({
  124.                             title: '<h4 class="py-3">Debes iniciar sesión</h4>',
  125.                             html: true,
  126.                             type: 'info',
  127.                             showConfirmButton: true,
  128.                             confirmButtonColor: "#5902EC"
  129.                         });
  130.                                                 
  131.                         return false;
  132.                     }
  134.                     quantity = $(this).closest(".box-small-ticket").find(".inpt-number-tickets").val();
  136.                     if(quantity.length <= 0){
  137.                         quantity = 1;
  138.                     }
  140.                     url = "{{ path('ticket-buy', {'ticketId': 'value_ticket'}) }}?quantity=" + quantity;
  141.                     url = url.replace("value_ticket", $(this).data("ticket_small"));
  142.                     
  143.                     location.href = url;
  144.                 });
  145.             </script>
  146.         {% endblock %}
  148.     {% endif %}
  149. {% endif %}