{% extends 'layout.html.twig' %}
{% block content %}
<main id="main" role="main">
<div class="apk-news">
<div class="uk-container">
<div class="uk-text-left">
<h1 class="uk-h2 apk-underlined apk-underlined-orange2">{{ pimcore_textarea('title', {'placeholder' : 'Titre de la page', 'nl2br' : true}) }}</h1>
</div>
<div class="uk-child-width-1-3@m uk-child-width-1-2@s uk-margin-medium-top uk-grid" uk-grid uk-height-match="target: .apk-content">
{% for news in paginator %}
<div>
<div class="apk-news-container">
<div class="apk-media uk-cover-container">
<a href="{{path('newsDetail', {"slug":news.getSlug()})}}">
{% if news.getImage() %}
<img class="uk-cover" uk-cover src="{{news.getImage().getThumbnail('news-thumb')| raw}}" alt="{{ news.getTitle() }}">
{% else %}
<img src="/static/img/logos/no_photo.jpg" alt="{{ "Aucune photo"|trans }}">
{% endif %}
</a>
</div>
<div class="apk-content">
<p class="apk-date uk-text-lowercase uk-margin-small-top uk-margin-small-bottom">
{{ convert_date(news.getPublishDate(), 'd F Y', app.request.locale) }}
</p>
<a href="{{path('newsDetail', {"slug":news.getSlug()})}}">
<h3 class="uk-h3 uk-margin-remove">{{news.getTitle()}}</h3>
</a>
<p class="apk-font-16 uk-margin-remove-top">{{news.getShortText() |raw}}</p>
</div>
<div class="apk-action uk-margin-top">
<a class="uk-flex uk-flex-middle" href="{{path('newsDetail', {"slug":news.getSlug()})}}">
{{'Lire plus' | trans}}
<img width="10" height="20" uk-svg class="uk-margin-small-left" src="/static/img/pictos/double_arrow.svg" alt="{{ "Double Arrow"|trans }}">
</a>
</div>
</div>
</div>
{% endfor %}
</div>
{% if paginator|length > 0 %}
<div class="uk-flex uk-flex-center uk-margin-medium-top">
{% include 'includes/pagination.html.twig' %}
</div>
{% endif %}
</div>
</section>
</main>
{% endblock %}