{% extends '_base.html' %}
{% load static %}
{% load i18n %}
{% block content %}
  {% if admin %}
    {% include '_components/header.html' %}
  {% else %}
    {% include '_components/header.html' with no_nav=True %}
  {% endif %}

  <div class="internal-wrapper">
    {% if error_message %}
      <div class="error-box">{{ error_message }}</div>
    {% endif %}
    {% if info_message %}
      <div class="info-box">{{ info_message }}</div>
    {% endif %}
    <div id="change-password-internal-wrapper">
      <form class="form-box" method="POST">
        <h2>{% trans 'Change Password' %}</h2>
        {% if resource %}
          <input id="password-name" type="text" name="name" value="{{ resource.name }}" readonly tabindex="-1">
        {% elif user_name %}
          <input id="password-name" type="text" name="name" value="{{ user_name }}" readonly tabindex="-1">
        {% else %}
          <input id="password-name" type="text" name="name" placeholder="{% trans 'userName' %}">
        {% endif %}
        {% if not admin %}
          {% if not is_reset %}
            {% if self_password_reset %}
              <div style="text-align: right;"><a tabindex="-1" href="{% url 'end_user_password_reset' target=target %}">{% trans 'Forget your password?' %}</a></div>
            {% endif %}
            <input id="password-old" type="password" name="oldPassword" placeholder="{% trans 'Old Password' %}" required>
          {% endif %}
        {% endif %}
        <input id="password1" type="password" name="password1" placeholder="{% trans 'New Password' %}" required>
        <input id="password2" type="password" name="password2" placeholder="{% trans 'New Password (Confirm)' %}" required>
        {% csrf_token %}
        {% if admin %}
          <label>
            <input id="password-random-checkbox" type="checkbox">
            <span>{% trans 'Generate Random Password' %}</span>
          </label>
          {% include '_components/select_backends.html' with backends=resource.backends %}
        {% endif %}
        <div id="password-bar"></div>
        <button id="password-submit" class="submit-with-confirm" data-confirm="{% trans 'Are you sure you want to change the password?' %}" data-canceled="{% trans 'Canceled' %}" disabled autocomplete="off">{% trans 'Change Password' %}</button>
      </form>

      {% include '_components/ppolicy.html' with admin=True%}

    </div>
  </div>
  <script type="application/javascript">
    var passwordPolicy = {{ ppolicy_json|safe }};
    var isAdmin = true;
  </script>
  <script type="application/javascript" src="{% static 'js/policy_check.js' %}"></script>
  {% include '_components/gettext.html' %}
  <script type="application/javascript" src="{% static 'js/password_strength.js' %}"></script>
  <script type="application/javascript" src="{% static 'js/password_random.js' %}"></script>
  <script type="application/javascript" src="{% static 'js/submit_confirm.js' %}"></script>
{% endblock %}