{% from "components.html" import closer, scrim with context %}
{% from "partials/secret_fields.html" import value_field %}
{% set back = "/secrets/" ~ secret.name %}
{{ scrim(back, get=back) }}
<section class="panel panel--dialog panel--register"
         role="dialog"
         aria-label="Rotate {{ secret.name }}">
    <header class="panel__header">
        <div class="panel__title">
            <h2 class="panel__name">Rotate {{ secret.name }}</h2>
            {{ closer(back, get=back) }}
        </div>
        <p class="panel__facts">{{ form_note }}</p>
    </header>
    <form class="dialog"
          method="post"
          action="{{ back }}/rotate"
          hx-post="{{ back }}/rotate"
          hx-target="#overlay"
          autocomplete="off">
        <div class="dialog__body">
            <div class="dialog__fields">
                <div class="field">
                    <span class="field__label">Name</span>
                    <span class="field__box secret__fixed">{{ secret.name }}</span>
                    <span class="field__hint">read only — rotate keeps the name, the id and everything that names it</span>
                </div>
                {{ value_field('New value', 3, 'Several lines are fine, e.g. JSON, up to 8 KiB. Sent once; never shown again.') }}
            </div>
            {% if notice %}<p class="dialog__error">{{ notice }}</p>{% endif %}
        </div>
        <footer class="dialog__footer dialog__footer--end">
            <div class="dialog__actions">
                {{ closer(back, get=back, label="Cancel", klass="button button--outline") }}
                <button class="button" type="submit">Rotate</button>
            </div>
        </footer>
    </form>
</section>