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

{% block title %}Formateurs{% endblock %}

{% block body %}

<div class="uk-container uk-padding">
    {% if slug|default == 'add'%}



    {% elseif slug|default == 'detail'%}

    <div class="ui grid equal height">
        <div class="row">

            <div class="ui card card-profil uk-animation-fade">

                <div class="uk-card uk-animation-slide-right uk-padding-bottom">
                    <h1>Détails du Formateur</h1>
                </div>

                <div class="content uk-margin">
                    <div class="uk-card uk-card-default uk-grid-collapse uk-child-width-1-2@s uk-margin" uk-grid>

                        {# <div class="card">
                            <div class="image">
                                <img src="{{ asset('img/education.jpg') }}" alt="">
                            </div>
                          </div> #}
                         
                        <div class="uk-card-body">
                            
                            <h3 class="uk-card-title"></h3>

                            <div class="ui list">
                                <div class="item">
                                    <div class="header">Nom:</div>
                                    {{ trainer.username }}
                                </div>

                            </div>
                            <div class="ui list">
                                <div class="item">
                                    <div class="header">Email:</div>
                                    {{ trainer.email }}
                                </div>

                            </div>
                            <div class="ui list">
                                <div class="item">
                                    <div class="header">Rôle(s):</div>
                                    {% for role in trainer.roles %}
                                    {{ role }}
                                    {% endfor %}
                                </div>

                            </div>
                            <div class="extra content">
                                ID:{{ trainer.id }}
                            </div>
                        </div>
                        
                    </div>
                </div>

                <div class="uk-text-center detail-footer">
                    <a href="" class="ui-button ui-widget ui-corner-all">
                        <i class="pencil alternate icon"></i>Editer
                    </a>

                </div>
            </div>
        </div>
    </div>


    {% elseif trainers|default%}
    {# trainer #}
    <div class="uk-animation-slide-bottom">
        <p class="uk-text-center">
        <h1>Liste des formateurs</h1>
        </p>
    </div>

    {% for trainer in trainers %}
    <div class="ui relaxed divided list">
        <div class="item">
            <i class="large github middle aligned icon"></i>
            <div class="content">
                <a href="{{ path('detail_trainer', {'id' : trainer.id})}}" class="header">{{ trainer.username }}</a>
                <div class="description">{{ trainer.email }}</div>
            </div>
        </div>
    </div>
    {% endfor %}

    <h2>Aucune informations en base de données</h2>
    {% endif %}

</div>
{% endblock %}