{% extends "base.html" %}
{% block title %}Check #{{ check.ordinal }}{% end %}
{% block content %}
  <div class="uk-container uk-container-center uk-margin-large-top">
    <h2>
      {% module Template('ui/project-link.html', project=project) %}
      <span class="uk-text-nowrap">· check #{{ check.ordinal }}</span>
    </h2>
    <div class="uk-grid">
      <div class="uk-width-small-1-3">
        <dl class="uk-description-list-horizontal list-terse">
          <dt>Started:</dt>
          <dd>{% module Time(check.started) %}</dd>
          <dt>Finished:</dt>
          <dd>{% module Time(check.finished) %}</dd>
          <dt>Duration:</dt>
          <dd>{{ check.get_duration() }}</dd>
          <dt>Result:</dt>
          <dd>
            <img src="{{ project.get_url() }}/{{ check.ordinal }}/dot.svg" alt="Check Result">
            {% if check.success %}
              {{ locale.translate('{} error', '{} errors', check.errors).format(check.errors) }},
              {{ locale.translate('{} warning', '{} warnings', check.warnings).format(check.warnings) }}
            {% else %}
              job failed
            {% end %}
          </dd>
          <dt>Other formats:</dt>
          <dd><a href="{{ project.get_url() }}/{{ check.ordinal }}/raw">raw</a></dd>
        </dl>
      </div>
      <div class="uk-width-small-2-3">
        <dl class="uk-description-list-horizontal list-terse">
          {% set change = check.change %}
          <dt>Commit:</dt>
          <dd><a href="{{ adapter.get_commit_url(change) }}">{% if change.rev is not None %}{{ change.rev }}:{% end %}{{ change.node[:12] }}</a></dd>
          <dt>Branch:</dt>
          <dd><a href="{{ adapter.get_branch_url(change) }}">{{ change.branch }}</a></dd>
          <dt>Author:</dt>
          <dd>{{ change.author }}</dd>
          <dt>Date:</dt>
          <dd>{% module Time(change.date, False) %}</dd>
          <dt>Description:</dt>
          <dd>{{ change.message }}</dd>
        </dl>
      </div>
    </div>
    {% if reference is not None %}
      <p>
        Overall,
        {% if check.errors > reference.errors %}
          <span class="uk-text-danger">worse</span> than
        {% elif check.errors < reference.errors %}
          <span class="uk-text-success">better</span> than
        {% else %}
          {% if check.warnings > reference.warnings %}
            <span class="uk-text-warning">worse</span> than
          {% elif check.warnings < reference.warnings %}
            <span class="uk-text-success">better</span> than
          {% else %}
            same as
          {% end %}
        {% end %}
        <a href="{{ project.get_url() }}/{{ reference.ordinal }}">check #{{ reference.ordinal }}</a>,
        the previous check on branch {{ change.branch }}
        (<a href="{{ project.get_url() }}/{{ check.ordinal }}/compare/{{ reference.ordinal }}">compare</a>).
      </p>
    {% end %}
    {% if chart %}
      <div class="uk-position-relative uk-margin-top chart-container">
        <svg id="check-chart"></svg>
        <div class="uk-panel uk-panel-box uk-panel-box-secondary uk-display-inline-block uk-position-absolute uk-hidden chart-tooltip">
          <dl class="uk-description-list-horizontal list-terse">
            <dt>Warnings:</dt>
            <dd data-point="warnings">0</dd>
            <dt>Errors:</dt>
            <dd data-point="errors">0</dd>
            <dt>Duration:</dt>
            <dd data-point="duration">0</dd>
          </dl>
        </div>
      </div>
      <script type="application/json" id="check-chart-data">{% raw json_encode(chart) %}</script>
    {% end %}
    {% include ui/check-log.html %}
  </div>
{% end %}