{% extends "layouts/base.html" %}
{% block title %}Set New Password{% endblock %}

{% block content %}
<div class="d-flex justify-content-center align-items-center" style="min-height: 100vh;">
  <div class="card shadow" style="width: 420px;">
    <div class="card-body p-4">
      <h5 class="fw-bold mb-3">Set New Password</h5>

      {% if error %}
        <div class="alert alert-danger py-2">{{ error }}</div>
      {% endif %}

      <form method="POST" novalidate>
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="mb-3">
          <label for="password" class="form-label">New password</label>
          <input type="password" class="form-control" id="password" name="password"
                 autocomplete="new-password" required autofocus>
          <div class="form-text">Min 10 characters. Uppercase, lowercase, and a digit required.</div>
        </div>
        <div class="mb-3">
          <label for="confirm_password" class="form-label">Confirm password</label>
          <input type="password" class="form-control" id="confirm_password"
                 name="confirm_password" autocomplete="new-password" required>
        </div>
        <div class="d-grid">
          <button type="submit" class="btn btn-primary">Update Password</button>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}