{% extends 'layout.twig' %}

{% block title %}Add Benchmark Result{% endblock %}

{% block content %}

<div class="row">
  <div class="twelve columns">
    <h1>Add new benchmark result</h1>
  </div>
</div>

<div class="row">
  <div class="twelve columns">
    <form action="{{ url_for('result.add') }}" method="POST" class="u-full-width">
      <div class="row">
        <div class="four columns">
          <label for="result_test">Associated test:</label>
          <select name="result_test" id="result_test" class="u-full-width">
            {% for t in tests %}
              <option value="{{ t.id }}">{{ t.name }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="four columns">
          <label for="result_component">Hardware name:</label>
          <input type="text" id="result_component" class="u-full-width" name="result_component">
        </div>
        <div class="four columns">
          <label for="result_benchmark">Benchmark used:</label>
          <input type="text" id="result_benchmark" class="u-full-width" name="result_benchmark">
        </div>
      </div>

      <div class="row">
        <div class="six columns">
          <label for="result_type">Score type:</label>
          <select id="result_type" class="u-full-width" name="result_type">
            <option value="fps">Frames per second</option>
            <option value="points">Point value</option>
          </select>
        </div>
        <div class="two columns">
          <label for="result_avg">Average:</label>
          <input type="number" id="result_avg" class="u-full-width" name="result_avg">
        </div>
        <div class="two columns">
          <label for="result_min">Minimum:</label>
          <input type="number" id="result_min" class="u-full-width" name="result_min">
        </div>
        <div class="two columns">
          <label for="result_max">Maximum:</label>
          <input type="number" id="result_max" class="u-full-width" name="result_max">
        </div>
      </div>

      <input class="button button-primary u-full-width" type="submit" value="Submit">
    </form>
  </div>
</div>

{% endblock %}