{% extends "base.html" %}
{% block title %}{{ layout.t("users.title") }}{% endblock %}
{% block crumb %}{{ layout.t("users.title") }}{% endblock %}
{% block content %}
<div class="page-title-row">
    <div>
        <h1>{{ layout.t("users.title") }}</h1>
        <div class="sub">{{ layout.t("users.sub") }}</div>
    </div>
</div>

<details class="card">
    <summary>{{ layout.t("users.new") }}</summary>
    <form method="post" action="/users/new" class="row">
        <label>{{ layout.t("common.username") }} <input name="username" required></label>
        <label>{{ layout.t("common.name") }} <input name="display_name" required></label>
        <label>{{ layout.t("common.email") }} <input name="email" type="email"></label>
        <label>{{ layout.t("emp.department") }} <input name="department"></label>
        <label>{{ layout.t("common.role") }}
            <select name="role">
                <option value="user">{{ layout.t("users.user_role") }}</option>
                <option value="admin">{{ layout.t("users.admin_role") }}</option>
            </select>
        </label>
        <label>{{ layout.t("users.pw_optional") }} <input name="password" type="password" minlength="6"></label>
        <label class="check"><input type="checkbox" name="must_change" value="1"> {{ layout.t("pw.must_change") }}</label>
        <button class="primary">{{ layout.t("common.create") }}</button>
    </form>
    <p class="hint">{{ layout.t("users.no_login_hint") }}</p>
</details>

<table class="data">
    <thead><tr>
        <th>{{ layout.t("common.name") }}</th>
        <th>{{ layout.t("common.username") }}</th>
        <th>{{ layout.t("emp.department") }}</th>
        <th>{{ layout.t("common.role") }}</th>
        <th>{{ layout.t("common.active") }}</th>
        <th>{{ layout.t("nav.chips") }}</th>
        <th>{{ layout.t("common.sessions") }}</th>
        <th>{{ layout.t("common.energy_kwh") }}</th>
        <th></th>
    </tr></thead>
    <tbody>
    {% for r in users %}
        <tr>
            <td><a href="/users/{{ r.user.id }}">{{ r.user.display_name }}</a></td>
            <td>
                <code>{{ r.user.username }}</code>
                {% if !r.user.has_login() %} <small class="muted">· {{ layout.t("users.no_login") }}</small>{% endif %}
            </td>
            <td>{{ r.user.department.as_deref().unwrap_or("–") }}</td>
            <td>{% if r.user.is_admin() %}{{ layout.t("users.admin_role") }}{% else %}{{ layout.t("users.user_role") }}{% endif %}</td>
            <td>{% if r.user.disabled == 0 %}{{ layout.t("common.yes") }}{% else %}{{ layout.t("common.no") }}{% endif %}</td>
            <td>{{ r.chip_count }}</td>
            <td>{{ r.tx_count }}</td>
            <td>{{ r.total_wh / 1000 }}</td>
            <td class="nowrap">
                <a class="linkbtn sm" href="/users/{{ r.user.id }}">{{ layout.t("dash.details") }}</a>
                <form method="post" action="/users/{{ r.user.id }}/delete" style="display:inline;"
                      onsubmit="return confirm('{{ layout.t("users.delete_confirm") }}')">
                    <button class="linkbtn danger sm">{{ layout.t("common.delete") }}</button>
                </form>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
{% endblock %}