{% extends 'layout.twig' %}

{% block title "Ğ1-Marché - Tableau de bord User" %}

{% block body %}
    <div class="container" style="color:floralwhite;background-color: #333333;padding: 1rem;">
        <div class="container tab-de-bord">
            <h3 style="display:inline-block;">Tableau de bord User - {{ username }}</h3>
        </div>
        <ul class="list-group list-group-flush">
            <div class="container" style="color:black;background-color: lightgray;opacity: 0.9;margin: 1rem;padding:1rem;">
                <form action="" method="post">
                    <button class="btn btn-primary">Désactiver l'utilisateur</button>
                </form>
            </div>
        </ul>
        <p></p>
        <h4>Profil</h4>

        <ul class="list-group list-group-flush">

                <div class="container" style="color:black;background-color: lightgray;opacity: 0.9;margin: 1rem;padding:1rem;">
                    <form action="" method="post">
                        <!-- csrf_input() -->
                        {{ field('firstname', profil_user.firstname, 'Prénom') }}
                        {{ field('lastname', profil_user.lastname, 'Nom') }}
                        Adresse mail {{ profil_user.email }}<p></p>
                        Clé publique {{ profil_user.pubkey }}
                        <p></p>
                        <button class="btn btn-primary">Modifier les informations</button>
                    </form>
                </div>

        </ul>
        <ul class="list-group list-group-flush">
            <div class="container" style="color:black;background-color: lightgray;opacity: 0.9;margin: 1rem;padding:1rem;">
                <form action="" method="post">
                    <button class="btn btn-primary">Renvoyer un mot de passe</button>
                </form>
            </div>
        </ul>
        <p></p>
            <h4>Liste des antennes suivies</h4>

            <ul class="list-group list-group-flush">
                <li class="liste_antennes list-group-item" style="color:black;padding: .2rem 1.25rem;">
                    {% set antenne_suivie = profil_user.suiviantenne|split('|') %}
                    {% for antenne in antenne_suivie %}
                        {% for item in listeAntennes %}
                            {% if (item.id == antenne) %}
                                <li class="liste_antennes list-group-item" style="padding: .2rem 1.25rem;">
                                    <a style="color:black;" href="" title="{{ item.antenneName }}">
                                        {{ item.antenneName }}
                                    </a>
                                </li>
                            {% endif %}
                        {% endfor %}
                    {% endfor %}
                </li>
            </ul>
        <p></p>
    </div>
{% endblock %}