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

<p><a class="linkbtn" href="/transactions.csv{% if let Some(u) = filter_employee %}?employee={{ u }}{% endif %}">⇩ {{ layout.t("tx.csv") }}</a></p>

{% if let Some(u) = layout.user %}
    {% if u.is_admin() %}
    <form method="get" action="/transactions" class="row">
        <label>{{ layout.t("tx.filter_employee") }}
            <input name="employee" value="{{ filter_employee.as_deref().unwrap_or("") }}">
        </label>
        <button>{{ layout.t("tx.search") }}</button>
    </form>
    {% endif %}
{% endif %}

<table class="data">
    <thead><tr><th>ID</th><th>{{ layout.t("common.wallbox") }}</th><th>C.</th><th>idTag</th><th>{{ layout.t("common.employee") }}</th><th>{{ layout.t("common.start") }}</th><th>{{ layout.t("common.end") }}</th><th>{{ layout.t("common.energy") }}</th></tr></thead>
    <tbody>
    {% for r in rows %}
        <tr>
            <td>{{ r.id }}</td>
            <td>{{ r.wallbox_name }}</td>
            <td>{{ r.connector_id }}</td>
            <td><code>{{ r.id_tag }}</code></td>
            <td>{{ r.employee_name.as_deref().unwrap_or("—") }}</td>
            <td>{{ r.start_time }}</td>
            <td>{{ r.stop_time.as_deref().unwrap_or(layout.t("common.running")) }}</td>
            <td>{% if let Some(e) = r.energy_kwh %}{{ e }} kWh{% else %}—{% endif %}{% if let Some(p) = r.power_kw %} <small class="muted">· {{ p }} kW</small>{% endif %}</td>
        </tr>
    {% endfor %}
    {% if rows.is_empty() %}<tr><td colspan="8" class="empty">{{ layout.t("tx.none") }}</td></tr>{% endif %}
    </tbody>
</table>
{% endblock %}