{% extends "account/settings.html" %}
{% load i18n %}
{% block head_title %}{% trans "E-mail Addresses" %}{% endblock %}
{% block inner %}
  <h1 class="title">{% trans "E-mail Addresses" %}</h1>
  {% if user.emailaddress_set.all %}
    <p class="block">{% 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 field">
	    <label for="email_radio_{{forloop.counter}}" class="{% if emailaddress.primary %}primary_email{%endif%} field radio">
              <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}}" class="radio"/>
	      
              {{ emailaddress.email }}
              {% if emailaddress.verified %}
		<span class="verified tag">{% trans "Verified" %}</span>
              {% else %}
		<span class="unverified tag is-danger">{% trans "Unverified" %}</span>
              {% endif %}
              {% if emailaddress.primary %}<span class="primary tag is-primary">{% trans "Primary" %}</span>{% endif %}
	    </label>
	  </div>
	{% endfor %}

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

</fieldset>
</form>

{% else %}
  <p class="block"><strong>{% trans '提醒:'%}</strong> {% trans "您目前没有设置任何电子邮件地址。您确实应该添加一个电子邮件地址，以便接收通知、重置密码等。" %}</p>
{% endif %}

{% if can_add_email %}
  <h2 class="subtitle">{% trans "Add E-mail Address" %}</h2>
  
  <form method="post" action="{% url 'account_email' %}" class="add_email">
    {% csrf_token %}
    {% include "form_snippet.html" %}
    <button class="button is-primary" name="action_add" type="submit">{% trans "Add E-mail" %}</button>
</form>
{% endif %}
{% endblock %}


{% block extra_js %}
  <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 %}
