{% extends "base/document.html" %}
{% load crispy_forms_tags %}

{% block title %}
  {% trans 'My Emails' %}
{% endblock %}

{% block content %}
  <h2>{% trans 'My Emails' %}</h2>
  {% include 'fnprofile/includes/_fnprofile_navigation.html' %}
  <div class="d-flex justify-content-end">
    <div class="btn-group" role="group">
      <button type="button"
              onclick="open_small_window('{% url 'fnprofile:new_email' %}');"
              class="btn btn-primary">{% trans 'Add Email' %}</button>
    </div>
  </div>
  {% if AS_SITE and emails %}
    <div class="table-container">
      <div class="table-responsive">
        <table class="table table-hover">
          <thead class="table-light">
            <tr>
              <th>{% trans 'Email Address' %}</th>
              <th>{% trans 'Is Verified' %}</th>
              <th>{% trans 'Verified at' %}</th>
              <th>{% trans 'Is Disabled' %}</th>
              <th>{% trans 'Is Primary' %}</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            {% for email in emails %}
              <tr>
                <td>{{ email.email }}</td>
                <td>
                  {{ email.is_verified_t }}
                  {% if not email.is_verified %}
                    <a title="{% trans 'Click to send a verification email to your email address.' %}"
                       href="{% url 'fnprofile:edit_email' email_id=email.id %}?resend_verification_email=1">{% trans 'Verify' %}</a>
                  {% endif %}
                </td>
                <td>{{ email.verified_at }}</td>
                <td>{{ email.is_disabled_t }}</td>
                <td>{{ email.is_primary_t }}</td>
                <td>
                  <a class="link-primary"
                     onclick="open_small_window('{% url 'fnprofile:edit_email' email_id=email.id %}?include_document=0');">{% trans 'View' %}</a>
                  {% if not email.is_primary %}
                    |
                    <a class="link-danger"
                       onclick="open_small_window('{% url 'fnprofile:delete_email' email_id=email.id %}')">{% trans 'Delete' %}</a>
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  {% endif %}
{% endblock %}
{% block extra_js %}<script></script>{% endblock %}