{% extends "base" %}

{% block content %}
<div class="w-full max-w-md space-y-8">
  <h1 class="mt-6 h1">Passwort setzen</h1>

  <form class="mt-8 space-y-6" action="/auth/set-pw" method="post">
    <input type="hidden" name="remember" value="true">
    <input type="hidden" name="userid" value="{{ userid }}" />
    <div class="-space-y-px rounded-md shadow-sm">
      <div>
        {{ macros::input(label='Passwort', name='password', type='password', required=true, class='rounded-t-md',hide_label=true) }}
      </div>
      <div>
        {{ macros::input(label='Passwort bestätigen', name='password_confirm', type='password', required=true, class='rounded-b-md',hide_label=true) }}
      </div>
    </div>
  
    <div>
      <button type="submit" class="group relative flex w-full justify-center btn btn-primary">
        <span class="absolute inset-y-0 left-0 flex items-center pl-3">
          {% include "includes/lock-icon" %}
        </span>
        Bestätigen
      </button>
    </div>
  </form>
</div>

{% endblock content %}