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

{% block title %}{{ parent() }} | {{ categorie.nom }}{% endblock %}

{% block body %}
    <div  id="background{{ categorie.id }}" class="background">
    <div class="container categorie-container">
        <h2 class="titre-cat" id="titre-cat{{ categorie.id }}">{{ categorie.nom }}</h2>
        <div class="articles-list">
            {% if categorie.id == 3 %}
                <img src="{{ asset('img/michelle2.jpg') }}" alt="Michelle">
            {% endif %}
            <ul>
                {% for article in categorie.articles %}
                    <a href="{{ path('categorie_detail', {'id': categorie.id, 'oeuvre': article.id}) }}">
                        <li>{{ article.titre }}</li>
                    </a>
                {% endfor %}
            </ul>
            {% if categorie.id == 3 %}
                <img src="{{ asset('img/michelle1.jpg') }}" alt="Michelle">
            {% endif %}
        </div>
    </div>
    </div>

{% endblock %}