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

{% block title %}Liste des Classeurs Fractal{% endblock %}

{% block main %}
  {% if 'ROLE_ADMIN' in app.user.roles %}
    <div class="text-center">
    <h1>Tous les classeurs</h1>
    </div>
  {% else %}

  <div class="text-center">
    <a href="{{ path('app_classeur_fractal_new',{'id': membre.id})}}" class ="btn btn-info text-white mx-auto w-25 mt-4 mb-5"><h4>Nouveau Classeur</h4></a>
  </div>
  {% endif %}
        {% for classeur in classeurs %}

        <div class="card shadow p-3 mb-5 bg-body-tertiary rounded bg-light mx-auto" style="width: 25rem;">

          <img src='https://www.pngkey.com/png/detail/160-1600289_sierpinski-triangle.png' class="mx-auto p-2" alt="classeur" width="200" height="100">

          <div class="card-body mx-auto p-2">

            <h5 class="card-title text-center">{{ classeur.name }}</h5>
            <p class="card-text text-center">Classeur de {{ classeur.membreFractal }}</p>

            <div class="container mx-auto p-2">
              <a href="{{ path('app_classeur_fractal_show',{'id':classeur.id}) }}" class="btn btn-primary">Détails</a>
              <a href="{{ path('app_classeur_fractal_edit',{'id':classeur.id}) }}" class="btn btn-danger">Éditer</a>
            </div>            

          </div>

        </div>        
        {% endfor %}
      </div>

      </ul>
{% endblock %}