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

{% block title %}Hello APIController!{% endblock %}
{% block content %}


<div class="container">
  <h1>ADAN Interface</h1>
  <span>Liste des utilisateurs</span>

  <div class="row row-cols-3">
  
    {% for user in users %}
    
    <div class="col">
      <div class="card mb-2">
        <div class="action-bar position-absolute end-0 border-start border-bottom">
         <span>Edit</span>
        </div>
        <div class="card-body">
          <h4 class="card-title">{{user.data.username |capitalize}}</h4>
          <p class="card-text">
            {{user.data.email}}
          </p>
        </div>
        <div class="date-bar position-absolute end-0 bottom-0">
          <small>Date de création : {{user.data.createdAt | date('d-m-Y')}}</small>
        </div>
      </div>
    </div>
    
    {% endfor %}
  </div>

</div>

{% endblock %}