{% from "components/big-number.html" import big_number %}

<div class="grid-row bottom-gutter">
  <div class="grid-col-6">
    <span class="big-number-with-status">
      {{ big_number({{ global_stats.email.delivered + global_stats.email.failed }}, {{global_stats.email.delivered|message_count_label('email')}}, link=link, smaller=True, smallest=False) }}
      {% if show_failures %}
        <span class="big-number-status{% if (global_stats.email.failure_rate|float > 3) is sameas true %} big-number-status--failing{% endif %}">
          {% if global_stats.email.failed %}
            {% if failure_link %}
              <a class="usa-link" href="{{ failure_link }}">
                {{ "{:,}".format(global_stats.email.failed) }}
                failed – {{ global_stats.email.failure_rate }}%
              </a>
            {% else %}
              {{ "{:,}".format(global_stats.email.failed) }}
              failed – {{ global_stats.email.failure_rate }}%
            {% endif %}
          {% else %}
            No failures
          {% endif %}
        </span>
      {% endif %}
    </span>
  </div>
  <div class="grid-col-6">
    <span class="big-number-with-status">
      {{ big_number({{global_stats.sms.delivered + global_stats.sms.failed}}, {{global_stats.sms.delivered|message_count_label('sms')}}, link=link, smaller=True, smallest=False) }}
      {% if show_failures %}
        <span class="big-number-status{% if (global_stats.sms.failure_rate|float > 3) is sameas true %} big-number-status--failing{% endif %}">
          {% if global_stats.sms.failed %}
            {% if failure_link %}
              <a class="usa-link" href="{{ failure_link }}">
                {{ "{:,}".format(global_stats.sms.failed) }}
                failed – {{ global_stats.sms.failure_rate }}%
              </a>
            {% else %}
              {{ "{:,}".format(global_stats.sms.failed) }}
              failed – {{ global_stats.sms.failure_rate }}%
            {% endif %}
          {% else %}
            No failures
          {% endif %}
        </span>
      {% endif %}
    </span>
  </div>
</div>