{% extends 'reseau/main.html' %}

{% load static %}

{% block content %}
     <h1>Page Tous les Utilisateurs</h1>

    <div class="row mx-3">
        {% for user in users %}
            <div class="col-lg-6 p-3">
                <div class="box-element remplacant_card">
                    <div >Username : {{user.username}}</div>
                    <div >Role : 
                        {% if user.is_superuser %}
                            <p>SuperUser</p>
                        {% elif user.is_admin %}
                            <p>Administarteur</p>
                        {% elif user.is_manager %}
                            <p>Manager</p>
                        {% elif user.is_worker %}
                            <p>Worker</p>
                        {% endif %}
                    </div>
                </div>
            </div>
        {% endfor %}
        
        <!-- {% for mission in missions %} -->
        <!-- <div class="col-lg-6 p-3">
            <div class="box-element remplacant_card">
                <div >referenceNumber : {{mission.referenceNumber}}</div>
                <div >Disponible : {{mission.available}}</div>
                <div >type : {{mission.type}}</div>
                <div >structure : {{mission.structure}}</div>
                <div >service : {{mission.service}}</div>
                <div >start : {{mission.start}}</div>
                <div >finish : {{mission.finish}}</div>
                <div >profile : {{mission.profil}}</div>
                <div >motif : {{mission.motif}}</div>
                <div >worker : {{mission.worker}}</div>
                <hr>

                <a class="btn btn-outline-success"  href=" {% url 'show-mission' mission.id %}">Détails</a>
                <a class="btn btn-outline-info" href=" {% url 'update-mission' mission.id %}">Modifier</a>
                <a class="btn btn-outline-danger" href=" {% url 'delete-mission' mission.id %}">Supprimer</a>
            </div>
        </div> -->
        <!-- {% endfor %} -->

        
    </div>
</div>

{% endblock content %}