{% from "components/big-number.html" import big_number, big_number_with_status %}
{% from "components/message-count-label.html" import message_count_label %}

<div class="ajax-block">
  {% if current_service.inbound_sms_summary != None %}
    <a id="total-received" class="govuk-link govuk-link--no-visited-state banner-dashboard" class="banner-dashboard" href="{{ url_for('.inbox', service_id=current_service.id) }}">
      <span class="banner-dashboard-count">
        {{ current_service.inbound_sms_summary.count|format_thousands }}
      </span>
      <span class="banner-dashboard-count-label">
        {{ message_count_label(current_service.inbound_sms_summary.count, 'sms', suffix='received') }}
      </span>
      {% if current_service.inbound_sms_summary.most_recent %}
        <span class="banner-dashboard-meta">
          latest message {{ current_service.inbound_sms_summary.most_recent | format_delta }}
        </span>
      {% endif %}
    </a>
  {% endif %}
  {% if current_service.has_returned_letters %}
    <a id="total-returned-letters" class="govuk-link govuk-link--no-visited-state banner-dashboard" href="{{ url_for('main.returned_letter_summary', service_id=current_service.id) }}">
      <span class="banner-dashboard-count">
        {{ current_service.count_of_returned_letters_in_last_7_days|format_thousands }}
      </span>
      <span class="banner-dashboard-count-label">
        returned {{ message_count_label(current_service.count_of_returned_letters_in_last_7_days, 'letter', suffix='') }}
      </span>
      <span class="banner-dashboard-meta">
        latest report {{ current_service.date_of_most_recent_returned_letter_report|format_delta_days }}
      </span>
    </a>
  {% endif %}
</div>