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

<div
  data-module="update-content"
  data-resource="{{url_for(".service_dashboard_updates", service_id=current_service.id)}}"
  data-key="today"
  data-interval-seconds="2"
  aria-live="polite"
>
  <h2 class="heading-medium">
    In the last 7 days
  </h2>
  <div class="grid-row bottom-gutter">
    <div class="column-half">
      {{ big_number_with_status(
        statistics.emails_requested,
        'email' if statistics.emails_requested == 1 else 'emails',
        statistics.emails_failed,
        statistics.get('emails_failure_rate', 0.0),
        statistics.get('emails_failure_rate', 0)|float > 3,
        failure_link=url_for(".view_notifications", service_id=current_service.id, template_type='email', status='failed'),
        label_link=url_for(".view_notifications", service_id=current_service.id, template_type='email', status='delivered,failed')
      ) }}
    </div>
    <div class="column-half">
      {{ big_number_with_status(
        statistics.sms_requested,
        'text message' if statistics.sms_requested == 1 else 'text messages',
        statistics.sms_failed,
        statistics.get('sms_failure_rate', 0.0),
        statistics.get('sms_failure_rate', 0)|float > 3,
        failure_link=url_for(".view_notifications", service_id=current_service.id, template_type='sms', status='failed'),
        label_link=url_for(".view_notifications", service_id=current_service.id, template_type='sms', status='delivered,failed')
      ) }}
    </div>
  </div>
  {% with period = "in the last 7 days" %}
    {% include 'views/dashboard/template-statistics.html' %}
  {% endwith %}
  <p class='table-show-more-link'>
    <a href="{{ url_for('.template_history', service_id=current_service.id) }}">See all templates used this year</a>
  </p>
</div>