{% extends "admin/main.html" %}
{% block content %}
<div class="text-center mb-6">
  <a href="/"><img src="{{ url_for('static', filename='images/cms.png') }}" alt="logo" class="h-16 mx-auto"></a>
  <h1 class="text-lg font-bold text-slate-800 mt-3">Reset Token</h1>
  <p class="text-sm text-slate-500">Enter your new password</p>
</div>
<form method="POST" action="">
  {{ form.hidden_tag() }}
  <div class="space-y-4">
    <div>
      <label class="label-field">Your Password</label>
      <div class="relative">
        {% if form.password.errors %}{{ form.password(class="input-field border-red-400 pl-10") }}
        {% else %}{{ form.password(class="input-field pl-10") }}{% endif %}
        <span class="absolute left-3 top-3 text-slate-400"><i class="fas fa-lock"></i></span>
      </div>
      {% for error in form.password.errors %}<p class="text-xs text-red-500 mt-1">{{ error }}</p>{% endfor %}
    </div>
    <div>
      <label class="label-field">Confirm Password</label>
      <div class="relative">
        {% if form.confirm_password.errors %}{{ form.confirm_password(class="input-field border-red-400 pl-10") }}
        {% else %}{{ form.confirm_password(class="input-field pl-10") }}{% endif %}
        <span class="absolute left-3 top-3 text-slate-400"><i class="fas fa-lock"></i></span>
      </div>
      {% for error in form.confirm_password.errors %}<p class="text-xs text-red-500 mt-1">{{ error }}</p>{% endfor %}
    </div>
    <div class="text-right">{{ form.submit(class="btn-primary w-full") }}</div>
  </div>
</form>
{% endblock content %}