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

{% block title %}{{ parent() }} | Atelier{% endblock %}

{% block body %}

    <div class="container" id="background5" data-controller="accordion articleForm">
        <h2>{{ article.titre }}</h2>
        {{ form_start(form) }}
        {{ form_row(form.titre) }}
        {{ form_row(form.signature) }}
        {{ form_row(form.prelude) }}
        <p class="afficher" id="afficherPrelude">Afficher tout</p>
        <p>Pour faire un changement, clique droit dans le texte et appuie sur <em>Tout sélectionner</em> puis quand il est bleu, supprime tout et copie/colle la nouvelle version</p>
        {{ form_row(form.texte) }}
        <p class="afficher" id="afficherTexte">Afficher tout</p>
        <div class="form-infos">
            {{ form_label(form.categories) }}
            {% for categorie in form.categories %}
                <div class="form-check">
                    {{ form_widget(categorie) }}
                    {{ form_label(categorie) }}
                </div>
            {% endfor %}
        </div>
        {% if article.audio %}
            <div class="form-infos form-infos-audio">
                <p>Ce texte est associé à une musique</p>
                <p>Tu peux l'écouter ici :</p>
                <audio controls>
                    <source src="{{ asset('audio/'~article.id~'.mp3') }}">
                </audio>
                <button type="button" class="accordion">Si tu veux en changer, clique ici</button>
                <div class="panel">

                    {{ form_row(form.fichier) }}
                </div>
            </div>

        {% else %}
            <div class="form-infos form-infos-audio">
                <p>Ce texte n'est associé à aucune musique</p>
                <button type="button" class="accordion">Si tu veux en ajouter une, clique ici</button>
                <div class="panel">

                    {{ form_row(form.fichier) }}
                </div>
            </div>

        {% endif %}

        {% if article.collabos.count == 1 %}
            <div class="form-infos">
                <p>{{ form_label(form.collabos) }}</p>
                <p>Ce titre n'a pas de Collabo attitré</p>
                <button type="button" class="accordion">Pour en ajouter, clique ici</button>
                <div class="panel">
                    {{ form_label(form.collabos) }}
                    {% for collabo in form.collabos %}
                        <div class="form-check">
                            {{ form_widget(collabo) }}
                            {{ form_label(collabo) }}
                        </div>
                    {% endfor %}
                </div>
            </div>
        {% else %}
            <div class="form-infos">
                {{ form_label(form.collabos) }}
                <p>Ce titre est associé à :</p>
                <ul>
                    {% for collabo in article.collabos%}

                        {% if collabo.id != RENE %}
                            <li>{{ collabo.nom }} : {{ collabo.intitule }}</li>
                        {% endif %}
                    {% endfor %}
                </ul>
                <button type="button" class="accordion">Pour le modifier, clique ici</button>
                <div class="panel">
                    {{ form_label(form.collabos) }}
                    {% for collabo in form.collabos %}
                        <div class="form-check">
                            {{ form_widget(collabo) }}
                            {{ form_label(collabo) }}
                        </div>
                    {% endfor %}
                </div>
            </div>
        {% endif %}

        <div class="btns">
            <button type="submit">Valider</button>
            <button type="button"><a href="{{ path('app_admin_articles') }}">Annuler</a></button>
        </div>

        {{ form_end(form) }}
    </div>


{% endblock %}