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

{% block title %}Classeur n°{{ classeur.id }}{% endblock %}

{% block main %}
      <div class="card shadow p-3 mb-5 bg-body-tertiary rounded mx-auto p-2 bg-light" style="width: 50rem;">
        <h1 class="text-center">{{ classeur.name }}</h1>
        <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">
          <h5 class="card-title text-center">Classeur de {{classeur.membreFractal}}</h5>
          
          <div class="card mx-auto p-2">
            <div class="card-body mx-auto p-2 mt-3 mb-3">
              {% if classeur.cartesfractal.isEmpty() %}
              <p class="card-text text-center">Vous n'avez aucune carte.</p>
              {% endif %}
            {%  for carte in classeur.cartesfractal %}
            <a href="{{ path('app_carte_fractal_show', {'id': carte.id}) }}" class="btn btn-success mx-auto p-2">
              <img src={{vich_uploader_asset(carte,'imageFile')}} class="mx-auto p-2 img-fluid" alt="carte" />
              <br>
              <p class="text-center"><h5>{{ carte }}</h5></p>
            </a>
            {% endfor %} {# [inventaire].[objets] #}
            </div>
          </div>
        </div>
        <a href="{{ path('app_carte_fractal_new', {'id': classeur.id}) }}" class="btn btn-success mb-2">Ajouter une carte</a>
        <a href="{{ path('app_classeur_fractal_edit',{'id':classeur.id})}}" class="btn btn-danger mb-2">Éditer</a>
        <a href="{{ path('app_membre_fractal_show',{'id':classeur.membreFractal.id})}}" class="btn btn-primary">Retour</a>
      </div>
      {# % dump classeur % #}
{% endblock %}