{% extends 'base.html' %}
{% block header %}
    {% block title %}<h1>Token Übersicht</h1>{% endblock %}

    <script src="../static/js/jquery-3.6.0.js"></script>
{% endblock %}

{% block content %}
<table class="table">
<thead>
<td>Token</td>
<td>NutzerIn</td>
<td>Organisation</td>
<td>E-Mail</td>
<td>Gültig bis</td>
<td>Aktionen</td>
</thead>
<tbody>
{% for t, data in assigned_tokens.items() %}
    <tr
            {% if loop.index % 2 %}
            style="background-color: lightgrey"
            {% else %}
            style="background-color: mintcream"
            {% endif %}
    >
    <td>{{ t }}</td>
    {% for field in ['name', 'organization', 'email', 'valid_thru'] %}
    <td>{{ data[field] if data[field] }}</td>
    {% endfor %}
    <td>
    <a href="{{ url_for('door_app.edit_token', token=t) }}"><img src="static/edit.png" title="Editieren" alt="Edit"></a>
    <a href="{{ url_for('door_app.deactivate_token', token=t) }}"><img src="static/stop.png" title="Deaktivieren" alt="Deactivate"></a>
    <a href="{{ url_for('door_app.delete_token', token=t) }}"><img src="static/delete.png" title="Löschen" alt="Delete"></a>
    </td>
    </tr>
{% endfor %}
{% if inactive_tokens | length > 0 %}
<tr>
    <td>Inaktive Tokens:</td>
</tr>
{% endif %}
{% for t, data in inactive_tokens.items() %}
    <tr style="background-color: sandybrown">
    <td>{{ t }}</td>
    {% for field in ['name', 'organization', 'email', 'valid_thru'] %}
    <td>{{ data[field] if data[field] }}</td>
    {% endfor %}
    <td>
    <a href="{{ url_for('door_app.edit_token', token=t) }}"><img src="static/edit.png" title="Editieren" alt="Edit"></a>
    <a href="{{ url_for('door_app.delete_token', token=t) }}"><img src="static/delete.png" title="Löschen" alt="Delete"></a>
    </td>
    </tr>
{% endfor %}
</tbody>
</table>
<form action="{{ url_for('door_app.backup_tokens') }}" method="get">
    <input type="submit" value="Token Daten sichern">
</form>
{% endblock %}