<div class="row mb-3">
  <div class="col-12">
    <h1>List of benchmarks</h1>
  </div>

  <div class="col-12">
    <p>
      <a href="/benchmark/add">Add new benchmark</a>
    </p>
  </div>
</div>

<div class="row">
  <% if benchmarks.length > 0 %>
    <div class="col-12">
      <table class="table table-hover table-responsive">
        <thead class="table-light">
          <tr>
            <th>Benchmark name</th>
            <th>Scoring type</th>
            <th>Notes</th>
          </tr>
        </thead>
        <tbody>
          <% benchmarks.each do |b| %>
            <tr>
              <td><a href="/benchmark/<%= b.id %>"><%= b.name %></a></td>
              <td><%= b.scoring %></td>
              <td><%= b.description %></td>
            </tr>
          <% end %>
        </tbody>
      </table>
    </div>
  <% else %>
    <div class="col-12">
      <p>I'm sorry, there doesn't appear to be any benchmarks added yet. Check again later!</p>
    </div>
  <% end %>
</div>
