{% extends "base.html" %}
{% block title %}Личный кабинет · MIEM Employees{% endblock %}
{% block content %}
<section class="panel users">
  <h2 class="panel__title">Личный кабинет</h2>
  <p>{{ account_user.full_name or account_user.username }} · {{ 'Администратор' if account_user.role == 'admin' else 'Пользователь' }}</p>
  <dl class="users__account-meta"><div><dt>Первый вход</dt><dd>{{ account_user.first_login_at|admin_datetime }}</dd></div><div><dt>Последний вход</dt><dd>{{ account_user.last_login_at|admin_datetime }}</dd></div><div><dt>Пароль изменён</dt><dd>{{ account_user.password_changed_at|admin_datetime }}</dd></div></dl>
  {% if password_changed %}<p role="status">Пароль изменён. Другие сессии завершены.</p>{% endif %}
</section>
<section class="panel users">
  <h2 class="panel__title">Сменить пароль</h2>
  <p class="users__hint">Смена пароля или выход из системы завершает все ваши сессии.</p>
  <form class="form users__password-form" method="post" action="/admin/account/password" data-password-form>
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    {% if error %}<p class="users__error" id="password-error" role="alert">{{ error }}</p>{% endif %}
    <label class="form__label">Текущий пароль<input class="form__input" name="current_password" type="password" required maxlength="1024" autocomplete="current-password"{% if error_field == 'current_password' %} aria-invalid="true" aria-describedby="password-error"{% endif %}></label>
    <label class="form__label">Новый пароль<input class="form__input" name="new_password" type="password" required minlength="15" maxlength="128" autocomplete="new-password" aria-describedby="password-hint{% if error_field == 'new_password' %} password-error{% endif %}"{% if error_field == 'new_password' %} aria-invalid="true"{% endif %}></label>
    <label class="form__label">Повторите новый пароль<input class="form__input" name="confirmation" type="password" required minlength="15" maxlength="128" autocomplete="new-password"{% if error_field == 'confirmation' %} aria-invalid="true" aria-describedby="password-error"{% endif %}></label>
    <p class="users__hint" id="password-hint">От 15 до 128 символов. Можно использовать фразу. Новый пароль должен отличаться от текущего.</p>
    <button class="button" type="submit">Сохранить новый пароль</button>
  </form>
</section>
<section class="panel users"><h2 class="panel__title">Последние действия</h2>{% include 'user_activity.html' %}</section>
{% if account_user.must_change_password %}
<dialog class="columns-modal" data-required-password aria-labelledby="required-password-title" aria-describedby="required-password-note">
  <div class="columns-modal__panel">
    <h2 class="columns-modal__title" id="required-password-title">Смените временный пароль</h2>
    <p id="required-password-note">Прежде чем пользоваться учётной записью, задайте свой пароль. Закрыть это окно без смены пароля нельзя.</p>
    <div data-password-dialog-body></div>
    <form method="post" action="/admin/logout"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><button class="button button--ghost" type="submit">Выйти из системы</button></form>
  </div>
</dialog>
{% endif %}
{% endblock %}
{% block scripts %}<script src="/static/users.js?v={{ frontend_version }}" defer></script>{% endblock %}