{{#link-to "job" repo job}}
  <div class="tile-status tile-status--job">
    {{#if isAnimating}}
      <span class="icon-receiving"><i></i><i></i><i></i></span>
    {{else}}
      <span class="icon icon--job {{job.state}}"></span>
    {{/if}}
  </div>

  <p class="job-id jobs-item build-status">
    <span class="icon icon--hash-dark"></span>
    {{job.number}}
  </p>

  <p class="job-os jobs-item build-os {{job.config.os}}">
    <span class="icon {{job.config.os}}"></span>
  </p>

  {{#if languages}}
    <p class="job-lang jobs-item build-lang">
      <span class="icon icon--lang"></span>
      {{languages}}
    </p>
  {{else}}
    <p class="job-lang jobs-item build-lang is-empty">
      <span class="icon icon--lang"></span>
      no language set
    </p>
  {{/if}}

  <div class="job-anchor jobs-item">
    {{#if environment}}
      <p class="job-env jobs-item build-env">
        <span class="icon icon--env"></span>
        {{environment}}
      </p>
    {{else}}
      <p class="job-env jobs-item build-env is-empty">
        <span class="icon icon--env"></span>
        no environment variables set
      </p>
    {{/if}}

    <p class="job-duration jobs-item" title="Started {{pretty-date job.startedAt}}">
      <span class="icon icon--clock-dark"></span>
      {{format-duration job.duration}}
    </p>

  </div>
{{/link-to}}
