template(name='passwordInput')
  .at-input
    label(for='at-field-{{_id}}') {{displayName}}
    .password-input-container
      input.password-field(type="{{type}}" placeholder="{{displayName}}" autocomplete="{{autocomplete}}" required="{{required}}")
      button.password-toggle-btn(type="button" aria-label="Toggle password visibility" title="Toggle password visibility")
        .eye-container
          span.eye-text 👁️
          svg.eye-slash(width="20" height="20" viewBox="0 0 20 20" class="eye-slash-line")
            line(x1="6" y1="14" x2="32" y2="-14" stroke="#000" stroke-width="2" stroke-linecap="round")
    if errs
      .at-error
        each errs
          div {{this}}