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

<div class="govuk-grid-row bottom-gutter-2-3">
  <div class="govuk-grid-column-one-half">
    <div class="keyline-block">
      {{ big_number(
        job.notification_count,
        message_count_label(job.notification_count, 'letter', suffix='')|capitalize,
        smaller=True
      )}}
    </div>
  </div>
  <div class="govuk-grid-column-one-half">
    <div class="keyline-block">
      {{ big_number(
        job.letter_timings.earliest_delivery|string|format_date_short,
        'Estimated delivery date',
        smaller=True
      )}}
    </div>
  </div>
</div>