<div role="tabpanel" class="tab-pane fade" id="tab-config-password-policy" role="tabpanel" aria-labelledby="tab-config-password-policy">
  <div class="card mb-4">
    <div class="card-header d-flex fs-5">
      <button class="btn d-md-none flex-grow-1 text-start" data-bs-target="#collapse-tab-config-password-policy" data-bs-toggle="collapse" aria-controls="ollapse-tab-config-password-policy">
        {{ lang.admin.password_policy }}
      </button>
      <span class="d-none d-md-block">{{ lang.admin.password_policy }}</span>
    </div>
    <div id="collapse-tab-config-password-policy" class="card-body collapse" data-bs-parent="#admin-content">
      <form class="form-horizontal" data-id="passwordpolicy" role="form" method="post">
        {% for name, value in password_complexity %}
          {% if name == 'length' %}
            <div class="row mb-4">
              <label class="control-label col-sm-3 text-sm-end" for="length">{{ lang.admin.password_length }}:</label>
              <div class="col-sm-2">
                <input type="number" class="form-control" min="3" max="64" name="length" id="length" value="{{ value }}" required>
              </div>
            </div>
          {% else %}
            <input type="hidden" name="{{ name }}" value="0">
            <div class="row mb-2">
              <div class="offset-sm-3 col-sm-9">
                <label>
                  <input type="checkbox" name="{{ name }}" id="{{ name }}" value="1" {% if value == 1 %}checked{% endif %}> {{ lang.admin['password_policy_'~name] }}
                </label>
              </div>
            </div>
          {% endif %}
        {% endfor %}
        <div class="row mt-4 mb-2">
          <div class="offset-sm-3 col-sm-9">
            <div class="btn-group">
              <button class="btn btn-sm d-block d-sm-inline btn-success" data-item="passwordpolicy" data-action="edit_selected" data-id="passwordpolicy" data-api-url='edit/passwordpolicy' data-api-attr='{}' href="#"><i class="bi bi-check-lg"></i> {{ lang.admin.save }}</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
