{% from "components/table.html" import list_table, row_heading %}
{% 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="dashboard-table">
    {% 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 row_heading() %}
      <a class="govuk_link file-list-filename"
         href="{{url_for('.returned_letters', 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 %}