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

{% block title %}Saint News{% endblock %}

{% block main %}

    <div class="news-container">
        <section>
            <h1>Articles Saint-LEMAN</h1>
            {% for article in articles %}
            <article class="news">
                <h2>{{article.getTitle()}}</h2>
                <div class="display-flex">
                    <img class="img-article" src="{{asset("img/img_upload/"~article.getPicture())}}">
                    <p class="news-content">{{article.getContent()}}</p>
                </div>    
                <p class="category-news">{{ article.getCategory().getTitle()}}</p>
                <p class="date-pubished"><em> Publié le : {{article.getCreatedAt()|date("d/m/y")}}<em></p>
            </article>
            {% endfor %}
        </section>
    </div>
    
{%endblock main%}
{% block javascripts %}
    
{% endblock %}