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 my-4 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 orange 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.             {% set symbol = 'USD' %}
  45.             {% if from_argentina %}
  46.                 {% set ticket = ticket|merge({'price': ticket.price * conversion}) %}
  47.                 {% set symbol = 'ARS' %}
  48.             {% endif %}
  49.             <div class="row card-event-ticket mb-4 align-items-center">
  51.                 <div class="col-xl-2 col-12 d-flex justify-content-xl-start justify-content-center">
  52.                     <div class="card-event-ticket-img d-flex justify-content-xl-start justify-content-center">
  53.                         <img src="{{ ticket.imageThumb }}">
  54.                     </div>
  55.                 </div>
  57.                 <div class="col-xl-6 col-12 align-items-xl-start align-items-center" style="flex-direction: column;">
  58.                     <h5 class="text-truncate mt-xl-0 mt-3"><b>{{ ticket.name }}</b></h5>
  59.                     <p class="text-muted text-truncate mt-2">{{ ticket.event.name }}</p>
  60.                 </div>
  62.                 <div class="col-xl-2 col-12 mt-xl-0 mt-4 d-flex justify-content-xl-end justify-content-center">
  63.                     <h5><b>{{ ticket.price|number_format(2, ',', '.') }} {{ symbol }}</b></h5>
  64.                 </div>
  66.                 <div class="col-xl-2 col-12 mt-xl-0 mt-4 d-flex align-items-center box-small-ticket" style="flex-direction: column;">
  67.                     <div class="card-event-ticket-amount">
  68.                         <input type="button" value="-"  class="quantity_btn remove_quantity_btn" id="remove_quantity_btn">
  69.                         <input type="number" id="quantity" placeholder="1" class="text-center inpt-number-tickets input_number_tickets" max="{{ ticket.quantity }}" data-max="{{ ticket.quantity }}" readonly>
  70.                         <input type="button" value="+" class="quantity_btn add_quantity_btn" id="add_quantity_btn">
  71.                     </div>
  73.                     <button class="btn-md orange btn_add_ticket mt-3 buy" href="javascript:void(0)" data-ticket_small="{{ ticket.id }}">Comprar</button>
  74.                 </div>
  75.                 
  76.             </div>
  77.             
  78.         {% endfor %}
  80.         {% block javascripts %}
  81.             <script>
  82.                 $( document ).ready(function() {
  83.                     $("#page_next").val({{page.offset+page.limit}});
  84.                     $("#page_total").val({{page.total}});
  85.                 });
  87.                 $(".add_quantity_btn").click( function() {
  88.                     if(!$(this).closest(".box-small-ticket").find(".inpt-number-tickets").val()){
  89.                         quantity=1;
  90.                     }
  91.                     else{
  92.                         quantity = $(this).closest(".box-small-ticket").find(".inpt-number-tickets").val();  
  93.                     }
  94.                     
  95.                     max = $(this).closest(".box-small-ticket").find(".inpt-number-tickets").data("max");
  96.                     quantity++;
  98.                     if(quantity > max){
  99.                         quantity = max;
  100.                     }
  102.                     $(this).closest(".box-small-ticket").find(".inpt-number-tickets").val(quantity);
  103.                 });
  106.                 $(".remove_quantity_btn").click( function() {
  107.                     quantity = $(this).closest(".box-small-ticket").find(".inpt-number-tickets").val();
  108.                     quantity--;
  110.                     if(quantity <= 0){
  111.                         quantity = 1;
  112.                     }
  114.                     $(this).closest(".box-small-ticket").find(".inpt-number-tickets").val(quantity);
  115.                 });
  117.                 $(document).on('click', '.buy', function() {
  118.                     
  119.                     const cus = '{{ check_user_session }}';
  120.                     if(!cus) {
  122.                         swal({
  123.                             title: '<h4 class="py-3">Debes iniciar sesión</h4>',
  124.                             html: true,
  125.                             type: 'info',
  126.                             showConfirmButton: true,
  127.                             confirmButtonColor: "#5902EC"
  128.                         });
  129.                                                 
  130.                         return false;
  131.                     }
  133.                     quantity = $(this).closest(".box-small-ticket").find(".inpt-number-tickets").val();
  135.                     if(quantity.length <= 0){
  136.                         quantity = 1;
  137.                     }
  139.                     url = "{{ path('ticket-buy', {'ticketId': 'value_ticket'}) }}?quantity=" + quantity;
  140.                     url = url.replace("value_ticket", $(this).data("ticket_small"));
  141.                     
  142.                     location.href = url;
  143.                 });
  144.             </script>
  145.         {% endblock %}
  147.     {% endif %}
  148. {% endif %}