{% extends "app.html" %}
{% from "library.j2" import standard_button, form_button %}
{% block head_lead %}
<title>Snikket Web Portal</title>
{% endblock %}
{% block content %}
<div class="form layout-expanded"><form method="POST" enctype="multipart/form-data">
	<h2 class="form-title">{% trans %}Profile{% endtrans %}</h2>
	{{ form.csrf_token }}
	<div class="f-ebox">
		{{ form.nickname.label }}
		{{ form.nickname(placeholder=user_info.username) }}
	</div>
	<div class="f-ebox">
		{{ form.avatar.label }}
		{{ form.avatar }}
	</div>
	<h3 class="form-title">{% trans %}Visibility{% endtrans %}</h3>
	<p class="form-descr weak">{% trans %}This section allows you to control who can see your profile information, like avatar and nickname.{% endtrans %}</p>
	<div class="f-ebox">
		{{ form.profile_access_model.label }}
		{{ form.profile_access_model }}
	</div>
	<div class="f-bbox">
		{%- call standard_button("back", url_for('.index'), class="secondary") %}{% trans %}Back{% endtrans %}{% endcall -%}
		{%- call form_button("done", form.action_save, class="primary") %}{% endcall -%}
	</div>
</form></div>
{% endblock %}