{% extends "account/base.html" %}
{% load i18n crispy_forms_tags %}
{% block title %}{% trans "Account" %}{% endblock title %}
{% block page_title %}{% trans "E-mail Addresses" %}{% endblock page_title %}

{% block content %}
{% 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 %}
  <table class="table table-condensed">
    <thead>
      <tr>
        <th>{% trans "Email address" %}</th>
        <th>{% trans "Verified" %}</th>
        <th>{% trans "Primary" %}</th>
      </tr>
    </thead>
    <tbody>
    {% for emailaddress in user.emailaddress_set.all %}
      <tr>
        <td>{{ emailaddress.email }}</td>
        <td>
          {% if emailaddress.verified %}
            <span class="verified">{% trans "Verified" %}</span>
          {% else %}
            <span class="unverified">{% trans "Unverified" %}</span>
          {% endif %}
        </td>
        <td>
          {% if emailaddress.primary %}
          <span class="glyphicon glyphicon-star" title="{% trans "This is the current primary Email address" %}"></span>
          {% else %}
          <span class="glyphicon glyphicon-star-empty"></span>
          {% endif %}
        <input id="email_radio_{{forloop.counter}}" type="radio" name="email" {% if emailaddress.primary %}checked="checked"{%endif %} value="{{emailaddress.email}}" />
        </td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
  <p>
    <button class="btn btn-default" type="submit" name="action_primary" >{% trans 'Make Primary' %}</button>
    <button class="btn btn-default" type="submit" name="action_send" >{% trans 'Re-send Verification' %}</button>
    <button class="btn btn-warning" type="submit" name="action_remove" >{% trans 'Remove' %}</button>
  </p>
</form>
{% else %}
<p class="text-warning"><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 | crispy }}
  <button name="action_add" type="submit" class="btn btn-primary">{% trans "Add E-mail" %}</button>
</form>
{% endblock content %}

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