{% extends "security/base.html" %}
{% block title %}A minha conta{% endblock %}
{% block content %}
<section class="k4w-account-hero">
  <div><p class="eyebrow">PERFIL</p><h1>Editar a minha conta</h1><p>Atualize o nome, email, fotografia e dados de contacto associados ao seu utilizador.</p></div>
  <a class="portal-button portal-button--secondary" href="{% url 'security:overview' %}">{% if two_factor_enabled %}2FA ativo{% else %}Ativar 2FA{% endif %}</a>
</section>
<section class="k4w-security-card">
  <form method="post" enctype="multipart/form-data" class="k4w-account-form">{% csrf_token %}
    <div class="k4w-account-avatar-preview">{% if profile.avatar %}<img src="{{ profile.avatar.url }}" alt="Fotografia de perfil">{% else %}<span>{{ request.user.get_full_name|default:request.user.username|first|upper }}</span>{% endif %}</div>
    <div class="k4w-form-grid">
      {% for field in form %}<label>{{ field.label }}{{ field }}{% if field.help_text %}<small>{{ field.help_text }}</small>{% endif %}{% for error in field.errors %}<small class="field-error">{{ error }}</small>{% endfor %}</label>{% endfor %}
    </div>
    <button class="portal-button portal-button--primary" type="submit">Guardar alterações</button>
  </form>
</section>
{% endblock %}
