templates/website/page/attractions-view.html.twig line 1
{% extends '@web/base.html.twig' %}{% if page is defined and page is not empty %}{% set metaParams = {'title': attraction.title,'metaDescription': attraction.metaDescription,'metaKeywords': attraction.metaKeywords,'image':(attraction.image is defined ? attraction.image : null)} %}{% else %}{% set metaParams = {} %}{% endif %}{% block content %}<section class="section-attraction-single">{% block header %}{% include '@web/parts/header.html.twig' %}{% endblock %}<div class="standard-title color-darkblue title-small-media" style="display: none">{{ attraction.title }}</div><div class="attraction-single my-container-fluid"><div class="image-wrapper"><div class="title-wrapper"><span class="standard-title title-desktop">{{ attraction.title }}</span><span class="standard-text ">{{ attraction.description|raw }}</span></div><div class="image-desktop-wrapper"><img class="image-desktop" src="{{ attraction.image| imagine_filter('thumbnail_view') }}" alt="{{ attraction.title }}"></div>{% if attraction.attractionHeight %}<div class="description-wrapper"><span class="standard-title ">{{'Բարձրություն'|trans}}</span><span class="standard-text ">{{ attraction.attractionHeight }}</span></div>{% endif %}</div></div>{% if attraction.body %}<div class="header-wrapper section-fragmented my-container-fluid"><div class="standard-text">{{ attraction.body|raw }}</div></div>{% endif %}{% if attraction.additionalInfo %}<div class="description-wrapper"><div class="item w-100"><span>{{ attraction.additionalInfo|raw }}</span></div></div>{% endif %}{% if attraction.speed or attraction.power %}<div class="description-wrapper">{% if attraction.speed %}<div class="item"><span class="title">{{'Արագություն'|trans}}</span><span>{{ attraction.speed }}</span></div>{% endif %}{% if attraction.power %}<div class="item"><span class="title">{{'Հզորություն'|trans}}</span><span>{{ attraction.power }}</span></div>{% endif %}</div>{% endif %}{% if attraction.images %}<div class="attraction-single-slick">{% for item in attraction.images %}<div class="slick-slide"><div class="attraction-item"><div class="img-box"><img src="{{ item }}" width="100%"alt="attraction"></div></div></div>{% endfor %}</div>{% endif %}{% if attraction.minHeightWithAdult or attraction.minHeightAlone %}<div class="description-wrapper second"style="{{ attraction.images|length > 3 ? 'margin: 75px 211px' : '' }}">{% if attraction.minHeightWithAdult %}<div class="item"><span class="title">{{'Մինիմում հասակ մեծահասակի հետ'|trans}}</span><span>{{ attraction.minHeightWithAdult }}</span></div>{% endif %}{% if attraction.minHeightAlone %}<div class="item"><span class="title">{{'Մինիմում հասակ միայնակ'|trans}}</span><span>{{ attraction.minHeightAlone }}</span></div>{% endif %}{% if attraction.maxHeight %}<div class="item"><span class="title">{{'Մաքսիմում հասակ'|trans}}</span><span>{{ attraction.maxHeight }}</span></div>{% endif %}</div>{% endif %}{% if attraction.video %}<div class="video-wrapper my-container-fluid mt-5 mb-5"><video muted autoplay loop id="attraction-video"><source src="{{ attraction.video }}"></video><button class="play-button" id="playBtn" onclick="toggleVideoPlay()">{{ svg('public/static_images/svg/play.svg')|raw }}</button></div>{% endif %}{% if attraction.prohibitedCases is not empty %}<div class="advice-wrapper my-container-fluid"><div class="standard-title color-darkblue">{{ 'Մի՛ օգտվեք ատրակցիոններից հետևյալ դեպքերում'|trans }}</div><div class="advices">{% for item in attraction.prohibitedCases %}<div class="advice"><img src="{{ item.image }}" alt="{{ item.title }}"><span>{{ item.title }}</span></div>{% endfor %}</div></div>{% endif %}<div class="important-wrapper my-container-fluid"><div class="standard-title color-darkblue">{{ 'Կարևոր է իմանալ'|trans }}</div><div class="important"><div class="item {% if attraction.maximumSeatWeight is empty %}isOne{% endif %}"><img src="{{ asset('static_images/smartphone.png') }}" alt="smartphone"><span>{{ attraction.phoneAllowed ? 'Հեռախոս թույլատրվում է'|trans : 'Հեռախոս չի թույլատրվում'|trans }}</span></div>{% if attraction.maximumSeatWeight is not empty %}<div class="item"><img src="{{ asset('static_images/kg.png') }}" alt="{{ attraction.title }}"><span>{{ 'Նստատեղի առավելագույն քաշը՝'|trans }} {{ attraction.maximumSeatWeight }}{{ 'կգ'|trans }}</span></div>{% endif %}</div></div>{% if attractions %}<div class="other-attraction-slick-wrapper my-container-fluid"style=" {{ attractions|length < 3 ? 'margin:75px 0 0' }}"><div class="standard-title color-darkblue">{{ 'ԱՅԼ ԱՏՐԱԿՑԻՈՆՆԵՐ'|trans }}</div><div class="other-attraction-slick">{% for item in attractions %}<div class="slick-slide"><div class="attraction-item"><a href="{{ path('page_attractions_view',{'slug':item.slug}) }}"><div class="img-box"><img src="{{ item.image| imagine_filter('thumbnail_slide') }}" width="100%"alt="{{ item.title }}"></div><div class="title color-darkblue">{{ item.title }}</div><div class="text color-darkblue">{{ item.description|raw }}</div></a></div></div>{% endfor %}</div></div>{% endif %}{% block footer %}{% include '@web/parts/footer.html.twig' %}{% endblock %}</section>{% endblock %}{% block javascripts %}{{ parent() }}<script>function toggleVideoPlay() {const video = document.getElementById('attraction-video');const playBtn = document.getElementById('playBtn');if (window.innerWidth < 991 ){if (playBtn.style.opacity === "0") {playBtn.style.opacity = "1";} else {playBtn.style.opacity = "0";}}if (video.paused) {video.play();playBtn.classList.add('button-opacity')} else {playBtn.classList.remove('button-opacity')video.pause();}}</script>{% endblock %}