{% extends 'preferences/preferences_layout.html' %}
{% block header %}
Edit Profile
{% endblock %}

{% block panel %}
{% if form.non_field_errors %}
<p class="notification is-danger">{{ form.non_field_errors }}</p>
{% endif %}
<form name="edit-profile" action="{% url 'prefs-profile' %}" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <div class="block">
        <label class="label" for="id_avatar">Avatar:</label>
        {{ form.avatar }}
        {% for error in form.avatar.errors %}
        <p class="help is-danger">{{ error | escape }}</p>
        {% endfor %}
    </div>
    <div class="block">
        <label class="label" for="id_name">Display name:</label>
        {{ form.name }}
        {% for error in form.name.errors %}
        <p class="help is-danger">{{ error | escape }}</p>
        {% endfor %}
    </div>
    <div class="block">
        <label class="label" for="id_summary">Summary:</label>
        {{ form.summary }}
        {% for error in form.summary.errors %}
        <p class="help is-danger">{{ error | escape }}</p>
        {% endfor %}
    </div>
    <div class="block">
        <label class="label" for="id_email">Email address:</label>
        {{ form.email }}
        {% for error in form.email.errors %}
        <p class="help is-danger">{{ error | escape }}</p>
        {% endfor %}
    </div>
    <div class="block">
        <label class="checkbox label" for="id_manually_approves_followers">
            Manually approve followers:
            {{ form.manually_approves_followers }}
        </label>
    </div>
    <button class="button is-primary" type="submit">Save</button>
</form>
{% endblock %}