{% extends "withnav_template.html" %}
{% from "components/table.html" import list_table, field %}
{% from "components/page-header.html" import page_header %}
{% from "components/back-link/macro.njk" import govukBackLink %}

{% block service_page_title %}
  Returned letters for {{ reported_at|format_date_normal }}
{% endblock %}


{% block backLink %}
  {{ govukBackLink({ "href": url_for('main.returned_letter_summary', service_id=current_service.id) }) }}
{% endblock %}

{% block maincolumn_content %}

{{ page_header('Returned letters for {}'.format(reported_at|format_date_normal)) }}

<p class="bottom-gutter">
  <a download href="{{ url_for('.returned_letters_report', service_id=current_service.id, reported_at=reported_at) }}" class="govuk-link heading-small">Download this report</a>
</p>

<div class="dashboard-table">
  {% call(item, row_number) list_table(
      returned_letters,
      caption="Returned letters for {}".format(today),
      caption_visible=False,
      empty_message='If you have returned letter reports they will be listed here',
      field_headings=['Template name', 'Originally sent'],
      field_headings_visible=False
  ) %}
    {% call field() %}
      <span class="file-list-filename file-list-filename-unlinked">{{ item.template_name or item.uploaded_letter_file_name or 'Provided as PDF' }}</span>
      <span class="file-list-hint">
        {% if item.client_reference %}
          Reference {{ item.client_reference }}
        {% elif item.original_file_name %}
          Sent from {{ item.original_file_name }}
        {% else %}
          No reference provided
        {% endif %}
      </span>
    {% endcall %}
    {% call field(align='right') %}
      <span class="align-with-message-body">
        <span class="status-hint">
          Sent {{ item.created_at|format_date_normal }}
        </span>
      </span>
    {% endcall %}
  {% endcall %}
  {% if more_than_one_page %}
    <p class="table-show-more-link">
      Only showing the first {{ page_size }} of {{ count_of_returned_letters|format_thousands }} rows
    </p>
  {% endif %}
</div>

{% endblock %}