{{ template "header" . }}

<div class="row">
  <h2>{{ .hardware.Name }}</h2>

  <p>{{ .hardware.Type }}</p>

  <hr>

  <h4>Tests Using This Component:</h4>

  {{ $length := len .hardware.Tests }} {{ if eq $length 0 }}
    <p>There are currently no tests using this hardware component.</p>
  {{ else }}
    <table class="u-full-width card-1">
      <thead>
        <tr>
          <th>Test</th>
          <th># of Benchmarks</th>
          <th>Last Updated</th>
        </tr>
      </thead>
      <tbody>
        {{ range $test := .hardware.Tests }}
          <tr>
            <td><a href="/test/{{ $test.ID }}">{{ $test.Name }}</a></td>
            <td>{{ len $test.Benchmarks }}</td>
            <td>{{ $test.CreatedAt.Format "01/02/2006 15:04am" }}</td>
          </tr>
        {{ end }}
      </tbody>
    </table>
  {{ end }}

  <hr>

  <p><a href="/hardware">Back</a></p>
</div>

{{ template "footer" . }}