{% extends 'base_body.html.twig' %}
{% use "includes/blocks/blocks.html.twig" %}
{% block title %}{{ title|default('') }}{% endblock %}
{% block head %}
<meta name="keywords" content="{{ seoKeywords|default('') }}"/>
<meta name="description" content="{{ seoDescription|default('') }}"/>
{% endblock %}
{% block body %}
<body class="max-w-full overflow-x-hidden overflow-y-auto">
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://sst.funradio.sk/ns.html?id=GTM-T582SND"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="funPageApp" class="flex flex-col">
{# DECORATIONS #}
{% if app.request.attributes.get('_route') != 'homepage' %}
<img src="{{ asset('vue/decor/square-purple.svg', 'img') }}"
class="absolute top-[10px] sm:top-[-50px] lg:top-[-70px] left-1/2 -translate-x-1/2 rotate-90 z-10 w-[12vw] max-w-[100px] min-w-[50px]" alt=""
/>
<img src="{{ asset('vue/decor/big-yellow.webp', 'img') }}"
class="absolute top-[100px] left-0 w-[12vw] max-w-[300px] min-w-[100px] z-10" alt=""
/>
<img src="{{ asset('vue/decor/triangle-yellow.svg', 'img') }}"
class="hidden lg:block lg:absolute top-[850px] w-[12vw] max-w-[120px] min-w-[80px] right-0 z-10" alt=""
/>
<img src="{{ asset('vue/decor/header-line.svg', 'img') }}"
class="hidden lg:block lg:absolute top-[2100px] left-[-70px] w-[12vw] max-w-[200px] min-w-[120px] scale-x-[-1]" alt=""
/>
{% endif %}
<header class="header-bar fixed top-0 left-0 w-full top-0 z-40 items-center">
{{ esi_wrapper('esiHeaderMenu') }}
</header>
<main class="pt-[80px]">
{% if slider is defined and slider != null %}
<banner-carousel :slides="[
{% for item in slider %}
{
desktopImage: '{{ asset(get_correct_image_path(item.uploadPath ~ "slider_lg.webp", "jpg"), "static") }}?v={{ item.updatedAt|date("d-m-Y-h-i-s") }}',
tabletImage: '{{ asset(get_correct_image_path(item.uploadPath ~ 'slider_md.webp', 'jpg'), 'static') }}?v={{ item.updatedAt|date('d-m-Y-h-i-s') }}',
link: '{{ item.url }}',
target: '{{ item.target }}',
},
{% endfor %}
]"></banner-carousel>
{% endif %}
{% block content %}{% endblock %}
<bottom-radio-player
v-cloak
></bottom-radio-player>
</main>
{{ esi_wrapper('esiFooter') }}
</div>
<script type="module" src="{{ asset('vue/index.js', 'js') }}?v={{ cache_busting }}"></script>
</body>
{% endblock %}