{% extends 'baseTemplate.html' %} {% block title %}Changement du mot de passe{% endblock %}{% block content %}
<div class="container">
    <div class="row">
        <div class="text-center">
            <h1><a class="counter-link" href="{% url 'home' %}">SeumBook™</a></h1>
        </div>
    </div>
    <div class="row">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h2 class="panel-title">Créé ton compteur de seum !</h2>
            </div>
            <div class=" panel-body">
                <form method="POST">
                    {% csrf_token %}
                    <p>L'adresse e-mail sera utilisée pour la réinitialisation de ton mot de passe. Ton login sur le site sera la première partie de cette adresse (avant le @).</p>
                    <div class="form-group">
                        <label for="id_email">Adresse email</label>
                        <input id="id_email" type="email" class="form-control" name="email" required />
                    </div>
                    <p>Si tu coches la case en dessous, tu recevras un mail de <tt>seum@merigoux.ovh</tt> à chaque fois que quelqu'un aura le seum sur le site. Spammatoire mais jouissif, peut-être désactivé ou réactivé par la suite.</p>
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" name="email_notifications">
                        <label class="form-check-label">
                            Notifications par email
                        </label>
                    </div>
                    <p>Les autres utilisateurs ne pourront voir que ton pseudo et ton trigramme, ce sera ton identité seumesque !</p>
                    <div class="form-group">
                        <label for="id_trigramme">Trigramme</label>
                        <input id="id_trigramme" maxlength="3" type="text" class="form-control text-uppercase" name="trigramme" onkeyup="this.value=this.value.toUpperCase();" required />
                    </div>
                    <div class="form-group">
                        <label for="id_nick">Pseudo</label>
                        <input id="id_nick" type="text" class="form-control" name="nick" required />
                    </div>
                    <p>J'aurais pu exiger 10 caractères dont un chiffre, une lettre et un tilde avec 3 majuscules et 2 minuscules pour te foutre le seum mais en fait tu peux mettre ce que tu veux.</p>
                    <div class="form-group">
                        <label for="id_password1">Mot de passe</label>
                        <input id="id_password1" type="password" class="form-control" name="password1" required />
                    </div>
                    <div class="form-group">
                        <label for="id_password2">Confirmer le mot de passe</label>
                        <input id="id_password2" type="password" class="form-control" name="password2" required />
                    </div>
                    <p>Si ce formulaire t'as foutu le seum, n'oublie pas de remettre ton compteur à zéro en arrivant sur le site.</p>
                    <div class="text-center">
                        <button type="submit" class="btn btn-default btn-success">Créer le compteur</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {% if error %}
    <div class="row">
        <div class="panel panel-danger">
            <div class="panel-heading">
                <h2 class="panel-title">Erreur</h2>
            </div>
            <div class=" panel-body">
                <p>{{error}}</p>
            </div>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}