{% extends 'base.html.twig' %}
{% import "macros/strossle.html.twig" as strossle %}
{% use 'includes/blocks/articles.blocks.html.twig' %}
{% set meta_title = (article.seoTitle ? article.seoTitle : article.title) %}
{% set meta_descripton = article.seoDescription ? article.seoDescription : article.excerpt %}
{% block title %}{{ meta_title }}{% endblock %}
{% block head %}
{% if article.socialThumbnail == true %}
{% set thumbnail = asset(article.uploadPath ~ 'thumbnail/social.jpg', 'static') %}
{% set thumbnail_file = article.uploadPath ~ 'thumbnail/social.jpg' %}
{% else %}
{% set thumbnail = get_thumbnail(article.uploadPath ~ 'thumbnail/620x300.jpg') %}
{% set thumbnail_file = article.uploadPath ~ 'thumbnail/620x300.jpg' %}
{% endif %}
<meta name="description" content="{{ meta_descripton }}">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="{{ meta_title }}">
<meta name="twitter:description" content="{{ meta_descripton }}">
<meta name="twitter:image" content="{{ thumbnail }}?v={{ file_mtime(thumbnail_file) }}">
<meta name="twitter:url" content="{{ site_url ~ 'clanok/' ~ article.id ~ '-' ~ article.slug }}">
<meta property="og:type" content="article">
<meta property="og:title" content="{{ meta_title }}">
<meta property="og:description" content="{{ meta_descripton }}">
<meta property="og:image" content="{{ thumbnail }}?v={{ file_mtime(thumbnail_file) }}">
<meta property="og:url" content="{{ site_url ~ 'clanok/' ~ article.id ~ '-' ~ article.slug }}">
{% endblock %}
{% block footer %}
{% if custom_js is defined and custom_js is not empty %}
{% for item in custom_js %}
{{ item|raw }}
{% endfor %}
{% endif %}
{% endblock %}
{% block content %}
<section class="bg-frLightBlue section-pt">
<main-article-data
:data="JSON.parse('{{ mainArticleData|json_encode|e('js') }}')"
></main-article-data>
{% for item in article.content %}
{% include 'includes/content/' ~ item.type ~ '.html.twig' %}
{% endfor %}
{% if relatedArticles|length > 0 %}
<div class="bg-frLightBlue">
<section-title
class="mid-section-pb"
:data="{
type: 'secondary',
theme: 'light',
title: 'Odporúčame',
image: '{{ asset('vue/icons/flash.svg', 'img') }}',
imageClass: 'w-10 lg:w-15'
}"
></section-title>
</div>
{% set items = relatedArticles %}
{{ block('infinite_scroll_small_articles') }}
{% endif %}
</section>
{# IAB GDPR consent #}
{% if article.id == 'iab_consent_recall_article_id'|get_option_value %}
<script id="CookieDeclaration" src="https://consent.cookiebot.com/6fd8ebbc-4e40-40ab-92ce-bac2f16378d6/cd.js" type="text/javascript" async></script>
{% endif %}
{% endblock %}