<ol class="timeline">
  {{#if @allocation.nextAllocation}}
    <RescheduleEventRow
      @label="Next Allocation"
      @allocation={{@allocation.nextAllocation}}
      @time={{@allocation.nextAllocation.modifyTime}} />
  {{/if}}
  {{#if @allocation.hasStoppedRescheduling}}
    <li class="timeline-note" data-test-stop-warning>
      {{x-icon "alert-triangle" class="is-warning is-text"}} Nomad has stopped attempting to reschedule this allocation.
    </li>
  {{/if}}
  {{#if (and @allocation.followUpEvaluation.waitUntil (not @allocation.nextAllocation))}}
    <li class="timeline-note" data-test-attempt-notice>
      {{x-icon "clock" class="is-info is-text"}} Nomad will attempt to reschedule
      <span class="tooltip" aria-label="{{format-ts @allocation.followUpEvaluation.waitUntil}}">
        {{moment-from-now @allocation.followUpEvaluation.waitUntil interval=1000}}
      </span>
    </li>
  {{/if}}
  <RescheduleEventRow
    @allocation={{@allocation}}
    @linkToAllocation={{false}}
    @time={{@allocation.modifyTime}} />

  {{#each (reverse @allocation.rescheduleEvents) as |event|}}
    <RescheduleEventRow
      @allocationId={{event.previousAllocationId}}
      @time={{event.time}} />
  {{/each}}
</ol>
