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

{% block title %}Hello PagesController!{% endblock %}

{% block body %}
    <style>
        .example-wrapper {
            margin: 1em auto;
            max-width: 800px;
            width: 95%;
            font: 18px/1.5 sans-serif;
        }

        .example-wrapper code {
            background: #F5F5F5;
            padding: 2px 6px;
        }
    </style>

    <div class="d-flex justify-content-center">
        <div class="row text-center mt-2">

            {% if not app.user %}
            <h1>
                Bonjour utilisateur !
            </h1>
            {% elseif app.user %}
            <h1>
                Bonjour <strong>{{ app.user.nom }} {{ app.user.prenom }}</strong> !
            </h1>

            <div class="row mt-4 mx-auto w-50">
                <a class="btn btn-primary btn-lg" href="{{ path('app_atelier_index') }}">Afficher tous les
                    ateliers</a>
                {% if is_granted('ROLE_INSTRUCTEUR') %}
                <a class="btn btn-primary btn-lg mt-2" href="{{ path('app_atelier_by_me') }}">Afficher mes
                    ateliers</a>
                {% endif %}
                {% if is_granted('ROLE_APPRENTI') %}
                    <a class="btn btn-primary btn-lg mt-2" href="{{ path('app_atelier_inscrit') }}">Afficher mes
                        formations</a>
                {% endif %}
                <a class="btn btn-primary btn-lg mt-2" href="{{ path('app_logout') }}">Déconnexion</a>
            </div>
            {% endif %}
        </div>
    </div>

{% endblock %}