{% extends 'layouts/default.twig' %}

{% block title %}{{ hardware.name }}{% endblock %}

{% block content %}
<div class="row">
  <h2>{{ hardware.name }}</h2>

  <p>Hardware type: {{ hardware.type }}</p>

  <hr>

  <h2>Recently Updated Tests for This Hardware:</h2>

  {% if hardware.getTests().length > 0 %}
    <table class="twelve columns">
      <thead>
        <tr>
          <th>Test Name</th>
          <th># Benchmarks</th>
          <th>Last Updated</th>
        </tr>
      </thead>
      <tbody>
        {% for t in hardware.getTests() %}
          <tr>
            <td><a href="/test/{{ t.id }}">{{ t.title }}</a></td>
            <td>{{ t.getBenchmarks().length }}</td>
            <td>{{ t.updatedAt | date('m/d/Y g:ia') }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p>There are no tests registered yet for this hardware.</p>
  {% endif %}

  </section>

  <p><a href="/hardware">Back</a></p>
</div>
{% endblock %}