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

{% block title %}
	{{ article.title|raw }} - Seine-et-Marne
{% endblock %}

{% block body %}
	<div class="article-view sm-view nosidebar">
		<div class="container grid">
			<div class="article-meta blog-view">
				{% include 'seine-et-marne/_breadcrumb.html.twig' with { entityUrl: "seine-et-marne", entityLabel: "Seine-et-Marne", categoryUrl: "articles", categoryLabel: "Articles", slugUrl: article.category.slug, slugLabel: article.category.title, slug2Url: article.slug, slug2Label: article.title } %}
				{% if article.image %}
					<figure>
						<img src="{{ article.image }}" alt="{{ article.title }}"/>
					</figure>
				{% endif %}
				<h1 itemprop="headline headline-sm">{{ article.title|raw }}</h1>
				<div class="meta">
					{% include 'base/_share.html.twig' %}
				</div>
			</div>
			<div class="article-main">
				<article class="content" itemscope itemtype="https://schema.org/BlogPosting">
					{{ article.content|raw }}
				</article>
				<div class="container flex centered">
					{% if article.link != "" or article.file != "" %}
						<div class="action mt8 flex centered">
							{% if article.link != "" %}
								<a href="{{article.link}}" target="_blank" class="btn is-primary is-xs is-anim-s">En savoir plus</a>
							{% elseif article.file != "" %}
								<a href="{{article.file}}" target="_blank" class="btn is-primary is-xs is-anim-s">Voir le document</a>
							{% endif %}
						</div>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
{% endblock %}