{% extends 'base.html.twig' %}

{% block title %}{{ page.title }}{% endblock %}

{% block meta_image %}
  {% if not page.cover %}{{ parent() }}{% else %}{{base_uri}}{{ page.cover }}{% endif %}
{% endblock %}
{% block meta_description %}{{ page.metaContent }}{% endblock %}

{% block body %}
	<div class="article-view {% if not page.hasSidebar %}nosidebar{% else %}has-sidebar{% endif %} {% if not page.hasMeta %}nometa{% endif %}">
		<div class="article-hero">
		{% if page.cover %}
			<img src="{{ page.cover }}" alt="{{ page.title }} test">
		{% else %}
			<img src="/images/placeholder/placeholder_cover.png" alt="{{ page.title }}">
		{% endif %}
		</div>
		<div class="container grid {% if page.firstMenuLinks %}has-sidebar{% endif %}">
			<div class="article-meta">
				{% include 'page/components/_breadcrumb.html.twig' %}
				<h1 itemprop="headline">{{ page.title }}</h1>
				<div class="meta">
					{% include 'base/_share.html.twig' %}
				</div>
			</div>
			<div class="article-main">
				<article class="content" itemscope itemtype="https://schema.org/BlogPosting">
					{{ page.content|raw }}
					{% if page.quoteCategory %}
						{% include 'base/_partials/_quotes.html.twig' with {quoteCategory: page.quoteCategory} %}
					{% endif %}
				</article>
				<div class="container flex centered">
					{% include 'base/_share.html.twig' %}
				</div>
			</div>
			{% include 'base/_partials/_sidebar.html.twig' with {page: page} %}
		</div>
		<div class="container">
			{% include 'base/_partials/_readmore.html.twig' with { entity: page } %}
		</div>
	</div>
{% endblock %}