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


{% block title %}Mon Compte{% endblock %}

{% block main %}
    <div class="text-center"><h1>Bonjour {{ membre_fractal.pseudo }} !</h1>
        <a href="{{ path('app_membre_fractal_edit',{'id': membre_fractal.id}) }}" class="btn btn-danger mt-3 mb-3">Éditer mon profil</a>
        {% if 'ROLE_ADMIN' in app.user.roles %}
        <a href="{{ path('app_membre_fractal_index') }}" class="btn btn-primary mb-3">Liste des Membres</a>
        {% endif %}
    
                <h2>Mes Classeurs</h2>
                {% for classeur in membre_fractal.classeursfractal %}
                    <div class="card shadow p-3 bg-body-tertiary rounded bg-light mb-3 mx-auto" style="width: 15rem;">

                        <img src='https://www.pngkey.com/png/detail/160-1600289_sierpinski-triangle.png' class="mx-auto p-2" alt="classeur" width="150" height="100">
            
                        <div class="card-body">
            
                        <h5 class="card-title">{{ classeur.name }}</h5>           
                        <div class="container">
                            <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 %}
                <h2>Mes Collections</h2>
                {% for collection in membre_fractal.collectionsfractal %}
                        <div class="card shadow p-3 bg-body-tertiary rounded bg-light mb-3 mx-auto" style="width: 15rem;">

                            <img src='https://render.fineartamerica.com/images/rendered/default/flat/tapestry/images/artworkimages/medium/1/buddhabrot-fractal-buddha-miroslav-nemecek.jpg?&targetx=0&targety=-68&imagewidth=930&imageheight=930&modelwidth=930&modelheight=794&backgroundcolor=000018&orientation=1&producttype=tapestry-50-61' class="mx-auto p-2" alt="classeur" width="100" height="100">
                
                            <div class="card-body mx-auto p-2">
                
                            <h5 class="card-title text-center">{{ collection.name }}</h5>
                            <div class="container mx-auto p-2">
                                <a href="{{ path('app_collection_fractal_show',{'id':collection.id}) }}" class="btn btn-primary">Détails</a>
                                <a href="{{ path('app_collection_fractal_edit',{'id':collection.id}) }}" class="btn btn-danger">Éditer</a>
                            </div>            
                
                            </div>
                
                        </div>
                {% else %}
                <h3>Vous n'avez aucune collection.</h3>
                {% endfor %}
    </div>

{% endblock %}