{% 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="Description Icon">
        <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 job.still_processing or arrived_from_preview_page_url %}
      {% if job.scheduled_for %}
        <div class="usa-alert usa-alert--info">
          <div class="usa-alert__body">
            <h4 class="usa-alert__heading">Your text has been scheduled</h4>
            <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 %}
        <div class="usa-alert usa-alert--success">
          <div class="usa-alert__body">
            <h4 class="usa-alert__heading">Your text has been sent</h4>
            <p class="usa-alert__text">
              {{ job.template_name }} - {{ current_service.name }} was sent on {{ job.created_at|format_datetime_normal }} by {{ job.created_by.name }}
            </p>
          </div>
        </div>
        {{display_message_status}}
      {% endif %}
    {% 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>