{% extends "blog/layout.html" %}

{% block content %}
    
    <div id="article_list">
        {% for article in articles %}
            <a href="{{ url("blog:article_detail", args=[article.pk, slugify(article.title)]) }}">
                <article>
                    {% set article_image %}
                        <section class="article_image">
{#                            <img src="{{ static("images/no_mage_600_x_400.svg") }}">#}
                            <img src="{{ static("images/no_image.png") }}" alt="No image"/>
                        </section>
                    {% endset %}
                    
                    {% set article_text %}
                        <section class="article_text">
                            <header>
                                <h2>{{ article.title }}</h2>
                            </header>
                            <p>{{ article.description.replace("\n", "<br/>")|safe }}</p>
                        </section>
                    {% endset %}
                    
                    {{ article_image }}
                    {{ article_text }}
                </article>
            </a>
            
        {% else %}
            <p>Aucun article</p>
        {% endfor %}
    </div>
{% endblock %}