{% extends 'base.html' %}
{% block title %}Supprimer mon compte{% endblock %}
{% block content %}
<div class="container my-5">
  <div class="row justify-content-center">
    <div class="col-md-8">
      <div class="card border-danger">
        <div class="card-header bg-danger text-white"><h3>🗑️ Supprimer mon compte</h3></div>
        <div class="card-body">
          <div class="alert alert-warning"><strong>⚠️ Attention !</strong> Cette action est irréversible.</div>
          <h5>Ce qui sera supprimé :</h5>
          <ul><li>✗ Vos informations personnelles</li><li>✗ Votre accès au compte</li><li>✗ Vos préférences et consentements</li></ul>
          <h5>Ce qui sera conservé temporairement :</h5>
          <ul><li>✓ Logs d'audit anonymisés (90 jours)</li><li>✓ Historique des consentements (5 ans)</li></ul>
          <hr class="my-4">
          <form method="post">{% csrf_token %}
            <div class="mb-3"><label for="reason" class="form-label">Raison (optionnel)</label><textarea name="reason" id="reason" class="form-control" rows="3"></textarea></div>
            <div class="mb-3"><label for="password" class="form-label">Mot de passe <span class="text-danger">*</span></label><input type="password" name="password" id="password" class="form-control" required></div>
            <div class="mb-3"><label for="confirmation" class="form-label">Tapez votre nom d'utilisateur : <code>{{ user.username }}</code> <span class="text-danger">*</span></label><input type="text" name="confirmation" id="confirmation" class="form-control" required placeholder="Tapez exactement : {{ user.username }}"></div>
            <div class="alert alert-danger">En cliquant sur "Supprimer définitivement", votre compte sera anonymisé et désactivé.</div>
            <div class="d-flex justify-content-between"><a href="{% url 'core:privacy_dashboard' %}" class="btn btn-secondary">← Annuler</a><button type="submit" class="btn btn-danger">Supprimer définitivement mon compte</button></div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}