<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Token editieren</title>

    <script src="../static/jquery-3.6.0.js"></script>
</head>
<body>
{% with messages = get_flashed_messages() %}
  {% if messages %}
    <ul class=flashes>
    {% for message in messages %}
      <li>{{ message }}</li>
    {% endfor %}
    </ul>
  {% endif %}
{% endwith %}
    <div>
    <p>
    Token {{ token }} editieren:
    </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: {% if form.limit_validity.data %}table-row{% else %}none{% endif %}">
        <td>{{ form.valid_thru.label }} </td>
        <td>{{ form.valid_thru() }}</td>
    </tr>
    <tr>
        <td>{{ form.active.label }}</td>
        <td> {{ form.active() }}</td>
    </tr>
    <tr>
        <td></td>
        <td>
        <input type="submit" value="Speichern">
        </td>
    </tr>
    </table>
    </form>
    </div>
</body>

<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>
</html>