{{template "arriba" .}}

    <section class="pantalla" aria-label="Cambiar la contraseña">
      <h2>Cambiar la contraseña</h2>
      {{- if .Temporal}}
      <p class="pedir-aviso">
        Estáis usando la contraseña temporal que os dieron en la asamblea. Cambiadla ahora:
        hasta que no lo hagáis no se puede pedir ninguna fecha.
      </p>
      {{- end}}
      <form class="pedir-form" method="post" action="/pedir/clave" autocomplete="off">
        <input type="hidden" name="csrf" value="{{.CSRF}}">
        {{- if .Sig}}<input type="hidden" name="sig" value="{{.Sig}}">{{end}}
        <p>
          <label for="actual">Contraseña actual</label>
          <input id="actual" name="actual" type="password" required maxlength="256">
        </p>
        <p>
          <label for="nueva">Contraseña nueva</label>
          <input id="nueva" name="nueva" type="password" required minlength="12" maxlength="256">
          <span class="pista">Mínimo 12 caracteres. Una frase larga aguanta más que una palabra retorcida.</span>
        </p>
        <p>
          <label for="repetida">Repetid la nueva</label>
          <input id="repetida" name="repetida" type="password" required minlength="12" maxlength="256">
        </p>
        <p><button type="submit">Cambiar la contraseña</button></p>
      </form>
    </section>

{{template "abajo" .}}