{% extends "admin/base.html" %}

{% block title %}Change Password | Admin{% endblock %}

{% block content %}
<p class="eyebrow-dark">Security</p>
<h1 class="mt-3 text-4xl font-black tracking-normal">Change Password</h1>

<form class="mt-8 max-w-xl rounded-lg border border-zinc-200 bg-white p-6 shadow-sm" method="post">
  <label class="block">
    <span class="form-label">Current password</span>
    <input class="form-input" type="password" name="current_password" autocomplete="current-password" required>
  </label>
  <label class="mt-4 block">
    <span class="form-label">New password</span>
    <input class="form-input" type="password" name="new_password" autocomplete="new-password" required>
  </label>
  <label class="mt-4 block">
    <span class="form-label">Confirm new password</span>
    <input class="form-input" type="password" name="confirm_password" autocomplete="new-password" required>
  </label>
  <button class="btn-primary mt-6" type="submit">Change Password</button>
</form>
{% endblock %}