{{ template "header" . }}

<div class="row">
  <h2>Create a test</h2>

  <form class="twelve columns" action="/test/create" method="POST">
    <div class="row">
      <div class="columns four">
        <label for="test_hardware">
          Hardware Component:
          <select id="test_hardware" class="u-full-width" name="test_hardware">
            {{ range $hw := .hardware }}
              <option value="{{ $hw.ID }}">{{ $hw.Name }}</option>
            {{ end }}
          </select>
        </label>
      </div>

      <div class="columns eight">
        <label for="test_name">
          Test name:
          <input id="test_name" class="u-full-width" type="text" name="test_name" placeholder="My hardware benchmarking test">
        </label>
      </div>
    </div>

    <div class="row">
      <div class="columns twelve">
        <label for="test_benchmarks">
          Benchmarks to Test:
          <select id="test_benchmarks" class="u-full-width" name="test_benchmarks" multiple>
            {{ range $bm := .benchmarks }}
              <option value="{{ $bm.ID }}">{{ $bm.Name }}</option>
            {{ end }}
          </select>
        </label>
      </div>
    </div>

    <div class="row">
      <label for="test_description">
        Test description:
        <textarea id="test_description" class="twelve columns" cols="30" rows="10" name="test_description"></textarea>
      </label>
    </div>

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

{{ template "footer" . }}