{% extends 'base.html.twig' %}
{% use 'includes/blocks/articles.blocks.html.twig' %}
{% block title %}{{ broadcast.title }}{% endblock %}
{% block head %}
<meta name="description" content="{{ meta_seo_description }}">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="{{ broadcast.title }}">
<meta name="twitter:description" content="{{ meta_seo_description }}">
<meta name="twitter:image" content="{{ asset('avatar.png', 'img') }}?v={{ cache_busting }}">
<meta property="og:type" content="website">
<meta property="og:title" content="{{ broadcast.title }}">
<meta property="og:description" content="{{ meta_seo_description }}">
<meta property="og:image" content="{{ asset('avatar.png', 'img') }}?v={{ cache_busting }}">
{% endblock %}
{% block content %}
<div class="bg-frLightBlue">
<section-title
class="mid-section-pb section-pt"
:data="{
type: 'main',
theme: 'light',
title: 'Vysielanie',
image: '{{ asset('vue/icons/vysielanie.svg', 'img') }}',
imageClass: 'w-21 lg:w-31'
}"
></section-title>
<div class="container mx-auto mid-section-pb">
<div class="grid gap-[15px] lg:gap-24 grid-cols-1">
<left-image-card-big
:show-images="true"
:data="JSON.parse('{{ broadcast|json_encode|e('js') }}')"
:image-link-disabled="true"
></left-image-card-big>
</div>
</div>
{% if defaultArticles|length > 0 %}
<card-layout-filter
:bg-color="'frLightBlue'"
custom-aspect-ratio="aspect-[12/11] sm:aspect-[16/9] lg:aspect-[12/11]"
:filter-theme="{
textColor: 'frDarkBlue',
bgColor: 'frLightBlue',
hoverTextColor: 'white',
}"
:filter-menu='{{ filterMenu|json_encode|raw }}'
:filter-center="true"
:without-container="true"
>
<template v-slot:filter-0-card-0>
{% if defaultArticles|length > 0 %}
{% set items = defaultArticles %}
{% set fixRowLayout = 2 %}
{% set cardClass = 'pb-[15px] lg:pb-[24px]' %}
{{ block('newest_pattern_homepage') }}
{% endif %}
{% if defaultOtherArticles|length > 0 %}
{% set items = defaultOtherArticles %}
{% set articleAjaxUrl = url('broadcastArticleApi', { 'id': broadcast.id }) %}
{% set initialPage = 3 %}
{{ block('infinite_scroll_small_articles') }}
{% endif %}
</template>
{% for item in categories %}
<template v-slot:filter-{{ loop.index0 + 1 }}-card-{{ loop.index0 }}>
{% if item.id == 2074 %} {# hlavou proti sajfovi #}
{{ render(controller('BaitPollBundle:Poll:renderPoll', { 'id': 128 })) }}
{% endif %}
{% if item.id == 2141 %} {# sajfov filmovy klub #}
<div class="container mx-auto text-center sm-text-card">
<div class="mb-15 lg:mb-24">
<p>
Vitaj v mojom super exkluzívnom filmovom klube, kde spoločne zdieľame lásku k filmom a tipy na dobré filmy v kinách.
</p>
<p>
Prvé pravidlo Sajfovho filmového klubu znie: O Sajfovom filmovom klube sa rozpráva.
</p>
</div>
<div class="mb-15 lg:mb-24">
<p>
Každý týždeň vyberám do Sajfa šou tip na dobrý film. Jednak dostaneš body pre Chrabromil, ale hlavne ťa odmením dvoma lístkami do kina, do siete <a class="underline" href="https://www.cine-max.sk/">CINEMAX</a>.
</p>
<p>
Raz za mesiac spolu hráme Veľký filmový kviz, v ktorom sa dvaja z vás stretnú v súboji väčšom ako Hviezdne vojny o 2x VIP kartu na tri mesiace do siete CINEMAX.
</p>
</div>
</div>
{{ render(controller('BaitPollBundle:Poll:renderPoll', { 'id': 399 })) }}
{% endif %}
{% if item.articles|length > 0 %}
{% set items = item.articles %}
{% set fixRowLayout = 2 %}
{% set cardClass = 'pb-[15px] lg:pb-[24px]' %}
{{ block('newest_pattern_homepage') }}
{% endif %}
{% if item.otherArticles|length > 0 %}
{% set items = item.otherArticles %}
{% set articleAjaxUrl = url('latestArticleApi', { 'categorySlug': item.slug }) %}
{% set initialPage = 3 %}
{{ block('infinite_scroll_small_articles') }}
{% endif %}
</template>
{% endfor %}
</card-layout-filter>
{% endif %}
</div>
{% endblock %}