{% extends 'layout.twig' %}

{% block title %}Add New Test{% endblock %}

{% block content %}

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

<div class="row">
  <div class="twelve columns">
    <form action="{{ url_for('test.add') }}" method="POST" class="u-full-width">
      <div class="row">
        <div class="six columns">
          <label>
            Test title:
            <input class="u-full-width" type="text" name="test_title" placeholder="My new test">
          </label>
        </div>

        <div class="six columns">
          <label>
            Hardware component:
            <select class="u-full-width" name="test_component">
              {% for c in components %}
                <option value="{{ c.id }}">{{ c.name }}</option>
              {% endfor %}
            </select>
          </label>
        </div>
      </div>

      <div class="row">
        <div class="twelve columns">
          <label>
            Benchmarks:
            <select id="benchmark-selector" class="u-full-width" name="test_benchmarks[]" multiple>
              {% for b in benchmarks %}
                <option value="{{ b.id }}">{{ b.name }}</option>
                {% endfor %}
            </select>
          </label>
        </div>
      </div>

      <div class="row">
        <div class="twelve columns">
          <label>
            Test description:
            <textarea class="u-full-width" name="test_description" rows="8"></textarea>
          </label>
        </div>
      </div>

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

{% endblock %}