{% extends 'global.html'%}
{% load i18n %}
{% load widget_tweaks %}

# {% block title %}{% trans 'Edit Explorer profile' %}{% endblock %}

{% block maincontent %}

<form class="LP-Form" method="POST" enctype="multipart/form-data">
    <fieldset class="LP-Form__Fieldset">
        <legend class="LP-Form__Legend">{% trans 'Edit Explorer profile' %}</legend>
        {% csrf_token %}
        <div class="LP-Form__Composition LP-Form__Composition--breakable">
            <div class="LP-Form__Field">
                {% include 'partials/form/inputField.html' with field=explorer_user_change_form.username %}
            </div>
            <div class="LP-Form__Field">
                {% include 'partials/form/inputField.html' with field=explorer_user_change_form.email %}
            </div>
        </div>
        <div class="LP-Form__Composition LP-Form__Composition--breakable">
            <div class="LP-Form__Field">
                {% include 'partials/form/inputField.html' with field=explorer_user_change_form.first_name %}
            </div>
            <div class="LP-Form__Field">
                {% include 'partials/form/inputField.html' with field=explorer_user_change_form.last_name %}
            </div>
        </div>

        <div class="LP-Form__Composition">
            <div class="LP-Form__Field">
                {% include 'partials/form/inputField.html' with field=explorer_change_form.bio %}
            </div>
        </div>

        <div class="LP-Form__Composition">
            {% if explorer_image_url %}
            <div class="LP-Form__Field">
                <img class="LP-Form__Field LP-Image" src="{{ explorer_image_url }}"/>
            </div>
            {% endif %}
            <div class="LP-Form__Field">
                {% include 'partials/form/inputField.html' with field=explorer_change_form.profile_image %}
            </div>
        </div>

        {% trans 'Update' as action %}
        <div class="LP-Form__Composition LP-Form__Composition--buttons">
            {% include 'partials/form/submit.html' with referrer=request.META.HTTP_REFERER action=action %}
        </div>
    </fieldset>
</form>

{% endblock maincontent %}