{% extends "withnav_template.html" %}

{% from "components/table.html" import list_table, field, text_field, link_field, right_aligned_field_heading, hidden_field_heading, row_heading, notification_status_field, notification_carrier_field, notification_carrier_message_field %}
{% from "components/ajax-block.html" import ajax_block %}

{% block service_page_title %}
  Dashboard
{% endblock %}

{% block maincolumn_content %}

  <div class="dashboard margin-bottom-8">

    <h1 class="usa-sr-only">Dashboard</h1>
    {% if current_user.has_permissions('manage_templates') and not current_service.all_templates %}
      {% include 'views/dashboard/write-first-messages.html' %}
    {% endif %}

    {{ ajax_block(partials, updates_url, 'upcoming') }}

    <h2 class="font-body-xl margin-0">
      Messages sent
    </h2>
    <p class="margin-top-0">In the last seven days</p>

    {{ ajax_block(partials, updates_url, 'inbox') }}

    {{ ajax_block(partials, updates_url, 'totals') }}

    {{ ajax_block(partials, updates_url, 'template-statistics') }}

    <h2 class="margin-top-4 margin-bottom-1">Batched Jobs</h2>

    <div class='job-table'>
      {% call(item, row_number) list_table(
        notifications,
        caption="Batched Jobs",
        caption_visible=False,
        border_visible=True,
        empty_message='No batched job messages found &thinsp;(messages are kept for {} days)'.format(service_data_retention_days)|safe,
        field_headings=['Template Name','Date/Time', 'Download (CSV) Report'],
        field_headings_visible=False
      ) %}
        {% if item.job.original_file_name and item.job.id %}
          {% call row_heading() %}
            <a class="usa-link file-list-filename" href="/services/{{ item.service }}/jobs/{{ item.job.id }}">{{ item.job.original_file_name|replace('.csv', '') if item.job.id else '' }}</a>
          {% endcall %}
          {% call row_heading() %}
            {{ item.status|format_notification_status_as_time(
              item.created_at|format_datetime_short,
              (item.updated_at or item.created_at)|format_datetime_short)
            }}
          {% endcall %}
          {% call row_heading() %}
            {% set availability = download_availability|selectattr('job_id', 'equalto', item.job.id)|first %}
              {% if availability and availability.time_left != "Data no longer available" %}
                <a class="usa-link file-list-filename" href="{{ availability.download_link[0] }}">{{ "Download" if item.job.original_file_name else '' }}</a>
                <span>- {{ availability.time_left }}</span>
              {% elif availability %}
                <span>{{ availability.time_left }}</span>
              {% endif %}
          {% endcall %}
        {% endif %}
      {% endcall %}
    </div>


    {% if show_pagination %}
      {{ previous_next_navigation(prev_page, next_page) }}
    {% elif next_page %}
      <p class="table-show-more-link">
        Only showing the first 50 messages
      </p>
    {% endif %}


    <h2 class="margin-top-4 margin-bottom-1">Usage</h2>
    <h3 class="margin-bottom-0">Daily</h3>
    <p class="margin-0">Across all services</p>
    <table class="usage-table usa-table usa-table--borderless margin-top-1 margin-bottom-5">
      <caption class="usa-sr-only">
        Daily
      </caption>
      <thead>
        <tr>
          <th scope="col">Usage</th>
          <th scope="col">Remaining</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>{{ global_message_limit - daily_global_messages_remaining }}</td>
          <td>
            {{ daily_global_messages_remaining }}
          </td>
        </tr>
      </tbody>
    </table>

    {% if current_user.has_permissions('manage_service') %}
      <h3 class='margin-bottom-0' id="current-year"></h3>
      {{ ajax_block(partials, updates_url, 'usage') }}
      <a
        href="{{ url_for('.usage', service_id=current_service['id']) }}"
        class="usa-link show-more"
      ><span>See all usage</span></a>
    {% endif %}
  </div>

{% endblock %}