{% extends "base.html" %}
{% block title %}{{ layout.t("common.employees") }}{% endblock %}
{% block content %}
<h1>{{ layout.t("common.employees") }}</h1>

<details class="card">
    <summary>{{ layout.t("emp.new") }}</summary>
    <form method="post" action="/employees/new" class="row">
        <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>
        <button class="primary" type="submit">{{ layout.t("common.create") }}</button>
    </form>
</details>

<table class="data">
    <thead>
        <tr><th>{{ layout.t("common.name") }}</th><th>{{ layout.t("common.email") }}</th><th>{{ layout.t("emp.department") }}</th><th>{{ layout.t("nav.chips") }}</th><th>{{ layout.t("common.sessions") }}</th><th>{{ layout.t("common.energy_kwh") }}</th><th>{{ layout.t("common.active") }}</th></tr>
    </thead>
    <tbody>
    {% for row in employees %}
        <tr>
            <td><a href="/employees/{{ row.emp.id }}">{{ row.emp.display_name }}</a></td>
            <td>{{ row.emp.email.as_deref().unwrap_or("") }}</td>
            <td>{{ row.emp.department.as_deref().unwrap_or("") }}</td>
            <td>{{ row.chip_count }}</td>
            <td>{{ row.tx_count }}</td>
            <td>{{ row.total_wh / 1000 }}</td>
            <td>{% if row.emp.active != 0 %}{{ layout.t("common.yes") }}{% else %}<span class="off">{{ layout.t("common.no") }}</span>{% endif %}</td>
        </tr>
    {% endfor %}
    {% if employees.is_empty() %}
        <tr><td colspan="7" class="empty">{{ layout.t("emp.none") }}</td></tr>
    {% endif %}
    </tbody>
</table>
{% endblock %}