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

{% block title %}Test: {{ test.getHardware().name }} - {{ test.dateTag }}{% endblock %}

{% block content %}
<div class="row">
  <h2>Test: {{ test.getHardware().name }} - {{ test.dateTag }}</h2>
</div>

<hr>

<div class="row">
  <form id="result_form" class="twelve columns" action="/result/add" method="post">
    <input type="hidden" name="result_test" value="{{ test.id }}">

    <div class="row">
      <div class="four columns">
        <label for="result_benchmark">
          Benchmark:
          <select class="u-full-width" id="result_benchmark" name="result_benchmark">
            {% for b in test.getBenchmarks() %}
              <option value="{{ b.id }}">{{ b.name }}</option>
            {% endfor %}
          </select>
        </label>
      </div>

      <div class="two columns">
        <label for="result_avg">
          Average:
          <input type="number" id="result_avg" class="u-full-width" name="result_avg">
        </label>
      </div>

      <div class="two columns">
        <label for="result_min">
          Minimum:
          <input type="number" id="result_min" class="u-full-width" name="result_min">
        </label>
      </div>

      <div class="two columns">
        <label for="result_max">
          Maximum:
          <input type="number" id="result_max" class="u-full-width" name="result_max">
        </label>
      </div>

      <input type="submit" class="two columns" value="Submit">
    </div>
  </form>
</div>

<hr>

<div class="row">
  <div class="twelve columns">
    <h3>Benchmarks</h3>
    <table class="u-full-width">
      <thead>
        <tr>
          <td>Benchmark</td>
          <td># Results</td>
          <td>Avg.</td>
          <td>Min.</td>
          <td>Max.</td>
        </tr>
      </thead>
      <tbody>
        {% for b in test.getBenchmarks() %}
          <tr>
            <td>{{ b.name }}</td>
            <td>{{ test.getResults({where: {testId: test.id}})|length }}</td>
            <td>N/a</td>
            <td>N/a</td>
            <td>N/a</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <hr>

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