<div class="row mb-4">
  <div class="col-12">
    <h1>Add new benchmark</h1>
  </div>
</div>

<div class="row">

  <form class="col-12" action="/benchmark/add" method="post">
    <div class="row mb-3">
      <div class="col-9">
        <label for="benchmark_name">Benchmark name</label>
        <input id="benchmark_name" class="form-control" type="text" name="benchmark_name" placeholder="Example benchmark">
      </div>

      <div class="col-3">
        <label for="benchmark_scoring">Scoring type</label>
        <select id="benchmark_scoring" class="form-select" 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>
      </div>
    </div>

    <div class="row mb-3">
      <div class="col-12">
        <label for="benchmark_description">Benchmark description</label>
        <textarea id="benchmark_description" class="form-control" name="benchmark_description" placeholder="Enter a description/notes here."></textarea>
      </div>
    </div>

    <div class="row">
      <div class="col-12">
        <input class="btn btn-primary w-100" type="submit" value="Create Benchmark">
      </div>
    </div>
  </form>

</div>
