{% extends "admin/_base.html" %}
{% block content %}
<div class="rio-form-shell">
<header class="rio-page-header">
<nav class="rio-breadcrumbs"><a href="/admin">Home</a> ยท <span>{{ page_title }}</span></nav>
<h1>{{ page_title }}</h1>
<p class="rio-page-header__lead">Choose a new password. Other devices sign out automatically when you save.</p>
</header>
{% if success %}
<section class="rio-confirm rio-confirm--neutral">
<header class="rio-confirm__header">
<div class="rio-confirm__icon">{{ icon("circle-alert", class="rio-icon") }}</div>
<div>
<h2 class="rio-confirm__title">Password changed</h2>
<p class="rio-confirm__lead">
Other devices have been signed out. Sign in again on those
devices with your new password.
</p>
</div>
</header>
<div class="rio-form-actions">
<span class="rio-form-actions-spacer" aria-hidden="true"></span>
<a class="rio-button rio-button--primary" href="/admin">Back to dashboard</a>
</div>
</section>
{% else %}
{% if errors %}
<div class="rio-flash rio-flash--error" role="alert">
<ul>{% for e in errors %}<li>{{ e }}</li>{% endfor %}</ul>
</div>
{% endif %}
<form method="post" action="/admin/password_change" class="rio-form">
<input type="hidden" name="_csrf" value="{{ csrf_token }}">
{% for section in sections %}
<fieldset class="rio-fieldset">
{% if section.title %}<legend>{{ section.title }}</legend>{% endif %}
<div class="rio-fieldset-grid">
{% for field in section.fields %}{% include "admin/includes/_form_field.html" %}{% endfor %}
</div>
</fieldset>
{% endfor %}
<div class="rio-form-actions">
<button type="submit" class="rio-button rio-button--primary">Change password</button>
<span class="rio-form-actions-spacer" aria-hidden="true"></span>
<a href="/admin" class="rio-button rio-button--ghost">Cancel</a>
</div>
</form>
{% endif %}
</div>
{% endblock %}