{% extends "admin/base_site.html" %}
{% load i18n %}

{% block breadcrumbs %}
<div class="breadcrumbs">
  <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a> ›
  <a href="{% url 'admin:password_change' %}">{% trans 'Password change' %}</a> ›
  {% trans 'Temporary password' %}
</div>
{% endblock %}

{% block content %}
<div id="content-main">
  <div class="admin-ui-stack">
    <div class="messagelist">
      <div class="success">
        {% blocktrans with username=username %}A new temporary password has been created for {{ username }}.{% endblocktrans %}
      </div>
    </div>

    <div class="admin-ui-panel">
      <p>
        <strong>{% trans 'Keep this password secure.' %}</strong>
        {% trans 'Use it immediately to sign in or update your password before it expires.' %}
      </p>
      <p class="help">
        {% trans 'Store the password somewhere safe. If it is lost, generate a new one instead of reusing this code.' %}
      </p>
    </div>

    <div class="module aligned wide admin-ui-panel">
      <h2>{% trans 'Temporary password details' %}</h2>
      {% if allow_change %}
        <p class="help">
          {% trans 'You can use this temporary password as the old password when changing it.' %}
        </p>
      {% endif %}

      <div class="admin-ui-stack">
        <div class="form-row">
          <label>{% trans 'Username' %}</label>
          <div><strong>{{ username }}</strong></div>
        </div>
        <div class="form-row">
          <label>{% trans 'Temporary password' %}</label>
          <div><strong><code>{{ password }}</code></strong></div>
        </div>
        <div class="form-row">
          <label>{% trans 'Expires at' %}</label>
          <div><strong>{{ expires_at|date:"DATETIME_FORMAT" }}</strong></div>
        </div>
      </div>
    </div>

    <div class="admin-ui-actions submit-row">
      <a class="admin-ui-button admin-ui-button--secondary" href="{{ return_url }}">{% trans 'Return to password change' %}</a>
      <a class="admin-ui-button admin-ui-button--primary" href="{% url 'admin-request-temp-password' %}">{% trans 'Generate another password' %}</a>
    </div>
  </div>
</div>
{% endblock %}