templates/website/page/index.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.     } %}
  10. {% else %}
  11.     {% set metaParams = {} %}
  12. {% endif %}
  14.     {% block stylesheets %}
  15.         {{ parent() }}
  16.         <link rel="stylesheet" type="text/css" href="{{ asset('styles/video-player.css') }}"/>
  17.     {% endblock stylesheets %}
  19.     {% block meta %}
  20.         {% include '@web/parts/meta.html.twig' with metaParams %}
  21.     {% endblock meta %}
  22. {% block content %}
  24.     <section class="content-home"
  25.             {% if page and page.backgroundImage is not null %}
  26.         style="background-image: url('{{ page.backgroundImage }}');"
  27.             {% endif %}>
  29.         <div class="container-fluid home-page" style="padding: 0!important">
  30.             {% block header %}
  31.                 {% include '@web/parts/header.html.twig' %}
  32.             {% endblock %}
  33.         </div>
  34.         {% if page and page.pageVideo is not null %}
  35.             <div class="container-fluid ">
  37.             <section id="section-video-1" class="section section-video section--video ">
  38.                 <div class="video__player">
  39.                     <video  muted autoplay loop  style=" border-radius: 20px;"  id="video-element-1" class="video player__video" width="100%" height="auto">
  40.                         <source src='{{ page.pageVideo }}' type='video/mp4'>
  41.                     </video>
  42.                     <div class="player__controls zIndex">
  43.                         <button class='btnPlayPause play' accesskey="P"> </button>
  44.                         <div class="controls__progress-bar-container">
  45.                             <progress class="progress-bar controls__progress-bar" min='0' max='100' value='0'>0% played</progress>
  46.                         </div>
  47.                         <button class='btnMute unmute'></button>
  48.                         <button class='btnFullScreen'><i class="fas fa-expand"></i></button>
  49.                     </div>
  50.                 </div>
  51.             </section>
  52.          </div>
  53.         {% endif %}
  55.         <div class="container-fluid">
  57.             <div class="slider slider-banner main-slick">
  58. {#                <div class="slick-slide">#}
  59. {#                    <div class="promo-item">#}
  60. {#                        <img src="{{ asset('static_images/home/banner-1.png') }}" width="100%" alt="">#}
  61. {#                        <div class="wrapper-info">#}
  62. {#                            <div class="info">#}
  63. {#                                {{ 'Աշխ. օրեր` 14:00-22:00'|trans }}#}
  64. {#                                <br>#}
  65. {#                                {{ 'Ոչ աշխ. օրեր` 12։00-22։00'|trans }}#}
  66. {#                            </div>#}
  67. {#                            <div class="mobile-text">#}
  68. {#                                <span>{{ "Սպասում ենք Ձեզ ամեն օր"|trans }}</span>#}
  69. {#                            </div>#}
  70. {#                            <a class="btn-red">#}
  71. {#                                {{ 'Գնե՛ք տոմսը հիմա'|trans }}#}
  72. {#                            </a>#}
  73. {#                        </div>#}
  74. {#                    </div>#}
  75. {#                </div>#}
  76.                 {% for slide in mainSlider %}
  77.                     <div class="slick-slide">
  78.                         <div class="promo-item">
  79.                             <a href="/{{ app.request.locale }}/{{ slide.slug }}">
  80.                                 <img src="{{ slide.image| imagine_filter('thumbnail_slide') }}" width="100%" alt="slide">
  81.                             </a>
  82.                             <div class="wrapper-info">
  83.                                 <div class="info">
  84.                                     {{ slide.description|raw }}
  85.                                 </div>
  86.                                 {% if slide.buttonText and slide.buttonSlug %}
  87.                                     <a href="/{{ app.request.locale }}/{{ slide.buttonSlug }}" class="btn-red">
  88.                                         {{ slide.buttonText }}
  89.                                     </a>
  90.                                 {% endif %}
  92.                             </div>
  93.                         </div>
  94.                     </div>
  96.                 {% endfor %}
  97.             </div>
  98.             <div class="swiper-mobile-nav">
  100.             </div>
  101.             <div class="tickets">
  102.                 <div class="wrapper-tickets">
  103.                     {% for item in tickets %}
  104.                         <div class="ticket-card ticket-short">
  105.                             <h3 class="ticket-title">{{ item.title}}</h3>
  106.                             <div class="ticket-text">{{ item.description|raw}}</div>
  107.                             <p class="ticket-price">
  108.                                 {% if item.isFree %}
  109.                                     {{ 'ԱՆՎՃԱՐ'|trans }}
  110.                                 {% else %}
  111.                                     {{ item.discountedPrice == 0 ? item.price : item.discountedPrice }}֏
  112.                                 {% endif %}
  113.                             </p>
  114.                             <div class="ticket-button">
  115.                                <a href="{{ path('page_ticket',{'id':item.id}) }}" class="btn-red">{{ 'Գնել'|trans }}</a>
  116.                             </div>
  117.                         </div>
  120. {#                        #}
  122. {#                        <div class="ticket-card ticket-short evening-mobile">#}
  123. {#                            <h3 class="ticket-title">{{ 'Երեկոյան'|trans }}</h3>#}
  124. {#                            <p class="ticket-text">{{ 'սկսած 19։00-ից'|trans }}</p>#}
  125. {#                            <p class="ticket-price">{{ '6000 դրամ'|trans }}</p>#}
  126. {#                            <div class="ticket-button">#}
  127. {#                                <a href="{{ path('page_tickets') }}" class="btn-purple">{{ 'Գնել'|trans }}</a>#}
  128. {#                            </div>#}
  129. {#                        </div>#}
  130. {#                        <div class="ticket-card ticket-long">#}
  131. {#                            <h3 class="ticket-title">{{ 'Երեխաներ'|trans }}</h3>#}
  132. {#                            <div class="long-ticket-body">#}
  133. {#                                <div class="long-ticket-left-part">#}
  134. {#                                    <p class="ticket-text">{{ '< 91սմ հյուրեր'|trans }}</p>#}
  135. {#                                    <p class="ticket-price">{{ 'ԱՆՎՃԱՐ'|trans }}</p>#}
  136. {#                                    <div class="ticket-button">#}
  137. {#                                        <a href="{{ path('page_tickets') }}" class="btn-purple">{{ 'Գնել'|trans }}</a>#}
  138. {#                                    </div>#}
  139. {#                                </div>#}
  140. {#                                <div class="long-ticket-right-part">#}
  141. {#                                    <p class="ticket-text">{{ '91սմ - 100սմ'|trans }}</p>#}
  142. {#                                    <p class="ticket-price">{{ '6000 դրամ'|trans }}</p>#}
  143. {#                                    <div class="ticket-button">#}
  144. {#                                        <a href="{{ path('page_tickets') }}" class="btn-purple">{{ 'Գնել'|trans }}</a>#}
  145. {#                                    </div>#}
  146. {#                                </div>#}
  147. {#                            </div>#}
  148. {#                        </div>#}
  149. {#                        <div class="ticket-card ticket-short evening-desktop">#}
  150. {#                            <h3 class="ticket-title">{{ 'Երեկոյան տոմս'|trans }}</h3>#}
  151. {#                            <p class="ticket-text">{{ 'սկսած 19։00-ից'|trans }}</p>#}
  152. {#                            <p class="ticket-price">{{ '6000 դրամ'|trans }}</p>#}
  153. {#                            <div class="ticket-button">#}
  154. {#                                #}{#                            <a href="{{ path('page_ticket',{'id':item.id}) }}" class="btn-purple">{{ 'Գնել'|trans }}</a>#}
  155. {#                            </div>#}
  156. {#                        </div>#}
  157.                     {% endfor %}
  159.                 </div>
  160.             </div>
  161.         </div>
  162.         <div class="attractions section-fragmented">
  163.             <div class="attractions-content">
  164.                 <h3 class="attraction-header">{{ 'ԹՈՓ 5 ԱՏՐԱԿՑԻՈՆՆԵՐԸ'|trans }}</h3>
  165.                 <div class="slider">
  166.                     <div class="attraction-slick">
  167.                         {% for slide in attractions %}
  168.                             <div class="slick-slide">
  169.                                 <div class="attraction-item">
  170.                                     <a href="{{ path('page_attractions_view',{'slug':slide.slug}) }}">
  171.                                         <div class="number">{{ loop.index }}</div>
  172.                                         <div class="img-box"><img src="{{ slide.image| imagine_filter('thumbnail_slide')  }}"
  173.                                                                   width="100%" alt="{{ slide.title }}"></div>
  174.                                         <div class="text">
  175.                                             <div class="attraction-name">{{ slide.title }}</div>
  176.                                             <div class="attraction-description">{{ slide.description|raw }}</div>
  177.                                         </div>
  178.                                     </a>
  180.                                 </div>
  181.                             </div>
  182.                         {% endfor %}
  183.                     </div>
  184.                     <div class="swiper-mobile-nav">
  186.                     </div>
  187.                 </div>
  188.                 <div class="wrapper-button">
  189.                     <a href="{{ path('page_attractions') }}" class="btn-red all-attraction">{{ 'Բոլոր ատրակցիոննեերը'|trans }}</a>
  190.                 </div>
  191.             </div>
  193.         </div>
  194.         <div class="site-map" >
  195.             <div class="standard-title color-darkblue">{{'Բարի գալուստ Էմորիա թագավորություն'|trans}}</div>
  196.             <img src="{{ page.image }}" alt="image" width="100%">
  198.         </div>
  199.         {% for message in app.flashes('success') %}
  200.             {% block paymemtModal %}
  201.                 {% include '@web/parts/success-modal.html.twig' %}
  202.             {% endblock %}
  203.         {% endfor %}
  205.         {% block footer %}
  206.             {% include '@web/parts/footer.html.twig' %}
  208.         {% endblock %}
  210.     </section>
  211. {% endblock %}
  212. {% block javascripts %}
  213.     {{ parent() }}
  214.     <script src="{{ asset('scripts/videoPlayer.js') }}"></script>
  217. {% endblock %}