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

{% block body %}
    <h1>Les livres de notre bibliothèque</h1>
    <section class="card-livres">
    {%  for livre in livres %}
        <article class="card-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__annee-publication">{{ livre.anneePublication }}</p>
            <p class="card-livre__auteurs">
            {% for auteur in livre.auteurs %}
                {{ auteur }}
            {% endfor %}
            </p>
            <p class="card-livre__description">{{ livre.description }}</p>
            <a class="card-livre__lien" href="{{ path('app_livre_detail', {"id":livre.id}) }}">En savoir plus...</a>
        </article>
    {% endfor %}
    </section>
{% endblock %}