<div class="moj-timeline__item">
  <div class="moj-timeline__header">
    <h2 class="moj-timeline__title">{{ item.source.submission.collection.type.constants.singular | capitalize }} marked as approved</h2>
    <p class="moj-timeline__byline">by {{ item.source.submission.collection.grant.organisation.name }}</p>
  </div>
  <p class="moj-timeline__date">
    <strong>{{ item.source.created_by.name or item.source.created_by.email }}</strong> on
    <time datetime="{{ iso_utc(item.datetime) }}">{{ format_datetime_short(item.datetime) }}</time>
  </p>
  {% if item.source.data.get("assessment_approved_reason") %}
    <div class="moj-timeline__description">
      <details class="govuk-details govuk-!-margin-bottom-0">
        <summary class="govuk-details__summary">
          <span class="govuk-details__summary-text">Additional comments</span>
        </summary>
        <div class="govuk-details__text app-pre-markdown">{{ item.source.data.get("assessment_approved_reason") }}</div>
      </details>
    </div>
  {% endif %}
</div>
