{% extends './layout.html' %}

{% block title %}
<title>{{__(title)}}</title>
{% endblock %}

{% block content %}
<form action="{{_routes.password_change}}" method="POST">
  <input type="hidden" name="_csrf" value="{{_csrf}}">
  <input type="hidden" name="codeId" value="{{codeId}}">
  <div class="auth-form-header">
    <h1>{{__(title)}}</h1>
  </div>
  <div class="auth-form-body">
    <div class="input-wrap">
      <input type="password" name="password" placeholder="{{__("Password")}}">
    </div>
    <div class="input-wrap">
      <input type="password" name="password2" placeholder="{{__("Confirm password")}}">
    </div>
    <div class="input-wrap">
      <button class="btn btn-primary btn-block">{{__(title)}}</button>
    </div>
    {% if messages.error %}
    <div class="alert alert-danger">{{__(messages.error)}}</div>
    {% endif %}
  </div>
</form>
{% endblock %}