{% load i18n %}
{% include "django/forms/widgets/input.html" %}
<div class="a2-password-feedback" data-min-strength="{{ min_strength }}">
  <div class="a2-password-strength strength-0">
    <p class="a2-password-strength--label">{% trans "Password strength :" %}
      <div class="a2-password-strength--name">-</div>
    </p>
    <div class="a2-password-strength--gauge">
      <div class="a2-password-strength--bar"></div>
      <div class="a2-password-strength--bar"></div>
      <div class="a2-password-strength--bar"></div>
      <div class="a2-password-strength--bar"></div>
      <div class="a2-password-strength--bar"></div>
    </div>
  </div>
  <div class="a2-password-hint errornotice a2-password-hidden" aria-live="polite">
    <div class="a2-password-hint--text">
      <div class="a2-password-hint--nok">
        {% trans "Your password is too weak. To create a secure password, please " %}
      </div>
      <div class="a2-password-hint--ok">
        {% trans "Your password is strong enough. To create an even more secure password, you could " %}
      </div>
      <div class="a2-password-hint--content"></div>
    </div>
  </div>
</div>
<div class="a2-password-policy-hint">
  {% trans "In order to create a secure password, please use at least :" %}
  <div class="a2-password-policy-container">
    {% for check in checks %}
      <span class="a2-password-policy-rule">{{ check.label }}</span>
    {% endfor %}
  </div>
</div>
