{% extends "traite/base.html" %}
{% load static %}
{% block content %}
<div class="p-3">
  <div class="d-flex justify-content-between bg-light my-3 p-3 rounded border ">
    <h4 >Parametres - Utilisateurs</h4>
  </div>
  <div class="text-end"><a href="{% url 'traiteapp:add_user' %}" class="btn btn-dark px-2" >Ajouter utilisateur</a></div>
  <div class="">
    <div class="table-responsive mt-3 tbl-container bdr">
      {% csrf_token %}
      <table class="table table-striped table-sm ">
        <thead class="border bg-blue-dark px-2 text-center">
          <tr class=" ">
            <th scope="col" class="text-white fw-normal py-2 text-start">N° d'ordre</th>
            <th scope="col" class="text-white fw-normal py-2 text-start">Juridiction</th>
            <th scope="col" class="text-white fw-normal py-2 text-start">Login</th>
            <th scope="col" class="text-white fw-normal py-2 text-start">Prénom</th>
            <th scope="col" class="text-white fw-normal py-2 text-start">Nom</th>
            <th scope="col" class="text-white fw-normal py-2">Dernière connexion</th>
            <th scope="col" class="text-white fw-normal py-2"></th>
            <th scope="col" class="text-white fw-normal py-2"></th>
          </tr>
        </thead>
        <tbody class="">
          {% for user in users %}
              <tr class=" text-center my-2 rounded " id="{{ user.id }}">
                <td class="text-start">{{ forloop.counter }}</td>
                <td class="text-start">{{ user.user_editeur.juridiction.libelle }}</td>
                <td class="text-start">{{ user.username }}</td>
                <td class="text-start">{{ user.first_name }}</td>
                <td class="text-start">{{ user.last_name }}</td>
                <td>{{ user.last_login | date:"d/m/y - H:i" }}</td>
                
                <td>
                  <button class="border-0 bg-transparent" href="#">
                    <i class="bi fs-6 bi-pencil-square text-dark-blue fs-6"></i>
                  </button>
                </td>
                <td>
                  
                  <!-- <input type="hidden"
                          name="url_path_{{user.id}}"
                          value="{% url 'traiteapp:delete_traite' user.id %}"> -->
                  <button class="border-0 bg-transparent" onclick="deleteTraite({{ user.id }})" href="">
                    <i class="bi fs-6 bi-trash3-fill text-dark-blue fs-6"></i>
                  </button>
                </td>
              </tr>
              {% endfor %}
              </tbody>
            </table>
          </div>
  </div>
</div>
{% endblock content %}