{% from "components/big-number.html" import big_number, 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"
>
  <div class="grid-row">
    <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 class="column-whole">
      <a class="big-number-with-status-show-more-link" href="{{ url_for('.weekly', service_id=current_service.id) }}">Compare to previous weeks</a>
    </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 sent this year</a>
  </p>

  {% if current_user.has_permissions(['manage_settings'], admin_override=True) %}
    <h2 class='heading-medium'>Usage</h2>   

    <div class='grid-row'>
      <div class='column-half'>
        <div class="keyline-block">
          {{ big_number("Unlimited", 'free email allowance', smaller=True) }}
        </div>
      </div>
      <div class='column-half'>
        <div class="keyline-block">
          {% if sms_chargeable %}
            {{ big_number(
              (sms_chargeable * sms_rate),
              'spent on text messages',
              currency="£",
              smaller=True
            ) }}
          {% else %}
            {{ big_number(sms_allowance_remaining, 'free text messages left', smaller=True) }}
          {% endif %}
        </div>
      </div>
    </div>
    <div class="keyline-block-show-more-link">
      <a href="{{ url_for(".usage", service_id=current_service['id']) }}">See breakdown</a>
    </div>
  {% endif %}

</div>