{% extends 'base.html' %}
{% load static %}

{% block title %}Activation réussie - ECOLUX{% endblock %}

{% block content %}
<section class="section">
    <div class="container">
        <div class="columns is-centered">
            <div class="column is-half">
                <div class="notification is-success">
                    <div class="content has-text-centered">
                        <span class="icon is-large">
                            <i class="fas fa-check-circle fa-3x"></i>
                        </span>
                        <h1 class="title is-4">Compte activé avec succès !</h1>
                        <p>Votre compte ECOLUX a été activé. Vous pouvez maintenant définir votre mot de passe.</p>
                        <br>
                        <div class="buttons is-centered">
                            <a href="{% url 'userapp:to_login' %}" class="button is-primary">
                                <span class="icon">
                                    <i class="fas fa-sign-in-alt"></i>
                                </span>
                                <span>Se connecter</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}