{% extends "backoffice/base.html" %}
{% block page_title %}Mon profil{% endblock %}
{% block breadcrumb %}<span class="font-semibold text-brand-900">Mon profil</span>{% endblock %}
{% block content %}
<c-page-header title="Mon profil" subtitle="{{ user.get_role_display }} · {{ user.email }}" />
<div class="grid gap-6 lg:grid-cols-2">
  <c-card title="Informations personnelles">
    <form method="post" class="space-y-4" novalidate>{% csrf_token %}
      <c-field :field="form.name" /><c-field :field="form.email" /><c-field :field="form.fonction" /><c-field :field="form.bio" help="Affichée sous vos articles." />
      <button class="btn btn-primary">{% icon "check" %} Enregistrer</button>
    </form>
  </c-card>
  <c-card title="Mot de passe" class="self-start">
    <form method="post" class="space-y-4" novalidate>{% csrf_token %}<input type="hidden" name="change_password" value="1">
      <c-field :field="pwform.old_password" /><c-field :field="pwform.new_password1" /><c-field :field="pwform.new_password2" />
      <button class="btn btn-primary">{% icon "lock" %} Modifier le mot de passe</button>
    </form>
  </c-card>
</div>
{% endblock %}