<ol class="order-timeline">
  @for (entry of entries(); track entry.timestamp + (entry.note || '')) {
    <li class="order-timeline__item">
      <span class="order-timeline__dot" aria-hidden="true"></span>
      <div class="order-timeline__body">
        <div class="order-timeline__meta">
          <time>{{ entry.timestamp | date:'short' }}</time>
          @if (entry.status) {
            <span class="order-timeline__status">{{ ('adminOrders.status.' + entry.status) | translate }}</span>
          }
          @if (showOrderNumber() && entry.orderNumber) {
            <span class="order-timeline__order">{{ entry.orderNumber }}</span>
          }
        </div>
        <p class="order-timeline__note">{{ entry.note }}</p>
        @if (entry.actor) {
          <span class="order-timeline__actor">{{ entry.actor }}</span>
        }
      </div>
    </li>
  }
</ol>
