{% extends "base.html" %}

{% load i18n %}

{% block title %}{% trans "Set your new password" %}{% endblock %}

{% block pagecss %}
<style>
label {
  display: block;
  margin-top: 15px;
  color: #333;
  font-size: .875rem;
}

.br {
  margin-top: 15px;
}

input {
  max-width: 80%;
  width: 80%;
  border: 0 none;
  padding: 0 10px;
  padding-right: 10px;
  padding-left: 10px;
  background: #fff;
  color: #666;
  border: 1px solid #e5e5e5;
}
</style>
{% endblock %}

{% block content %}
<div class="uk-flex uk-flex-center uk-margin-top">

  <div class="uk-card uk-card-default uk-card-body">
    <form method="POST" action="{% url "account_password_reset_token" uidb36=uidb36 token=token %}">
      <legend class="uk-legend">{% trans "Set your new password" %}</legend>

      {% csrf_token %}
      {{ form }}
      <div class="br">
        <button type="submit" class="uk-button uk-button-primary">{% trans "Save" %}</button>
      </div>
    </form>
  </div>
</div>
{% endblock %}