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

{% macro render_field(field) %}
<tr style="">
    <td class="wtf-field">{{ field.label }}</td>
    <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>
    <p>Vous pouvez changer le mot de passe et/ou l'adresse email.</p>
    <p>Les champs vides ne seront pas changés.</p>
    </div>
    <form method=post>
            {{ form.user_name }}
            {{ form.csrf_token }}
        <table class="tf"><tbody>
            {{ render_field(form.old_password, size=14, 
            style="padding:1px; margin-left: 1em; margin-top: 4px;") }}
            {{ 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>

{#<div class="row" style="margin-top: 30px;">#}
{#<div class="col-md-4">Votre identifiant: <b>{{user.user_name}}</b></div>#}
{#</div>#}
{##}
{#<div class="row" style="margin-top: 30px;">#}
{#    <div class="col-md-4">#}
{#        {{ wtf.quick_form(form) }}#}
{#    </div>#}
{#</div>#}
{% endblock %}