{% extends "registration/base.html" %}
{% load i18n %}
{% load common %}
{% load static %}

{% block content %}
	{% block heading %}
		<h1>{% block page_title %}{% trans "My Account" %}{% endblock %}</h1>
	{% endblock %}

	{% block before %}{% endblock %}

	{% block profile_content %}
		<p>{% blocktrans with name=user.get_short_name %}Welcome back {{ name }} &ndash; this is your personal page.{% endblocktrans %}</p>

		{% block profile_form %}
			<form class="fields" action="" method="post">
				{% csrf_token %}

				{% block form_content %}
					{% for f in form %}
						{% field f %}
					{% endfor %}
				{% endblock %}

				<div class="btn-group">
					{% block buttons %}
						<button class="btn btn-default">
							<i class="fa fa-save"></i>
							{% trans "Save" %}
						</button>

						<a class="btn btn-default" role="button" href="{% url 'accounts:password_change' %}">
							<i class="fa fa-key"></i>
							{% trans "Change Password" %}
						</a>

						{% block logout-button %}
							{# LogoutView only accepts POST since Django 5.0; logout.js posts this link. #}
							<a class="btn btn-default" role="button" href="{% url 'accounts:logout' %}" data-logout="{{ csrf_token }}">
								<i class="fa fa-sign-out"></i>
								{% trans "Logout" %}
							</a>
						{% endblock %}
					{% endblock %}
				</div>
			</form>

			<script src="{% static 'touchtechnology/common/js/logout.js' %}"></script>
		{% endblock %}
	{% endblock %}

	{% block after %}{% endblock %}
{% endblock %}