{% extends 'layout.twig' %}

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

{% block content %}

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

<div class="row">
  <div class="twelve columns">
    <form action="{{ url_for('benchmark.add') }}" method="POST" class="u-full-width">
      <div class="row">
        <div class="nine columns">
          <label for="benchmark_name">Benchmark name:</label>
          <input type="text" id="benchmark_name" class="u-full-width" name="benchmark_name">
        </div>

        <div class="three columns">
          <label>
            Scoring type
            <select class="u-full-width" name="benchmark_scoring">
              <option value="fps">Frames per Second (fps)</option>
              <option value="ms">Frame Time (ms)</option>
              <option value="pts">Total Points</option>
            </select>
          </label>
        </div>
      </div>

      <div class="row">
        <div class="twelve columns">
          <label for="benchmark_description">Description</label>
          <textarea class="u-full-width" name="benchmark_description" id="benchmark_description" rows="5" placeholder="Describe this benchmark..."></textarea>
        </div>
      </div>

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

{% endblock %}