templates/website/page/tickets.html.twig line 1

  1. {% extends '@web/base.html.twig' %}
  2. {% if page is defined and page is not empty %}
  3.     {% set metaParams = {
  4.         'title': page.metaTitle ? page.metaTitle : page.title,
  5.         'metaDescription': page.metaDescription,
  6.         'metaKeywords': page.metaKeywords,
  7.         'image':(page.metaImage is defined ? page.metaImage : page.image is defined ? page.image : null)
  8.     } %}
  9. {% else %}
  10.     {% set metaParams = {} %}
  11. {% endif %}
  12.     {% block meta %}
  13.         {% include '@web/parts/meta.html.twig' with metaParams %}
  14.     {% endblock meta %}
  15. {% block content %}
  16.     <section class="content-tickets"
  17.             {% if page and page.backgroundImage is not null %}
  18.         style="background-image: url('{{ page.backgroundImage }}');"
  19.             {% endif %}>
  20.         {% block header %}
  21.             {% include '@web/parts/header.html.twig' %}
  22.         {% endblock %}
  23.         <div class="container-fluid">
  24.         
  25.             <div class="wrapper-tickets">
  26.                 <div class="wrapper-types">
  27.                     <div class="header">
  28.                         <div class="wrapper-name">
  29.                             <h1>{{ 'Գնել Տոմս'|trans }}</h1>
  30.                         </div>
  31.                         <div class="options">
  32.                             <div class="date-pick">
  33.                                 <span>{{ 'Ընտրել նախընտրելի օրը'|trans }}</span>
  34.                                 <div class="calendar">
  35.                                     <label for="checkin" class="date-picker">
  36.                                         <img src="{{ asset('static_images/calendar.png') }}" width="32px"  height="32px" alt="calendar">
  37.                                         <span id="selectedDate"></span>
  38.                                     </label>
  39.                                     <input type="text" style="height: 0!important;border: unset!important; " class=" datepicker datepicker-click checkin" id="checkin">
  40.                                 </div>
  41.                             </div>
  42. {#                            <div class="promo">#}
  43. {#                                <span>{{ 'Պրոմոկոդ (եթե ունեք)'|trans }}</span>#}
  44. {#                                <div class="promo-place">#}
  45. {#                                    <img src="{{ asset('static_images/promo-logo.png') }}" width="32px"  height="32px" alt="">#}
  46. {#                                    <input type="text" placeholder="123456789" width="10px" class ="promo-input">#}
  47. {#                                </div>#}
  48. {#                            </div>#}
  49.                         </div>
  50.                     </div>
  51.                     <div class="body">
  52.                         <div class="wrapper-title">
  53.                             <h2>{{ 'ՏՈՄՍԵՐԻ ՏԵՍԱԿՆԵՐ'|trans }}</h2>
  54.                         </div>
  55.                         <div class="tickets" id="tickets">
  56.                             {% for item in tickets %}
  57.                                 <div class="item">
  58.                                     <div class="info">
  59.                                         <span class="name">{{ item.title }}</span>
  60.                                         <span class="description">{{ item.description|raw }}</span>
  61.                                     </div>
  62.                                     <div class="price">
  63.                                         <div class="quantity-picker">
  64.                                             <div class="quantity-picker">
  65.                                                 <button class="btn-decrease" data-item-id="{{ item.id }}">-</button>
  66.                                                 <input type="number" class="item-quantity count" value="1" id="item-quantity-{{ item.id }}"/>
  67.                                                 <button class="btn-increase" data-item-id="{{ item.id }}">+</button>
  68.                                             </div>
  69. {#                                            <span onclick="removeOne(this)">-</span>#}
  70. {#                                            <span class="count">1</span>#}
  71. {#                                            <span onclick="addOne(this)">+</span>#}
  72.                                         </div>
  73.                                         <span class="amount"> {{ item.price ? (item.price ~ '֏'|trans) : 'ԱՆՎՃԱՐ'|trans }}</span>
  74.                                     </div>
  75.                                 </div>
  76.                             {% endfor %}
  77.                         </div>
  78.                         <div class="mobile-attention">
  79.                             <div class="attention-message">
  80.                                 <ul>
  81.                                     <li>{{ 'Տոմսը վավեր է միայն նշված օրը օգտագործելու դեպքում'|trans }}</li>
  82.                                     <li>{{ '1 տոմսը նախատեսված է միայն 1 հյուրի համար'|trans }}</li>
  83. {#                                    <li>{{ 'Տոմսի վերադարձ կատարվում է միայն այցելության նախորդ օրը'|trans }}</li>#}
  84.                                     <li>{{ 'Գնված տոմսը վերադարձի ենթակա չէ'|trans }}</li>
  85.                                 </ul>
  86.                                 
  87.                             </div>
  88.                         </div>
  89.                         <div class="mobile-attention">
  90.                             <div class="attention-message">
  91.                                 <ul>
  92.                                     <li>{{ '3d-Secure'|trans }}</li>
  93.                                     <li>{{ 'rate-info'|trans }}</li>
  94.                                 </ul>
  95.                             </div>
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.                 <form action="{{ path('app_checkout') }}" method="post" id="paymentFrom">
  100.                     {% block basket %}
  101.                         {% include '@web/parts/basket.html.twig' %}
  102.                     {% endblock %}
  103.                     {% block tost %}
  104.                         {% include '@web/parts/toast.html.twig' %}
  105.                     {% endblock %}
  106.                 {% block paymentModals %}
  107.                     {% include '@web/parts/payment-modal.html.twig' %}
  108.                 {% endblock %}
  109.                 </form>
  110.             </div>
  111.             <div class="attention">
  112.                 <ul>
  113.                     <li>{{ 'Տոմսը վավեր է միայն նշված օրը օգտագործելու դեպքում'|trans }}</li>
  114.                     <li>{{ '1 տոմսը նախատեսված է միայն 1 հյուրի համար'|trans }}</li>
  115. {#                    <li>{{ 'Տոմսի վերադարձ կատարվում է միայն այցելության նախորդ օրը'|trans }}</li>#}
  116.                     <li>{{ 'Գնված տոմսը վերադարձի ենթակա չէ'|trans }}</li>
  117.                 </ul>
  118.             </div>
  119.             <div class="attention">
  120.                 <ul>
  121.                     <li>{{ '3d-Secure'|trans }}</li>
  122.                     <li>{{ 'rate-info'|trans }}</li>
  123.                 </ul>
  124.             </div>
  125.             
  126.         </div>
  127.             
  128.             
  129.         {% block footer %}
  130.             {% include '@web/parts/footer.html.twig' %}
  131.         {% endblock %}
  132.     </section>
  133. {% endblock %}
  134. {% block javascripts %}
  135.     {{ parent() }}
  136.     <script src="{{ asset('scripts/basket.js') }}"></script>
  137. {% endblock %}