{% extends "withnav_template.html" %}
{% from "components/banner.html" import banner %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/page-header.html" import page_header %}
{% from "components/components/back-link/macro.njk" import usaBackLink %}

{% block service_page_title %}
  {{ "Message status" }}
{% endblock %}

{% block maincolumn_content %}

    {{ page_header("Message status") }}
    {{ partials['status']|safe }}
    {% if not finished %}
      <div
        data-module="update-content"
        data-resource="{{ updates_url }}"
        data-key="counts"
        data-form=""
      >
    {% endif %}
      {{ partials['counts']|safe }}
    {% if not finished %}
      </div>
    {% endif %}

    <p class="notification-status">
      Messages will remain in pending state until carrier status is received, typically 5 minutes.
    </p>
    {% if not job.processing_finished %}
      <div
        data-module="update-content"
        data-resource="{{ updates_url }}"
        data-key="notifications"
        data-form=""
      >
    {% endif %}
      {{ partials['notifications']|safe }}
    {% if not job.processing_finished %}
      </div>
    {% endif %}

    <div> </div>

{% endblock %}