| {% extends 'users/settings/page.html' %}
| {% block settings_page_title %}{{ _("Profile") }}{% endblock %}
| {% block css %}
| {{ super() }}
//- TODO(Pablo): properly style badges, and move the styling to one of the SASS files.
style.
	ul.blender-id-badges {
		padding-left: 0;
		list-style-type: none;
		display: flex;
	}
	ul.blender-id-badges > li {
		margin: 0;
		padding: 0;
	}
	ul.blender-id-badges > li a {
		display: block;
		padding: 0.4em;
	}
| {% endblock %}
| {% block settings_page_content %}
.settings-form
	form#settings-form(method='POST', action="{{url_for('settings.profile')}}")
		.pb-3
			.form-group
				| {{ form.username.label }}
				| {{ form.username(size=20, class='form-control') }}
				| {% if form.username.errors %}
				| {% for error in form.username.errors %}{{ error|e }}{% endfor %}
				| {% endif %}

			.form-group
				label {{ _("Full name") }}
				p {{ current_user.full_name }}
			.form-group
				label {{ _("E-mail") }}
				p {{ current_user.email }}

			.form-group
				| {{ _("Change your full name, email, and password at") }} #[a(href="https://www.blender.org/id/settings/profile",target='_blank') Blender ID].

			| {% if current_user.badges_html %}
			.form-group
				p Your Blender ID badges:
				| {{ current_user.badges_html|safe }}
				p.hint-text Note that updates to these badges may take a few minutes to be visible here.
			| {% endif %}
		.py-3
			a(href="https://gravatar.com/")
				img.rounded-circle(src="{{ current_user.gravatar }}")
				span.p-3 {{ _("Change Gravatar") }}

		.py-3
			button.btn.btn-outline-success.px-5.button-submit(type='submit')
				i.pi-check.pr-2
				| {{ _("Save Changes") }}
| {% endblock %}