{% extends "withnav_template.html" %}
{% from "components/big-number.html" import big_number -%}
{% from "components/message-count-label.html" import recipient_count_label %}
{% from "components/page-header.html" import page_header %}
{% from "components/table.html" import list_table, field, right_aligned_field_heading, row_heading %}

{% block service_page_title %}
  Choose a saved contact list
{% endblock %}

{% block maincolumn_content %}

  {{ page_header(
    'Choose a saved contact list',
    back_link=url_for('.send_one_off', service_id=current_service.id, template_id=template.id)
  ) }}

  <div class='dashboard-table ajax-block-container'>
    {% call(item, row_number) list_table(
      contact_lists,
      caption="Existing contact lists",
      caption_visible=False,
      empty_message=(
        'You don’t have any contact lists yet'
      ),
      field_headings=[
        'File',
        'Status'
      ],
      field_headings_visible=False
    ) %}
      {% call row_heading() %}
        <div class="file-list">
          <a class="file-list-filename-large govuk-link govuk-link--no-visited-state" href="{{ url_for('main.send_from_contact_list', service_id=current_service.id, template_id=template.id, contact_list_id=item.id) }}">{{ item.original_file_name }}</a>
          <span class="file-list-hint">
            Uploaded {{ item.created_at|format_datetime_relative }}
          </span>
        </div>
      {% endcall %}
      {% call field() %}
        {{ big_number(
          item.row_count,
          smallest=True,
          label=recipient_count_label(
            item.row_count,
            item.template_type
          )
        ) }}
      {% endcall %}
    {% endcall %}
  </div>

{% endblock %}