templates/website/page/ticket.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': ticket.title,
  5.         'metaDescription': ticket.metaDescription,
  6.         'metaKeywords': ticket.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 content %}
  13.     <section class="content-tickets">
  15.         <div class="container-fluid">
  16.             {% block header %}
  17.                 {% include '@web/parts/header.html.twig' %}
  18.             {% endblock %}
  19.             <div class="wrapper-tickets skeleton">
  20.                 <div class="wrapper-types">
  21.                     <div class="header header-ticket">
  22.                         <div class="wrapper-name">
  23.                             <h1>{{ ticket.title }}</h1>
  24.                             <div class="price price-desktop">
  25.                                 <div class="cutout"></div>
  26.                                 <span>
  27.                                    {% if ticket.isFree %}
  28.                                        {{ 'ԱՆՎՃԱՐ'|trans }}
  29.                                    {% else %}
  30.                                        {{ ticket.discountedPrice == 0 ? ticket.price : ticket.discountedPrice }}֏
  31.                                    {% endif %}
  32.                                 </span>
  33.                             </div>
  34.                         </div>
  35.                         <div class="ticket-description">
  36.                             <p>{{ ticket.description|raw }}</p>
  37.                         </div>
  38.                         {% if isCharity == false %}
  42.                         <div class="options">
  43.                             <div class="date-pick">
  44.                                 <span>{{ 'Ընտրել նախընտրելի օրը'|trans }}</span>
  45.                                 <div class="calendar">
  46.                                     <label for="checkin" class="date-picker">
  47.                                         <img src="{{ asset('static_images/calendar.png') }}" width="32px" height="32px"
  48.                                              alt="calendar">
  49.                                         <span id="selectedDate"></span>
  50.                                     </label>
  51.                                     <input type="text" style="height: 0!important;border: unset!important; "
  52.                                            class=" datepicker datepicker-click checkin" id="checkin">
  53.                                 </div>
  54.                             </div>
  55.                             {#                            <div class="promo"> #}
  56.                             {#                                <span>{{ 'Պրոմոկոդ (եթե ունեք)'|trans }}</span> #}
  57.                             {#                                <div class="promo-place"> #}
  58.                             {#                                    <img src="{{ asset('static_images/promo-logo.png') }}" width="32px"  height="32px" alt=""> #}
  59.                             {#                                    <input type="text" placeholder="123456789" width="10px" class ="promo-input"> #}
  60.                             {#                                </div> #}
  61.                             {#                            </div> #}
  62.                         </div>
  63.                         {% endif %}
  64.                     </div>
  65.                     <div class="header header-ticket-mobile ">
  66.                         <div class="wrapper-name">
  67.                             <h1>{{ ticket.title }}</h1>
  68.                         </div>
  69.                         <div class="options">
  70.                             <div class="options-column-top">
  71.                                 <div class="price-mobile">
  72.                                     {{ ticket.description|raw }}
  73.                                     <div class="price ">
  74.                                         <div class="cutout"></div>
  75.                                         <span>
  76.                                            {% if ticket.isFree %}
  77.                                                {{ 'ԱՆՎՃԱՐ'|trans }}
  78.                                            {% else %}
  79.                                                {{ ticket.discountedPrice == 0 ? ticket.price : ticket.discountedPrice }}֏
  80.                                            {% endif %}
  81.                                         </span>
  82.                                     </div>
  83.                                 </div>
  84.                             </div>
  85.                             {% if isCharity == false %}
  87.                             <div class="options-column-bottom">
  88.                                 <div class="date-pick">
  89.                                     <span>{{ 'Ընտրել նախընտրելի օրը'|trans }}</span>
  90.                                     <div class="calendar">
  91.                                         <label for="checkin-mobile" class="date-picker">
  92.                                             <img src="{{ asset('static_images/calendar.png') }}" width="32px"
  93.                                                  height="32px" alt="calendar">
  94.                                             <span id="selectedDateMobile">10.02.2024</span>
  95.                                         </label>
  96.                                         <input type="text" style="height: 0!important;border: unset!important; "
  97.                                                class=" datepicker datepicker-click checkin" id="checkin-mobile">
  98.                                     </div>
  99.                                 </div>
  100.                                 {#                                <div class="promo"> #}
  101.                                 {#                                    <span>{{ 'Պրոմոկոդ (եթե ունեք)'|trans }}</span> #}
  102.                                 {#                                    <div class="promo-place"> #}
  103.                                 {#                                        <img src="{{ asset('static_images/promo-logo.png') }}" width="32px" #}
  104.                                 {#                                             height="32px" alt="promo"> #}
  105.                                 {#                                        <input type="text" placeholder="123456789" width="10px" class="promo-input"> #}
  106.                                 {#                                    </div> #}
  107.                                 {#                                </div> #}
  108.                             </div>
  109.                             {% endif %}
  111.                         </div>
  112.                     </div>
  113.                     <div class="body">
  114.                         {% if isCharity %}
  115.                             <div class="tickets mt-5 isCharity" id="tickets">
  116.                                 <div class="item">
  117.                                     <div class="info">
  118.                                         <span class="name">{{ ticket.title }}</span>
  119. {#                                        <span class="description">{{ ticket.description|raw }}</span>#}
  120.                                     </div>
  121.                                     <div class="price">
  122.                                         <div class="quantity-picker">
  123.                                             <div class="quantity-picker">
  124.                                                 <button class="btn-decrease" data-item-id="{{ ticket.id }}">-</button>
  125.                                                 <input type="number" class="item-quantity count" value="1"
  126.                                                        id="item-quantity-{{ ticket.id }}"/>
  127.                                                 <button class="btn-increase" data-item-id="{{ ticket.id }}">+</button>
  128.                                             </div>
  129.                                         </div>
  130.                                         <span class="amount"> {{ ticket.price ? (ticket.price ~ '֏'|trans) : 'ԱՆՎՃԱՐ'|trans }}</span>
  131.                                     </div>
  132.                                 </div>
  133.                             </div>
  134.                         {% else %}
  135.                             <div class="wrapper-title">
  136.                                 <h2>{{ 'ԱՅԼ ՏՈՄՍԵՐ'|trans }}</h2>
  137.                             </div>
  138.                             <div class="tickets" id="tickets">
  139.                                 {% for item in tickets %}
  140.                                     <div class="item">
  141.                                         <div class="info">
  142.                                             <span class="name">{{ item.title }}</span>
  143.                                             <span class="description">{{ item.description|raw }}</span>
  144.                                         </div>
  145.                                         <div class="price">
  146.                                             <div class="quantity-picker">
  147.                                                 <div class="quantity-picker">
  148.                                                     <button class="btn-decrease" data-item-id="{{ item.id }}">-</button>
  149.                                                     <input type="number" class="item-quantity count" value="1"
  150.                                                            id="item-quantity-{{ item.id }}"/>
  151.                                                     <button class="btn-increase" data-item-id="{{ item.id }}">+</button>
  152.                                                 </div>
  153.                                                 {#                                            <span onclick="removeOne(this)">-</span> #}
  154.                                                 {#                                            <span class="count">1</span> #}
  155.                                                 {#                                            <span onclick="addOne(this)">+</span> #}
  156.                                             </div>
  157.                                             <span class="amount"> {{ item.price ? (item.price ~ '֏'|trans) : 'ԱՆՎՃԱՐ'|trans }}</span>
  158.                                         </div>
  159.                                     </div>
  161.                                 {% endfor %}
  162.                             </div>
  163.                         {% endif %}
  165.                     </div>
  166.                 </div>
  167.                 <form action="{{ path('app_checkout') }}" method="post" id="paymentFrom">
  170.                     {% block basket %}
  171.                         {% include '@web/parts/basket.html.twig' %}
  172.                     {% endblock %}
  175.                     {% block paymentModals %}
  176.                         {% include '@web/parts/payment-modal.html.twig' %}
  177.                     {% endblock %}
  178.                 </form>
  179.                 <div class="mobile-attention">
  180.                     {% if isCharity %}
  181.                         <div class="attention-message charity">
  182.                             <div>{{ 'charity1'|trans }}</div>
  183.                             <div>{{ 'charity2'|trans }}</div>
  184.                             <div>{{ 'charity3'|trans }}</div>
  185.                         </div>
  186.                         <div class="attention-message border-0 section-fragmented w-100 text-white p-4">
  187.                             <div style="display: flex;align-items: center;flex-direction: column;gap: 10px;">
  188.                                 <p class="p-0 m-0" >{{ 'BenefactorsFromRussia'|trans }}</p>
  189.                                 {% if page.file is not empty %}
  190.                                     <a class="btn-red" href="{{ page.file }}" target="_blank">
  191.                                         {{ 'հաշվեհամար'|trans }}
  192.                                     </a>
  193.                                 {% endif %}
  194.                             </div>
  195.                         </div>
  196.                     {% else %}
  197.                         <div class="attention-message">
  199.                             <ul>
  200.                                 <li>{{ 'Տոմսը վավեր է միայն նշված օրը օգտագործելու դեպքում'|trans }}</li>
  201.                                 <li>{{ '1 տոմսը նախատեսված է միայն 1 հյուրի համար'|trans }}</li>
  202.                                 {#                                    <li>{{ 'Տոմսի վերադարձ կատարվում է միայն այցելության նախորդ օրը'|trans }}</li> #}
  203.                                 <li>{{ 'Գնված տոմսը վերադարձի ենթակա չէ'|trans }}</li>
  204.                             </ul>
  205.                         </div>
  206.                         <div class="attention-message">
  208.                             <ul>
  209.                                 <li>{{ '3d-Secure'|trans }}</li>
  210.                                 <li>{{ 'rate-info'|trans }}</li>
  211.                             </ul>
  212.                         </div>
  213.                     {% endif %}
  214.                 </div>
  216.             </div>
  217.             {% if isCharity %}
  219.             <div class="attention charity">
  220.                 <div>{{ 'charity1'|trans }}</div>
  221.                 <div>{{ 'charity2'|trans }}</div>
  222.                 <div>{{ 'charity3'|trans }}</div>
  223.             </div>
  225.             <div class="attention border-0 section-fragmented w-100 text-white p-4">
  226.                 <div style="display: flex;align-items: center;justify-content: space-between">
  227.                     <p class="p-0 m-0" style="max-width: 65vw">{{ 'BenefactorsFromRussia'|trans }}</p>
  228.                     {% if page.file is not empty %}
  229.                         <a class="btn-red" href="{{ page.file }}" target="_blank">
  230.                             {{ 'հաշվեհամար'|trans }}
  231.                         </a>
  232.                     {% endif %}
  233.                 </div>
  234.             </div>
  235.             {% else %}
  236.             <div class="attention">
  237.                 <ul>
  238.                     <li>{{ 'Տոմսը վավեր է միայն նշված օրը օգտագործելու դեպքում'|trans }}</li>
  239.                     <li>{{ '1 տոմսը նախատեսված է միայն 1 հյուրի համար'|trans }}</li>
  240.                     {#                    <li>{{ 'Տոմսի վերադարձ կատարվում է միայն այցելության նախորդ օրը'|trans }}</li> #}
  241.                     <li>{{ 'Գնված տոմսը վերադարձի ենթակա չէ'|trans }}</li>
  243.                 </ul>
  244.             </div>
  245.             <div class="attention">
  246.                 <ul>
  247.                     <li>{{ '3d-Secure'|trans }}</li>
  248.                     <li>{{ 'rate-info'|trans }}</li>
  250.                 </ul>
  251.             </div>
  252.             {% endif %}
  254.         </div>
  257.         {% block footer %}
  258.             {% include '@web/parts/footer.html.twig' %}
  260.         {% endblock %}
  262.         {% block toast %}
  263.             {% include '@web/parts/toast.html.twig' %}
  264.         {% endblock %}
  267.     </section>
  268. {% endblock %}
  269. {% block javascripts %}
  270.     {{ parent() }}
  271.     <script src="{{ asset('scripts/basket.js') }}"></script>
  272. {% endblock %}