{% from "components.html" import closer, scrim with context %}
{% from "partials/secret_fields.html" import expires_field, never_confirm, value_field %}
{{ scrim("/secrets") }}
<section class="panel panel--dialog panel--register"
         role="dialog"
         aria-label="New secret">
    <header class="panel__header">
        <div class="panel__title">
            <h2 class="panel__name">New secret</h2>
            {{ closer("/secrets") }}
        </div>
        <p class="panel__facts">{{ form_note }}</p>
    </header>
    <form class="dialog"
          method="post"
          action="/secrets/_new"
          hx-post="/secrets/_new"
          hx-target="#overlay"
          autocomplete="off">
        <div class="dialog__body">
            <div class="dialog__fields">
                <label class="field">
                    <span class="field__label">Name</span>
                    <span class="field__box">
                        <input class="field__input"
                               type="text"
                               name="name"
                               value="{{ name }}"
                               placeholder="alpha-token"
                               pattern="[a-z0-9][a-z0-9._\-]{0,63}"
                               required
                               data-secret-name>
                    </span>
                    <span class="field__error">required</span>
                    <span class="field__hint">lowercase letters, digits, . _ and -; unique — the id is generated by the api</span>
                </label>
                {{ value_field('Value', 7, 'Several lines are fine, e.g. JSON, up to 8 KiB. Sent once; a form that failed comes back with this field empty.') }}
                {{ expires_field(terms, confirmed, "never, 1h, 3h, 12h, 1d, 7d or 30d, counted from Create. never asks to confirm.") }}
            </div>
            {% if notice %}<p class="dialog__error">{{ notice }}</p>{% endif %}
        </div>
        <footer class="dialog__footer dialog__footer--end">
            <div class="dialog__actions">
                <a class="button button--outline"
                   href="/secrets"
                   {% if not standalone %}hx-get="/overlay/close" hx-target="#overlay"{% endif %}>Cancel</a>
                <button class="button" type="submit">Create secret</button>
            </div>
        </footer>
    </form>
</section>
{{ never_confirm(name, never_note) }}