{% extends "base.html" %}
{% block title %}Chip anlernen{% endblock %}
{% block content %}
<h1>Chip anlernen</h1>
<div class="card"
     {% if session.captured_id_tag.is_none() %}hx-get="/chips/enroll/{{ session.id }}" hx-trigger="load delay:2s" hx-swap="outerHTML"{% endif %}>
    {% match session.captured_id_tag %}
    {% when Some with (tag) %}
        <p class="ok">Chip erkannt: <code>{{ tag }}</code></p>
        <form method="post" action="/chips/enroll/{{ session.id }}/save" class="row">
            <label>Label <input name="label" placeholder="z. B. Karte Büro-01"></label>
            <label>Kategorie
                <select name="kind">
                    <option value="employee">Mitarbeiter</option>
                    <option value="guest">Gast</option>
                </select>
            </label>
            <label>Mitarbeiter (optional — bei Gäste-Chip leer lassen)
                <select name="employee_id">
                    <option value="">— kein —</option>
                    {% for (id, name) in employees %}<option value="{{ id }}">{{ name }}</option>{% endfor %}
                </select>
            </label>
            <label>Gültig bis (optional, RFC3339)
                <input name="expires_at" placeholder="2027-01-01T00:00:00Z">
            </label>
            <button class="primary">Speichern</button>
        </form>
    {% when None %}
        <p>Bitte Chip an eine der Wallboxen halten. Das Fenster läuft bis <b>{{ session.expires_at }}</b>.</p>
        <p class="hint">Diese Seite aktualisiert sich alle 2 Sekunden automatisch.</p>
    {% endmatch %}
</div>
<p><a href="/chips">← zurück</a></p>
{% endblock %}