{% extends 'layout.html.twig' %}
{% block content %}
<main id="main" role="main">
<div class="apk-news-detail">
<div class="uk-container">
{% if news == false %}
<div class="uk-alert-danger" uk-alert>
<p>{{ "Aucune news ne correspond à l'url suivante : "|trans }} {{ app.request.getUri() }}</p>
</div>
{% else %}
<div>
<div class="apk-news-detail-container">
<div class="apk-media uk-cover-container">
<a href="{{path('newsDetail', {"slug":news.getSlug()})}}">
<img class="uk-cover" uk-cover src="{{news.getImage().getThumbnail('news-background')| raw}}" alt="{{ news.getTitle() }}">
</a>
</div>
<div class="apk-content uk-margin-medium-top">
<h1 class="uk-h2">{{news.getTitle()}}</h1>
<span class="apk-date ">
{{ convert_date(news.getPublishDate(), 'd F Y', app.request.locale) }}
</span>
{{news.getContent() |raw}}
</div>
</div>
</div>
{% endif %}
<div class="uk-margin-medium-top">
<a class="uk-flex uk-flex-left uk-flex-middle" href="{{ path('newsList') }}">
<img uk-svg class="uk-margin-small-right" width="20" height="20" src="/static/img/pictos/arrow-left.svg" alt="{{ "Rertour"|trans }}">
{{ "Rertour aux news"|trans }}
</a>
</div>
</div>
</div>
</main>
{% endblock %}