<div class="tile-status">
  <span class="icon icon-status {{build.state}}" title="{{build.state}}"></span>
  <span class="request-kind icon {{build.eventType}}" title="{{build.eventType}}"></span>
</div>

<div class="column tile-main medium-6">
  <h2>
    {{#if build.isPullRequest}}
      <small>PR #{{build.pullRequestNumber}}</small>
      {{#link-to "build" build.repo build}}
        {{{format-message build.pullRequestTitle short="true" repoBinding=build.repo}}}
      {{/link-to}}
    {{else}}
      <small>{{build.commit.branch}}</small>
      {{#link-to "build" build.repo build}}
        {{{format-message build.commit.message short="true" repoBinding=build.repo}}}
      {{/link-to}}
    {{/if}}
  </h2>
  <p class="tile-author"><img src={{urlAuthorGravatarImage}} alt="">
    {{build.commit.committerName}} committed
  </p>
</div>
<div class="column tile-additional medium-6 end">
  <div class="column small-6">
    <p class="build-status">
      {{#if build.id}}
        {{#link-to "build" build.repo build}}
          <span class="icon icon-hash"></span>
          {{build.number}} {{build.state}}
        {{/link-to}}
      {{/if}}
    </p>
    <p>
      <a href="{{urlGithubCommit}}">
        <span class="icon icon-github"></span>
        {{format-sha build.commit.sha}}
      </a>
    </p>
  </div>

  <div class="column small-6">
    <p title="{{format-duration build.duration}}">
      <span class="icon icon-clock"></span>
      {{format-duration build.duration}}
    </p>
    <p title="{{pretty-date build.formattedFinishedAt}}">
      <span class="icon icon-cal"></span>
      {{format-time build.finishedAt}}
    </p>
  </div>
</div>
