{% extends "base.html" %}
{% import 'bootstrap/wtf.html' as wtf %}

{% macro render_field(field, auth_name=None) %}
<tr style="">
    {%  if auth_name %}
        <td class="wtf-field"> {{ field.label }}<span style="font-weight:700;"> ({{ auth_name }}):</span></td>
    {% else %}
        <td class="wtf-field">{{ field.label }}</td>
    {%  endif %}
    <td class="wtf-field">{{ field(**kwargs)|safe }}
        {% if field.errors %}
        <ul class=errors>
            {% for error in field.errors %}
            <li>{{ error }}</li>
            {% endfor %}
        </ul>
        {% endif %}
    </td>
</tr>
{% endmacro %}

{% block app_content %}
<h1>Modification du compte ScoDoc <tt>{{form.user_name.data}}</tt></h1>
    <div class="help">
    <p>Identifiez-vous avez votre mot de passe actuel</p>
    </div>
    <form method=post>
            {{ form.user_name }}
            {{ form.csrf_token }}
        <table class="tf"><tbody>
            {{ render_field(form.old_password, size=14, auth_name=auth_username,
            style="padding:1px; margin-left: 1em; margin-top: 4px;") }}
            <tr>
                <td colspan=""2">
    <p>Vous pouvez changer le mot de passe et/ou l'adresse email.</p>
    <p>Les champs laissés vides ne seront pas modifiés.</p>
                </td>
            </tr>
            {{ render_field(form.new_password, size=14,
            style="padding:1px; margin-left: 1em; margin-top: 12px;") }}
            {{ render_field(form.bis_password, size=14, 
            style="padding:1px; margin-left: 1em; margin-top: 4px;") }}
            {{ render_field(form.email, size=40, 
            style="padding:1px; margin-top: 12px;margin-bottom: 16px; margin-left: 1em;") }}
        </tbody></table>
        <input type="submit" value="Valider">
        <input type="submit" name="cancel" value="Annuler" style="margin-left: 1em;>
    </form>
{% endblock %}