<!DOCTYPE html>
<html lang="{{ (app.request.locale == 'ua') ? 'uk' : app.request.locale }}" translate="no">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MX685C');
</script>
<!-- End Google Tag Manager -->
<!-- Alpaca layer -->
<!--script>
(function () {
window['alpacaLayer'] = window['alpacaLayer'] || [];
var el = document.createElement('script');
el.async = true;
el.src = 'https://alpaca.otpusk.com/static/dist/main.js';
document.head.appendChild(el);
})();
</script-->
<!-- End Alpaca layer -->
{% set market = app.session.get('market') %}
{% set locale = app.request.locale %}
{% set siteUrl = getenv('SITE_URL_'~locale|upper) %}
{% set route = app.request.attributes.get('_route') %}
{% block meta %}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv='Content-Language' content='{{ (locale == 'ua') ? 'uk_UA' : 'ru_UA' }}'/>
<meta name="google" content="notranslate">
<title>{{ seo.title ?? ((locale == 'ua') ? 'Otpusk.ua' : 'Отпуск.com')}}</title>
<meta name="description" content="{{ seo.description ?? ((locale == 'ua') ? 'Otpusk.ua' : 'Отпуск.com') }}">
<meta name="keywords" content="{{ seo.keywords ?? ((locale == 'ua') ? 'Otpusk.ua' : 'Отпуск.com') }}">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta property="og:site_name" content="{{ ((locale == 'ua') ? 'Otpusk.ua' : 'Отпуск.com') }}" />
<meta property="og:type" content="website" />
<meta property="og:title" content="{{ seo.title ?? ((locale == 'ua') ? 'Otpusk.ua' : 'Отпуск.com')}}" />
<meta property="og:description" content="{{ seo.description ?? ((locale == 'ua') ? 'Otpusk.ua' : 'Отпуск.com')}}" />
<meta property="og:url" content="{{ siteUrl }}{% if route == 'app_hotel' %}{{ path('app_hotel', { hotelId: hotel.i, hotelSlug: hotel.h }) }}{% else %}{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}{% endif %}" />
<meta property="og:image" content="https://www.otpusk.com/static/img/preview-otpusk.jpg"/>
<meta name="twitter:card" content="summary_large_image" />
{% if (market.code == 'ua') %}
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('img/favicons/rebranding/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="96x96" href="{{ asset('img/favicons/rebranding/favicon-96x96.png') }}">
<link rel="icon" type="image/svg+xml" href="{{ asset('img/favicons/rebranding/favicon.svg') }}">
<link rel="icon" type="image/x-icon" href="{{ asset('img/favicons/rebranding/favicon.ico') }}">
{% else %}
<link rel="apple-touch-icon" href="https://www.otpusk.com/static/img/favicon.png" />
<link rel="icon" href="https://www.otpusk.com/static/img/favicon.png" />
<link rel="shortcut icon" href="https://www.otpusk.com/static/img/favicon.png" />
{% endif %}
{% if route == 'app_hotel' %}
{% set alternatePath = path('app_hotel', { hotelId: hotel.i, hotelSlug: hotel.h }) %}
{% else %}
{% set alternatePath = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
{% endif %}
{% if route == 'app_selection' %}
{% if 'Ukraine' in selection.getMarketsName %}
<link rel='alternate' hreflang='ru-UA' href='https://www.otpusk.com{{ alternatePath }}' />
<link rel='alternate' hreflang='uk-UA' href='https://www.otpusk.ua{{ alternatePath }}' />
{% endif %}
{% if 'Moldova' in selection.getMarketsName %}
<link rel='alternate' hreflang='ru-MD' href='https://otpusk.md{{ alternatePath }}' />
{% endif %}
{% if 'Latvia' in selection.getMarketsName %}
<link rel='alternate' hreflang='lv-LV' href='https://travelon.lv{{ alternatePath }}' />
<link rel='alternate' hreflang='ru-LV' href='https://ru.travelon.lv{{ alternatePath }}' />
{% endif %}
{% if 'Lithuania' in selection.getMarketsName %}
<link rel='alternate' hreflang='lt-LT' href='https://travelon.lt{{ alternatePath }}' />
<link rel='alternate' hreflang='ru-LT' href='https://ru.travelon.lt{{ alternatePath }}' />
{% endif %}
{% else %}
<link rel='alternate' hreflang='ru-UA' href='https://www.otpusk.com{{ alternatePath }}' />
<link rel='alternate' hreflang='uk-UA' href='https://www.otpusk.ua{{ alternatePath }}' />
<link rel='alternate' hreflang='ru-MD' href='https://otpusk.md{{ alternatePath }}' />
<link rel='alternate' hreflang='lv-LV' href='https://travelon.lv{{ alternatePath }}' />
<link rel='alternate' hreflang='ru-LV' href='https://ru.travelon.lv{{ alternatePath }}' />
<link rel='alternate' hreflang='lt-LT' href='https://travelon.lt{{ alternatePath }}' />
<link rel='alternate' hreflang='ru-LT' href='https://ru.travelon.lt{{ alternatePath }}' />
{% endif %}
{% if route == 'app_hotel' %}
<link rel="canonical" href="{{ siteUrl }}{{ path('app_hotel', { hotelId: hotel.i, hotelSlug: hotel.h }) }}" />
{% else %}
<link rel="canonical" href="{{ siteUrl }}{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}" />
{% endif %}
{% if departureCity is defined and departureCity.id is defined and departureCity.id == 1544 %}
<meta name="robots" content="noindex, nofollow">
{% endif %}
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-proxima-nova@1.0.1/style.css" type="text/css">
<link rel="stylesheet" href="{{ asset('css/reset-styles.css') }}??v=26-01-2024-1" type="text/css">
<link rel="stylesheet" href="{{ asset('css/swiper.css') }}??v=26-01-2024-1" type="text/css">
<link rel="stylesheet" href="{{ asset('css/icons.css') }}??v=26-01-2024-1" type="text/css">
<link rel="stylesheet" href="{{ asset('css/header.css') }}??v=26-01-2024-1" type="text/css">
<link rel="stylesheet" href="{{ asset('css/footer.css') }}??v=26-01-2024-1" type="text/css">
{% endblock %}
{% block javascripts %}
{# <script src="https://code.jquery.com/jquery-3.2.1.min.js?v=05-10-2022-1" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>#}
<script src="{{ asset('js/jquery-3.2.1.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/swiper.min.js') }}?v=05-10-2022-1"></script>
<script src="{{ asset('js/header.js') }}?v=05-10-2022-1"></script>
{% endblock %}
{% block ldjson %}
{% include 'geo/parts/ldjson.html.twig' %}
{% endblock %}
{% include 'geo/parts/amplitude.html.twig' %}
</head>
<body style="margin-top: 0 !important;" data-market="{{ market.code }}" data-locale="{{ locale }}">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MX685C" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{# <div class="covid-19__container">#}
{# <div class="covid-19__wrapper">#}
{# <h3 class="covid-19__title">COVID-19:</h3>#}
{# <a class="covid-19__link" href="/info/covid-19/">{{ 'Правила посещения стран'|trans }}</a>#}
{# </div>#}
{# </div>#}
{% if route not in ['app_search', 'app_tour', 'app_selection', 'app_countries', 'acc_oauth_login'] %}
<div id="otp_root"></div>
{% endif %}
<div class="layout src-containers-layouts-Layout-styles__otpusk {% if route in ['app_search', 'app_tour', 'app_selection', 'app_countries'] %}smallHeader{% endif %}">
<div class="prefooter-container">
<div class="src-components-molecules-BlurWindow-styles__window"></div>
{% if route != 'acc_oauth_login' %}
{% include 'geo/parts/header.html.twig' %}
{% endif %}
{% if route in ['app_search', 'app_tour', 'app_selection', 'app_countries'] %}
<div id="otp_root"></div>
{% endif %}
<div class="slider-check"></div>
<div class="mobile-check"></div>
{% block body %}{% endblock %}
<div class="go-up_container">
<button>
<i class="icon icon-16px i16-control-1"></i>
{{ 'Наверх'|trans }}
</button>
</div>
</div>
{% if route != 'acc_oauth_login' %}
{% include 'geo/parts/footer.html.twig' %}
{% endif %}
</div>
{% block javascriptsReact %}
{% if route in ['app_country', 'app_city', 'app_country_search', 'app_city_search', 'app_country_search_season', 'app_city_search_season', 'app_country_search_departure_city', 'app_city_search_departure_city', 'app_country_cities', 'app_country_cities_rubric'] %}
<script>
var externalFormData = {
country: '{{ countryId }}',
city: null,
departure: '{% if page.departureCity is defined and page.departureCity is not null %}{{ page.departureCity }}{% else %}1544{% endif %}',
dates: null
};
{% if route in ['app_city_search', 'app_city_search_season', 'app_city_search_departure_city'] %}
externalFormData.city = '{{ cityId }}';
{% endif %}
{% if route in ['app_country_search_season', 'app_city_search_season'] %}
externalFormData.dates = {
from: '{{ dates.from }}.{{ "now"|date("Y") }}',
to: '{{ dates.to }}.{{ "now"|date("Y") }}'
}
{% endif %}
{% if route in ['app_country_search_departure_city', 'app_city_search_departure_city'] %}
externalFormData.departure = '{{ departureCity.id }}';
{% endif %}
</script>
{% endif %}
<script>
var __CHEETAH_APP_CONFIG__ = {
access_token: '{{ market.apiTokenFront }}',
locale: '{{ locale }}',
currency: '{{ market.currency.code }}',
adMarketId: '{{ market.advertisingSystemId }}'
}
</script>
<script src="{{ app.request.getBaseURL() }}/static/cheetah/latest/init.js" type="text/javascript" id="cheetahinit"></script>
<script>
$(document).ready(function() {
setTimeout(function () {
$('#otp_search_form').addClass('loaded');
},1000);
});
</script>
{% endblock %}
<script>
var host = "{{ app.request.getHttpHost() }}";
var marketName = "{{ market.name|lower }}";
</script>
<script src="{{ asset('js/locale.js') }}"></script>
</body>
</html>