{% extends "withnav_template.html" %}
{% from "components/table.html" import list_table, field, right_aligned_field_heading %}
{% from "components/big-number.html" import big_number %}
{% from "components/banner.html" import banner %}
{% from "components/sms-message.html" import sms_message %}

{% block page_title %}
  {{ uploaded_file_name }} – GOV.UK Notify
{% endblock %}

{% block maincolumn_content %}

    <h1 class="heading-large">
      {{ uploaded_file_name }}
    </h1>

    <div class="grid-row">
      <div class="column-two-thirds">
        {{ sms_message(
          template['content'],
        )}}
      </div>
    </div>

    <p class='heading-small'>
      Started {{ uploaded_file_time|format_datetime }}
    </p>

    <ul class="grid-row job-totals">
      <li class="column-one-quarter">
        {{ big_number(
          0, 'queued'
        )}}
      </li>
      <li class="column-one-quarter">
        {{ big_number(
          1, 'sent'
        )}}
      </li>
      <li class="column-one-quarter">
        {{ big_number(
          counts.failed,
          'failed'
        )}}
      </li>
      <li class="column-one-quarter">
        {{ big_number(
          cost, 'total cost'
        )}}
      </li>
    </ul>

    {% call(item) list_table(
      [
        {'row': 1, 'phone': '+447700 900995', 'template': template['name'], 'status': 'queued'}
      ],
      caption=uploaded_file_name,
      caption_visible=False,
      empty_message="Messages go here",
      field_headings=[
        'Row',
        'Recipient',
        'Template',
        right_aligned_field_heading('Status')
      ]
    ) %}
      {% call field() %}
        {{ item.row }}.
      {% endcall %}
      {% call field() %}
        {{item.phone[:3]}} •••• ••••••
      {% endcall %}
      {% call field() %}
        {{item.template}}
      {% endcall %}
      {% call field(
        align='right',
        status='error' if item.status == 'Failed' else 'default'
      ) %}
        {{ item.status }}
      {% endcall %}
    {% endcall %}

{% endblock %}