{% extends "base.html" %}
{% block title %}{{ layout.t("enroll.title") }}{% endblock %}
{% block content %}
<h1>{{ layout.t("enroll.title") }}</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">{{ layout.t("enroll.detected") }} <code>{{ tag }}</code></p>
        <form method="post" action="/chips/enroll/{{ session.id }}/save" class="row">
            <label>{{ layout.t("common.label") }} <input name="label" placeholder="{{ layout.t("enroll.label_ph") }}"></label>
            <label>{{ layout.t("common.category") }}
                <select name="kind">
                    <option value="employee">{{ layout.t("common.employee") }}</option>
                    <option value="guest">{{ layout.t("common.guest") }}</option>
                </select>
            </label>
            <label>{{ layout.t("enroll.employee_optional") }}
                <select name="employee_id">
                    <option value="">{{ layout.t("enroll.none_opt") }}</option>
                    {% for (id, name) in employees %}<option value="{{ id }}">{{ name }}</option>{% endfor %}
                </select>
            </label>
            <label>{{ layout.t("enroll.valid_until") }}
                <input name="expires_at" placeholder="2027-01-01T00:00:00Z">
            </label>
            <button class="primary">{{ layout.t("common.save") }}</button>
        </form>
    {% when None %}
        <p>{{ layout.t("enroll.hold_hint") }} <b>{{ session.expires_at }}</b>.</p>
        <p class="hint">{{ layout.t("enroll.autorefresh") }}</p>
    {% endmatch %}
</div>
<p><a href="/chips">← {{ layout.t("common.back") }}</a></p>
{% endblock %}