{% extends 'base.html.twig' %}
{% block title %}Modifier le mot de passe — RepTrack{% endblock %}
{% block body %}

<div class="page-title">MOT DE PASSE</div>
<div class="page-sub">Modifier ton mot de passe</div>

<div class="card">
  {{ form_start(form) }}

  <div class="form-group">
    {{ form_label(form.currentPassword) }}
    {{ form_widget(form.currentPassword) }}
    {{ form_errors(form.currentPassword) }}
  </div>

  <div style="height:1px;background:var(--border);margin:16px 0"></div>

  <div class="form-group">
    {{ form_label(form.newPassword.first) }}
    {{ form_widget(form.newPassword.first) }}
  </div>

  <div class="form-group">
    {{ form_label(form.newPassword.second) }}
    {{ form_widget(form.newPassword.second) }}
    {{ form_errors(form.newPassword) }}
  </div>

  <div style="display:flex;gap:8px;flex-wrap:wrap;margin-top:8px">
    <button type="submit" class="btn btn-primary">MODIFIER</button>
    <a href="{{ path('app_profile') }}" class="btn btn-secondary">Annuler</a>
  </div>

  {{ form_end(form) }}
</div>

{% endblock %}