{% extends "account/base_manage_email.html" %}
{% comment %}
SPDX-FileCopyrightText: 2024 Helmholtz-Zentrum Dresden-Rossendorf (HZDR)

SPDX-License-Identifier: GPL-3.0-or-later
{% endcomment %}
{% load allauth widget_tweaks %}
{% block head_title %}
  Email Addresses
{% endblock head_title %}
{% block content %}
  {% include "allauth/elements/heliport_heading.html" with text="Email Addresses" %}
  {% if emailaddresses %}
    <p>The following email addresses are associated with your account:</p>
    <form method="post" action="{% url 'account_email' %}">
      {% csrf_token %}
      {% for radio in emailaddress_radios %}
        {% with emailaddress=radio.emailaddress %}
          <div {% if forloop.last %} class="form-check mb-3" {% else %} class="form-check" {% endif %}>
            <input class="form-check-input"
                   type="radio"
                   {% if radio.checked %}checked{% endif %}
                   name="email"
                   value="{{ emailaddress.email }}"
                   id="{{ radio.id }}">
            <label class="form-check-label" for="{{ radio.id }}">
              {{ emailaddress.email }}
              {% if emailaddress.verified %}
                <span class="badge rounded-pill text-bg-success">Verified</span>
              {% else %}
                <span class="badge rounded-pill text-bg-warning">Unverified</span>
              {% endif %}
              {% if emailaddress.primary %}<span class="badge rounded-pill text-bg-primary">Primary</span>{% endif %}
            </label>
          </div>
        {% endwith %}
      {% endfor %}
      <div class="d-grid gap-2">
        <button class="btn btn-primary" type="submit" name="action_primary">Make Primary</button>
        {% if EMAIL_ENABLED %}
          <button class="btn btn-secondary" type="submit" name="action_send">Re-send Verification</button>
        {% endif %}
        <button class="btn btn-danger" type="submit" name="action_remove">Remove</button>
      </div>
    </form>
  {% else %}
    {% include "account/snippets/warn_no_email.html" %}
  {% endif %}
  {% if emailaddresses and can_add_email %}<hr />{% endif %}
  {% if can_add_email %}
    {% include "allauth/elements/heliport_heading.html" with text="Add Email Address" %}
    <form method="post" action="{% url 'account_email' %}">
      {% csrf_token %}
      {% for field in form %}
        <div class="mb-3">
          <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
          {{ field|add_class:"form-control" }}
          {% include "allauth/elements/heliport_form_errors.html" with errors=field.errors %}
        </div>
      {% endfor %}
      <div class="d-grid">
        <button class="btn btn-primary" type="submit" name="action_add">Add Email</button>
      </div>
    </form>
  {% endif %}
{% endblock content %}
{% block extra_body %}
  {# TODO: Implement modal to replace this #}
  <script type="text/javascript">
(function() {
  var message = 'Do you really want to remove the selected email address?';
  var actions = document.getElementsByName('action_remove');
  if (actions.length) {
    actions[0].addEventListener("click", function(e) {
      if (! confirm(message)) {
        e.preventDefault();
      }
    });
  }
})();
  </script>
{% endblock extra_body %}