{% extends 'base.html' %}
{% load static %}

{% block title %} Просмотр аккаунтов {% endblock %}

{% block styles %}
<style>
    .table-wrapper {
        overflow-x: auto;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    table, th, td {
        padding: 5px;
        border: 2px solid var(--bg-selected);
    }
    thead {
        background: var(--brand-bg);
    }
</style>
{% endblock %}

{% block header-title %} Просмотр аккаунтов {% endblock %}

{% block content %}
<p> Добавить нового пользователя можно <a href="{% url 'register' %}">тут</a>.</p>
<div class="table-wrapper">
    <table>
        <thead>
        <tr>
            <td>Логин</td>
            <td>Уровень доступа</td>
            <td>Последний вход</td>
            <td>Последнее обновление пароля</td>
            <td>Зарегистрирован</td>
        </tr>
        </thead>
        <tbody>
        {% for u in users %}
        <tr>
            <td><a href="{% url 'account-view' u.login %}"> {{ u.login }} </a></td>
            <td>{{ u.readable_access_level }}</td>
            <td>{{ u.last_login }}</td>
            <td>{{ u.last_password_change }}</td>
            <td>{{ u.registered }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}