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

{% block page_title %}
  GOV.UK Notify | Dashboard
{% endblock %}

{% block maincolumn_content %}

    {% if not has_templates %}
      {{ banner(
        '<a href="{}">Add a template</a> to start sending notifications'.format(
          url_for(".add_service_template", service_id=service_id)
        )|safe,
        type="tip"
      )}}
    {% endif %}

    <ul class="grid-row job-totals">
      <li class="column-half">
        {{ big_number(
          free_text_messages_remaining,
          'free text messages remaining'
        )}}
      </li>
      <li class="column-half">
        {{ big_number(
          '£' + spent_this_month,
          'spent this month'
        )}}
      </li>
    </ul>

    {% call(item) list_table(
      [],
      caption="Recent text messages",
      empty_message='You haven’t sent any text messages yet',
      field_headings=['Job', 'File', 'Time', 'Status']
    ) %}
      {% call field() %}
        <a href="{{ url_for('.view_job', service_id=service_id, job_id=456) }}">{{ item.file }}</a>
      {% endcall %}
      {% call field() %}
        <a href="{{ url_for('.view_job', service_id=service_id, job_id=456) }}">{{ item.job }}</a>
      {% endcall %}
      {% call field() %}
        {{ item.time }}
      {% endcall %}
      {% call field() %}
        {{ item.status }}
      {% endcall %}
    {% endcall %}

{% endblock %}