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

    <section>
        <article class="card-livre">
            {#            Couverture du livre#}

            {% if livre.filenameCouverture %}
                <img
                    src="{{ asset('images/livres/' ~ livre.filenameCouverture) }}"
                    alt="Couverture du Livre"
                    class="card-livre__image-couverture"
                />
            {% elseif livre.urlCouverture %}
                <img
                    src="{{ livre.urlCouverture }}"
                    alt="Couverture du Livre"
                    class="card-livre__image-couverture"
                />
            {% else %}
                <img
                    src="{{ asset('images/livres/PasDeCouverture.jpeg') }}"
                    alt="Pas de couverture disponible"
                    class="card-livre__image-couverture"
                />
            {% endif %}
            <h3 class="card-livre__titre">{{ livre.titre }}</h3>
            <p class="card-livre__auteurs">
                {% for auteur in livre.auteurs %}
                    {{ auteur }}
                {% endfor %}, {{ livre.anneePublication }}
            </p>
            <p class="card-livre__description">{{ livre.description }}</p>

        </article>
        {% set auteurs = livre.auteurs %}
        {% if auteurs|length >0 %}
            {% for auteur in auteurs %}
                {% if auteur.livres|length > 1 %}
                    <article class="card-author">
                        <p class="card-author__name">{{ auteur.nom }} a également écrit :</p>
                        <ul>
                            {% for livreEcrit in auteur.autresLivres(livre) %}
                                <li>{{ livreEcrit.titre }}</li>
                            {% endfor %}
                        </ul>
                    </article>
                {% endif %}
            {% endfor %}
        {% endif %}
    </section>

{% endblock %}