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

{% block title %}Test: {{ test.title }}{% endblock %}

{% block content %}
<div class="row">
  <h2>Test: {{ test.title }}</h2>

  <h4>Hardware tested: <a href="/hardware/{{ test.getHardware().id }}">{{ test.getHardware().name }}</a></h4>
</div>

<hr>

<div class="row">
  <form id="test-result-form" class="twelve columns" action="/api/v1/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" step="0.01" required>
        </label>
      </div>

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

      <div class="two columns">
        <label for="result_max">
          Maximum:
          <input type="number" id="result_max" class="u-full-width" name="result_max" step="0.01">
        </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 id="results-table" data-test-id="{{ test.id }}" class="u-full-width">
      <thead>
        <tr>
          <td>Benchmark</td>
          <td>Scoring type</td>
          <td># Results</td>
          <td>Avg.</td>
          <td>Min.</td>
          <td>Max.</td>
        </tr>
      </thead>
      <tbody>
        {% for b in test.getBenchmarks() %}
          <tr data-benchmark-id="{{ b.id }}"></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <hr>

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

<script src="/js/test.js" type="text/javascript"></script>
{% endblock %}