{% extends "layout.html" %}

{% block content %}


<img src="{{ image_file }}" class="round-image" alt="">
<h2> Welcome {{ current_user.username }} </h2>

<div>
    <form method="POST" action="" enctype="multipart/form-data">
        {{ form.hidden_tag() }}
        <br>
        <fieldset>
            <legend>Account Info</legend>
            <div>
                {{ form.username.label() }}
                {% if form.username.errors %}
                {{ form.username()}}
                <div class="invalid">
                    {% for error in form.username.errors %}
                    <span>{{ error }}</span>
                    {% endfor %}
                </div>
                {% else %}
                {{ form.username() }}
                {% endif %}
            </div>
            <br>
            <div>
                {{ form.email.label() }}
                {% if form.email.errors %}
                {{ form.email() }}
                <div class="invalid">
                    {% for error in form.email.errors %}
                    <span>{{ error }}</span>
                    {% endfor %}
                </div>
                {% else %}
                {{ form.email() }}
                {% endif %}
            </div>
            <br>
            <div>
                {{ form.picture.label() }}
                {{ form.picture() }}
                {% if form.picture.errors %}
                    {% for error in form.picture.errors %}
                        <br><span class="invalid">{{ error }}</span><br>
                    {% endfor %}
                {% endif %}
            </div>

        </fieldset>
        <div>
            {{ form.submit() }}
        </div>
    </form>
</div>

{% endblock content %}