{% extends theme('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">
    <div class="ui stackable buttons">
        <a class="ui primary button" href="{{ url_for('account.profile_creation') }}">{% trans %}Add a user{% endtrans %}</a>
        <a class="ui button" href="{{ url_for('account.user_invitation') }}">{% trans %}Invite a user{% endtrans %}</a>
    </div>
</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('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 %}