{% extends "base.html" %}

{% block title %}Concon - User Management{% endblock %}

{% block content %}
<h1>User Management</h1>

<p><a href="/_admin">&laquo; Back to administration</a></p>

{% if error %}<div class="callout alert">{{ error }}</div>{% endif %}
{% if success %}<div class="callout success">{{ success }}</div>{% endif %}

<h2>Create user</h2>
<form method="post" action="/_admin/users/new">
    <div class="input-group" style="max-width: 480px;">
        <input class="input-group-field" type="text" name="username" placeholder="Username" required>
        <input class="input-group-field" type="password" name="password" placeholder="Password" required>
        <div class="input-group-button">
            <button type="submit" class="button">Create</button>
        </div>
    </div>
</form>

<h2>Users</h2>
{% if users %}
<table class="hover">
    <thead>
        <tr><th>Username</th><th>Teams</th><th>Actions</th></tr>
    </thead>
    <tbody>
        {% for u in users %}
        <tr>
            <td><a href="/_users/{{ u.username }}">{{ u.username }}</a></td>
            <td>{{ u.teams }}</td>
            <td>
                <form method="post" action="/_admin/users/delete" class="inline-form"
                      onsubmit="return confirm('Delete user \'{{ u.username }}\'?')">
                    <input type="hidden" name="username" value="{{ u.username }}">
                    <button type="submit" class="btn-small-danger">delete</button>
                </form>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p>No users found.</p>
{% endif %}
{% endblock %}