{% extends 'base.html' %}

{% block style %}
    <link href="/static/datatables/jquery.dataTables.min.css" rel="stylesheet">
    <link href="/static/datatables/dataTables.semanticui.min.css" rel="stylesheet">
{% endblock %}

{% block script %}
    <script src="/static/datatables/jquery.dataTables.min.js"></script>
    <script src="/static/datatables/dataTables.semanticui.min.js"></script>
    <script src="/static/js/users.js"></script>
{% endblock %}

{% block content %}

<div class="ui segment">
    <a class="ui primary button" href="{{ url_for('canaille.account.profile_creation') }}">{% trans %}Add a user{% endtrans %}</a>
</div>

<table class="ui table">
    <thead>
        <th>{% trans %}Name{% endtrans %}</th>
        <th>{% trans %}Email{% endtrans %}</th>
        <th>{% trans %}Phone number{% endtrans %}</th>
    </thead>
    {% for user in users %}
    <tr>
        <td><a href="{{ url_for('canaille.account.profile_edition', username=user.uid[0]) }}">{{ user.name }}</a></td>
        <td><a href="mailto:{{ user.mail[0] }}">{{ user.mail[0] }}</a></td>
        <td>{{ user.telephoneNumber[0] }}</td>
    </tr>
    {% endfor %}
</table>

{% endblock %}