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

{% block title %}{{ article.title }} - Articles{% endblock %}

{% block body %}
<div class="container flex vertical blog-view">
	{% include 'base/_partials/_breadcrumb.html.twig' with { entityUrl: "articles", entityLabel: "Articles", categoryUrl: article.articleCategory.slug, categoryLabel: article.articleCategory.title, slugUrl: article.slug, slugLabel: article.title } %}
	<figure>
		<img src="{{ article.cover }}" alt="{{ article.title }}"/>
	</figure>
    <h1>{{ article.title }}</h1>
    <div class="meta-date">Publié le {{ article.publishedAt|format_date('none','d MMMM Y') }}</div>
	<div class="mb16">{% include 'base/_share.html.twig'  %}</div>
    <article class="{% if article.menuLink %}has-sidebar{% endif %}">
		<div class="base-content content-main">
			{{ article.content|raw }}
			{% if article.quoteCategory %}
				{% include 'base/_partials/_quotes.html.twig' with {quoteCategory: article.quoteCategory} %}
			{% endif %}
		</div>
		{% if article.menuLink %}
			{% include 'base/_partials/_sidebar_menulink.html.twig' with {menuLink: article.menuLink} %}
		{% endif %}
    </article>
	<div class="flex">{% include 'base/_share.html.twig'  %}</div>
	{% include 'base/_partials/_readmore.html.twig' with { entity: article } %}
</div>
{% endblock %}