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

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

{% block body %}

    <div id="background{{ categorie.id }}" class="background">
        <div class="container article-container">
            <div class="lecteur" id="lecteur">
                <h2>{{ article.titre }}</h2>
                {% if app.user %}
                    <a href="{{ path('app_admin_article_detail', {'id' : article.id }) }}">Modifier</a>
                {% endif %}
                {% if article.audio %}

                    <audio controls>
                        <source src="{{ asset('audio/'~article.id~'.mp3') }}">
                    </audio>

                {% endif %}

                <ul>
                    {% for collabo in article.collabos %}
                        <li>{{ collabo.nom }} : {{ collabo.intitule }}</li>
                    {% endfor %}
                </ul>
            </div>

            <div class="paroles" id="paroles">
                {% if article.prelude %}
                    <p class="prelude">{{ article.prelude|nl2br }}</p>
                {% endif %}
                <p>{{ article.texte|nl2br }}</p>
                <p class="signature">{{ article.signature }}</p>
            </div>
        </div>
    </div>

{% endblock %}