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

{% block title %}/!\ Utilisateurs{% endblock %}

{% block content %}
  <h1>Utilisateurs</h1>
  <h2>Actuels</h2>
  {% for id, pass in users %}
    <form action="{{ path_for('post_restricted_user') }}" method="POST">
      <input type="hidden" name="id" value="{{ id }}" />
      <div class="input-group mb-3">
        <div class="input-group-prepend">
          <span class="input-group-text" id="user-{{ id }}">{{ id|title }}</span>
        </div>
        <input type="text" class="form-control" placeholder="Mot de passe" name="pass" aria-label="Mot de passe" aria-describedby="user-{{ id }}" />
        <div class="input-group-append">
          <button type="submit" class="btn btn-danger">
            Changer
          </button>
        </div>
      </div>
    </form>
  {% endfor %}
  <h2>Nouveau</h2>
  <form action="{{ path_for('post_restricted_user') }}" method="POST">
    <div class="form-group">
      <label for="new-user-id">Identifiant</label>
      <input type="text" name="id" class="form-control" id="new-user-id" placeholder="pierre-jospeh">
    </div>
    <div class="form-group">
      <label for="new-user-pass">Mot de Passe</label>
      <input type="text" name="pass" class="form-control" id="new-user-pass" placeholder="KLio6zi!YH4z,">
    </div>
    <button type="submit" class="btn btn-danger">
      Créer
    </button>
  </form>
{% endblock %}