{% from "components/table.html" import list_table, field %}
{% from "components/message-count-label.html" import message_count_label %}
{% extends "withnav_template.html" %}

{% block service_page_title %}
  Returned letters
{% endblock %}

{% block maincolumn_content %}
<h1 class="heading-large">
    Returned letters
  </h1>
<div class="body-copy-table" id='pill-selected-item'>
    {% call(item, row_number) list_table(
        data,
        caption="Returned letters report",
        caption_visible=False,
        empty_message='If you have returned letter reports they will be listed here'
      ) %}
    {% call field() %}
      <a download class="govuk_link file-list-filename"
         href="{{url_for('.returned_letters_report', service_id=current_service.id, reported_at=item.reported_at)}}">{{ item.reported_at | format_date_normal }}</a>
       <p class="file-list-hint">
         {{ item.returned_letter_count}} {{ message_count_label(item.returned_letter_count, 'letter', suffix='')}}
       </p>
    {% endcall %}
  {% endcall %}
</div>

{% endblock %}

{% from "components/table.html" import list_table, field %}
{% from "components/message-count-label.html" import message_count_label %}
{% extends "withnav_template.html" %}

{% block service_page_title %}
  Returned letters
{% endblock %}

{% block maincolumn_content %}
<h1 class="heading-large">
    Returned letters
  </h1>
<div class="body-copy-table" id='pill-selected-item'>
    {% call(item, row_number) list_table(
        data,
        caption="Returned letters report",
        caption_visible=False,
        empty_message='If you have returned letter reports they will be listed here',
        field_headings=['Report'],
        field_headings_visible=False
      ) %}
    {% call field() %}
      <a download class="govuk_link file-list-filename"
         href="{{url_for('.returned_letters_report', service_id=current_service.id, reported_at=item.reported_at)}}">{{ item.reported_at | format_date_normal }}</a>
       <p class="file-list-hint">
         {{ item.returned_letter_count}} {{ message_count_label(item.returned_letter_count, 'letter', suffix='')}}
       </p>
    {% endcall %}
  {% endcall %}
</div>

{% endblock %}

Add field headings to table
Add field headings to table

Headings are good for accessibility. They also are what adds the grey
border to the top of the first row in the table.
