{% extends 'layout.twig' %}

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

{% block body %}
    <div class="container" style="padding:1rem; margin:1rem;">
        <div class="container" style="color:floralwhite;background-color: #333333;padding: 0.8rem;">
            <div style="text-align:center;padding: 0.8rem 0.8rem 0.1rem 0.8rem;"" class="container tab-de-bord">
                <h3 style="display:inline-block;">Tableau de bord Utilisateur</h3>
                    <h4>{{ user_affiche }}</h4>
            </div>
            <ul class="list-group list-group-flush">
                <div class="container" style="color:black;background-color: lightgray;opacity:0.9;margin-top:0.5rem;padding:0.7rem;">
                    <form action="{{ path('account.active') }}" method="post">
                        {% if actif_affiche %}
                           <button class="btn btn-primary">Désactiver l'utilisateur</button>
                        {% else %}
                           <button class="btn btn-primary">Activer l'utilisateur</button>
                        {% endif %}
                        <div style="width:0;height:0;"> {{ field('actif', actif_affiche, "", {type: 'hidden'}) }}
                            {{ field('username', user_affiche, "", {type: 'hidden'}) }}
                            {{ field('id', id_affiche, "", {type: 'hidden'}) }}
                        </div>
                    </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;padding:1rem;">
                    <form action="{{ path('account.user') }}" method="post">
                        <!-- csrf_input() -->
                        {{ field('firstname', user.firstname, 'Prénom') }}
                        {{ field('lastname', user.lastname, 'Nom') }}
                        Adresse mail {{ user.email }}<p></p>
                        Clé publique {{ user.pubkey }}
                        <div style="width:0;height:0;">
                            {{ field('id_user', id_affiche, "", {type: 'hidden'}) }}
                            {{ field('username', user_affiche, "", {type: 'hidden'}) }}
                        </div>
                        <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-top:0.5rem;padding:1rem;">
                    <form action="{{ path('auth.password') }}" method="post">
                        <button class="btn btn-primary">Renvoyer un mot de passe</button>
                        <div style="width:0;height:0;">
                            {{ field('email', user.email, "", {type: 'hidden'}) }}
                        </div>
                    </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 = 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>
    </div>
{% endblock %}