{% from "components/table.html" import list_table, field, right_aligned_field_heading, date_field, row_heading %}

<div
  {% if not finished %}
    data-module="update-content"
    data-resource="{{url_for(".view_job_updates", service_id=current_service.id, job_id=job.id)}}"
    data-key="notifications"
    aria-live="polite"
  {% endif %}
>

  {% call(item, row_number) list_table(
    notifications,
    caption=uploaded_file_name,
    caption_visible=False,
    empty_message="No messages to show yet",
    field_headings=[
      'Recipient',
      'Time',
      'Status'
    ],
    field_headings_visible=False
  ) %}
    {% call row_heading() %}
      {{ item.to }}
    {% endcall %}
    {{ date_field(
      (item.updated_at or item.created_at)|format_datetime_short
    ) }}
    {% call field(
      align='right',
      status=item.status|format_notification_status_as_field_status
    ) %}
      {{ item.status|format_notification_status(item.template.template_type) }}
    {% endcall %}
  {% endcall %}

</div>