{% set display_message_status %}
{% if job.template.content %}
  <h2 class="sms-message-header">Message</h2>
  <div class="sms-message-wrapper">{{ current_service.name }}: {{job.template.content}}</div>
{% endif %}
{% if job.original_file_name %}
  <h2 class="recipient-list">Recipient list</h2>
  <div>
    <ul class="usa-icon-list">
      <li class="usa-icon-list__item">
        <img src="{{ url_for('static', filename='img/material-icons/description.svg') }}" alt="">
        <div class="usa-icon-list__content">
          <h3>{{ job.original_file_name }}</h3>
        </div>
      </li>
    </ul>
  </div>
{% endif %}
<h2>Delivery Status</h2>
{% endset %}

<div class="ajax-block-container">
  <p class='bottom-gutter'>
    {% if not job.finished_processing %}
      {% if job.scheduled_for %}
        <div class="usa-alert usa-alert--info">
          <div class="usa-alert__body">
            <h2 class="usa-alert__heading">Your {{ 'message has' if job.notification_count == 1 else 'messages have' }} been scheduled</h2>
            <p class="usa-alert__text">
              {{ job.template_name }} - {{ current_service.name }} was scheduled on {{ job.scheduled_for|format_datetime_normal }} by {{ job.created_by.name }}
            </p>
          </div>
        </div>
        {{display_message_status}}
      {% else %}
        {% if job.processing_started %}
          <div class="usa-alert usa-alert--success">
            <div class="usa-alert__body">
              <h2 class="usa-alert__heading">
                Your {{ 'message is' if job.notification_count == 1 else 'messages are' }} sending
              </h2>
              <p class="usa-alert__text">
                {{ job.template_name }} - {{ current_service.name }}
                has been sending since {{job.processing_started| format_datetime_normal}} by {{ job.created_by.name }}
              </p>
            </div>
          </div>
        {% else %}
          <div class="usa-alert usa-alert--info">
            <div class="usa-alert__body">
              <h2 class="usa-alert__heading">
                Your {{ 'message is' if job.notification_count == 1 else 'messages are' }} pending
              </h2>
              <p class="usa-alert__text">
                {{ job.template_name }} - {{ current_service.name }}
                has been pending since {{job.created_at|format_datetime_normal}} by {{ job.created_by.name }}
              </p>
            </div>
          </div>
        {% endif %}
        {{display_message_status}}
      {% endif %}
    {% elif arrived_from_preview_page_url %}
      <div class="usa-alert usa-alert--success">
        <div class="usa-alert__body">
          <h2 class="usa-alert__heading">
              Your {{ 'message has' if job.notification_count == 1 else 'messages have' }} been sent
          </h2>
          <p class="usa-alert__text">
            {{ job.template_name }} - {{ current_service.name }}
              was sent on {{job.processing_started|format_datetime_normal}} by {{ job.created_by.name }}
          </p>
        </div>
      </div>
      {{display_message_status}}
    {% endif %}
  </p>
  {% if job.status == 'sending limits exceeded'%}
    <p class="usa-error-message">
        Notify cannot send these messages because you have reached a limit. You can only send {{ current_service.message_limit|format_thousands }} messages per day and {{ 250000|format_thousands }} messages in total.
    </p>
    <p class="usa-error-message">
        Upload this spreadsheet again tomorrow or <a class="usa-link" href="https://www.notifications.service.gov.uk/support">contact the Notify.gov team</a> to raise the limit.
    </p>
    {% endif %}
</div>