{% extends 'base.html' %}
{% from '_macros.html' import form_field %}

{% block title %}Change password · TradeHub{% endblock %}

{% block content %}
<div class="container" style="max-width: 480px;">
  <div class="page-header">
    <h1>Change password</h1>
    <p>Use a strong, unique password.</p>
  </div>

  <div class="form-card">
    <form method="POST" novalidate>
      {{ form.hidden_tag() }}
      {{ form_field(form.current_password) }}
      {{ form_field(form.new_password, hint='At least 8 characters') }}
      {{ form_field(form.confirm_password) }}

      <div style="display:flex; gap: var(--space-3);">
        <a href="{{ url_for('users.edit_profile') }}" class="btn btn-outline">Cancel</a>
        {{ form.submit(class="btn btn-primary", style="flex:1;") }}
      </div>
    </form>
  </div>
</div>
{% endblock %}