{% extends 'base.html' %}
{% block header %}
    {% block title %}<h1>Token Registrierung</h1>{% endblock %}
    <script src="../static/jquery-3.6.0.js"></script>
{% endblock %}

{% block content %}
{% if not token.vars %}
    Letzter gelesener unregistrierter Token: {{ token['token'] }} <br>
    Gelesen: {{ token['timestamp']}}

    <div>
    <p>
    RaumnutzerIn registrieren:
    </p>
    <form method="POST">
    <table>
    {{ form.csrf_token }}
    <tr>
    <td>{{ form.name.label }}</td>
    <td>{{ form.name(size=20) }}</td>
    </tr>
    <tr>
    <td>{{ form.email.label }}</td>
    <td>{{ form.email(size=20) }}</td>
    </tr>
    <tr>
        <td>{{ form.organization.label }}</td>
        <td>{{ form.organization(size=20) }}</td>
    </tr>
    <tr>
        <td>{{ form.limit_validity.label }}</td>
        <td> {{ form.limit_validity() }}</td>
    </tr>

    <tr id="valid_thru_row" style="display: none">
        <td>{{ form.valid_thru.label }} </td>
        <td>{{ form.valid_thru() }}</td>
    </tr>
    <tr>
        <td>{{ form.dsgvo.label }} </td>
        <td> {{ form.dsgvo() }}</td>
    </tr>
    <tr>
        <td></td>
        <td>
            <input type="submit" value="Abschicken">
        </td>
    </tr>
    </table>
    </form>
    </div>
{% else %}
    Keine unregistrierten Tokens in MQTT Nachrichten. Bitte Token scannen und die Seite neu laden.
{% endif %}

<script>
    $(function () {
        $("#limit_validity").on("click", function () {
            if (this.checked) {
                $("#valid_thru_row").css("display", "table-row")
            }
            else {
                $("#valid_thru_row").css("display", "none")
            }
        });
    });
</script>
{% endblock %}