{% extends "base.html" %}

{% block headtitle %} | E-mail Addresses{% endblock headtitle %}

{% load i18n %}

{% block head_title %}{% trans "Account" %}{% endblock %}

{% block innercontent %}
<div class="user-action-form-wrap">
    <div class="user-action-form-inner">

		<h1>{% trans "E-mail Addresses" %}</h1>

		{% if user.emailaddress_set.all %}
		<p>{% trans 'The following e-mail addresses are associated with your account:' %}</p>

		<form action="{% url 'account_email' %}" class="email_list" method="post">
			{% csrf_token %}
			<fieldset class="blockLabels">

				{% for emailaddress in user.emailaddress_set.all %}
				<div class="ctrlHolder">
					<label for="email_radio_{{forloop.counter}}" class="{% if emailaddress.primary %}primary_email{%endif%}">
						<input id="email_radio_{{forloop.counter}}" type="radio" name="email" {% if emailaddress.primary or user.emailaddress_set.count == 1 %}checked="checked"{%endif %} value="{{emailaddress.email}}"/>

						{{ emailaddress.email }}

						{% if emailaddress.verified %}
						<span class="verified">{% trans "Verified" %}</span>
						{% else %}
						<span class="unverified">{% trans "Unverified" %}</span>
						{% endif %}

						{% if emailaddress.primary %}<span class="primary">{% trans "Primary" %}</span>{% endif %}
					</label>
				</div>
				{% endfor %}

				<div class="buttonHolder">
					<button class="secondaryAction" type="submit" name="action_primary" >{% trans 'Make Primary' %}</button>
					<button class="secondaryAction" type="submit" name="action_send" >{% trans 'Re-send Verification' %}</button>
					<button class="primaryAction" type="submit" name="action_remove" >{% trans 'Remove' %}</button>
				</div>

			</fieldset>
		</form>

		{% else %}
		<p><strong>{% trans 'Warning:'%}</strong> {% trans "You currently do not have any e-mail address set up. You should really add an e-mail address so you can receive notifications, reset your password, etc." %}</p>
		{% endif %}

		<h2>{% trans "Add E-mail Address" %}</h2>

		<form method="post" action="{% url 'account_email' %}" class="add_email">
			{% csrf_token %}
			{{ form.as_p }}
			<button name="action_add" type="submit">{% trans "Add E-mail" %}</button>
		</form>

	</div>
</div>
{% endblock %}

{% block extra_body %}
<script type="text/javascript">
(function() {
	var message = "{% trans 'Do you really want to remove the selected e-mail address?' %}";
	var actions = document.getElementsByName('action_remove');
	if (actions.length) {
		actions[0].addEventListener("click", function(e) {
			if (! confirm(message)) {
				e.preventDefault();
			}
		});
	}
})();
</script>
{% endblock %}