{%- extends "manage/base.html" -%}

{%- import "manhattan/manage/components/boxes.html" as _boxes -%}
{%- import "manhattan/manage/components/form.html" as _form with context -%}

{%- block main -%}
    {%- call _boxes.box() -%}
        {%- call _form.form() -%}
            {%- block hidden_fields -%}
                <input
                    type="hidden"
                    name="{{ manage_config.var_name }}"
                    value="{{ request.args.get(manage_config.var_name) }}"
                    >
            {%- endblock -%}

            {%- call _form.fieldset() -%}
                {%- block fields -%}{%- endblock -%}

                {%- call _form.buttons() -%}
                    {%- block buttons -%}
                        {{ _form.button('Regenerate codes') }}
                    {%- endblock -%}

                    <p class="[ mh-form__note ]  [ large-text ]">
                        {%- block note -%}
                            Regenerating your recovery codes will generate a
                            new set of recovery codes and invalidate any
                            remaining existing recovery codes.
                        {%- endblock -%}
                    </p>
                {%- endcall -%}
            {%- endcall -%}
        {%- endcall -%}
    {%- endcall -%}
{%- endblock -%}