{{#if jobs.isLoaded}}
  {{#if jobs.length}}
    {{#each jobs as |job| }}
      <div class="tile tile--sidebar {{job.state}}">
        {{#if job.repo.slug}}
          {{status-icon status=job.state}}
          {{#link-to "job" job.repo job}}
            <span class="label-align">{{job.repo.slug}}</span>
          {{/link-to}}
        {{/if}}

        <p class="tile-title float-right">
          <span class="icon-hash">
          </span>
          {{#if job.repo.slug}}
            {{#link-to "job" job.repo job}}<span class="label-align">{{job.number}}</span>{{/link-to}}
          {{/if}}
        </p>

        <p>
          <span class="icon-clock">
          </span>
          <span class="label-align">
            Duration:
            <time class="duration" datetime={{job.startedAt}} title={{job.startedAt}}>
              {{format-duration job.duration}}
            </time>
          </span>
        </p>

      </div>
    {{/each}}
  {{else}}
    <div class="loading-container">There are no jobs running</div>
  {{/if}}
{{else}}
  {{loading-indicator center="true"}}
{{/if}}