{% extends "admin/change_list.html" %}
{% load i18n %}

{% block bodyclass %}change-list historic{% endblock %}

{% block breadcrumbs %}
{% if not is_popup %}
<div class="breadcrumbs">
     <a href="{% url 'admin:index' %}">{% trans "Admin." %}</a> &rsaquo;
     <a href="{% url 'admin:app_list' "newsletter" %}">{{ app_label|capfirst|escape }}</a> &rsaquo; 
     <a href="{% url 'admin:newsletter_newsletter_changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a> &rsaquo; 
     {{ title }}
</div>
{% endif %}
{% endblock %}

{% block content %}
<div id="content-main">
  <div class="module" id="changelist">
    <table cellspacing="0">
      <thead>
	<tr>
	  <th>{% trans "Date" %}</th>
	  <th>{% trans "Contact" %}</th>
	  <th>{% trans "Action" %}</th>
	</tr>
      </thead>
      <tbody>
	{% for event in original.contactmailingstatus_set.all %}
	<tr class="{% cycle row1,row2 %}">
	  <td class="nowrap">{{ event.creation_date|date:"d F Y, H:i" }}</td>
	  <td>{{ event.contact.mail_format }}</td>
	  <td>
        {% comment %}
          Show link to error details page if needed.
          ERROR = 1
          BOUNCED = 8
          COMPLAINT = 9
          REJECTED = 10 
        {% endcomment %}
        {% if event.status == 1 or event.status == 8 or event.status == 9 or event.status == 10 %}
          <form action='{% url "Theophrastus.newsletter_extension.views.viewErrorDetails" slug=original.slug contactMailingStatusId=event.id %}' method='post'>
            {% csrf_token %}
            <a href="#" onclick="$(this).closest('form').submit()">{{ event.get_status_display }}</a>
          </form>
        {% else %}
          {{ event.get_status_display }}
        {% endif %}</td>
	</tr>
	{% endfor %}
      </tbody>
    </table>
  </div>
  <form method="post" action="{% url "resendErrorContact" newsletterId=original.contactmailingstatus_set.all.0.newsletter_id %}" >
      {% csrf_token %}
      <button type="submit">{% trans "Resend errors" %}</button>
  </form>
  <p style="color: green;">{{ sendConfirm }}</p>
  <p style="color: red;">{{ information }}</p>
</div>
{% endblock %}