{% extends 'up_squelette.html' %}



{% block main %}


<div class="row">
{% if MAIL_SERVER %}
    <div class="col-md-12">

        <h3> A quoi ca sert les alias ? </h3>
        <p> Les alias c'est utile quand vous ne voulez pas donner votre vrai adresse e-mail.
            Vous pouvez creer une adresse que vous pouvez supprimer rapidemment, cela permet personnaliser une adresse pour un destinataire
            si vous n'avez pas confiance en lui ou de trier plus facilement les e-mails venant de ce destinataire.
        </p>
        <p> Vous n'avez pas besoin de configurer un autre compte mail sur vos applications, tous les e-mails
            arriveront sur votre adresse e-mail principale déjà configuré
        </p>
        <table class="table">
            <thead>
                <tr>
                    <th>Mes Alias   <span class="badge">{{ i }}</span></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% if aliases %}
                {% for alias in aliases %}
                <tr>
                    <td>{{ alias }}</td>
                    <td><a href="{{ url_for('profil.remove_alias', aliasrm=alias) }}"><button type="button" class="btn btn-sm btn-danger">Supprimer</button></a></td>
                </tr>
                {% endfor %}
                {% endif %}
            </tbody>
        </table>

    </div>

</div>
    <div class="panel panel-primary">
            <div class="panel-heading">
              <h3 class="panel-title"> Mes identités </h3>
            </div>


    <div class="panel-body">
    <form method="POST" action="" enctype="multipart/form-data">

        <p> Votre Adresse e-mail sur ce serveur : {{ email }} </p>

        <label> Nouvelle identité </label>
        <br/>
        <div class="col-sm-7">
            <input type="text" name="alias" id="alias" placeholder="Nouvel_identité" class="form-control"><br />
        </div>
        <h4>@{{ hostname }}</h4>
        <br/>
        <br/>
        <button id="tada" class="btn btn-default btn-primary" type="submit">Ajouter</button>
    </form>
    </div>
    </div>
    {% else %}
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title"> Mes identitées </h3>
        </div>


        <div class="panel-body">
            <h2> Le serveur de mail n'est pas activé cette fonctionnalité est désactivé <h2>
        </div>
    </div>
    {% endif %}
    {# on affiche les messages d'erreur puis les messages de succes #}
    {% for categorie in ['error', 'succes'] %}
    {% with msgs = get_flashed_messages(category_filter=[categorie]) %}
    {% if msgs %}

        <div class="flashed {{ categorie }}">
            {% for m in msgs %}
            <p>{{ m|safe }}</p>
            {% endfor %}
        </div>
    {% endif %}
    {% endwith %}
    {% endfor %}

{% endblock %}