{% extends 'layout.twig' %}

{% block title %}Dashboard{% endblock %}

{% block content %}

  <div class="row">
    <div class="twelve columns">
      <h1>Generate a Report</h1>
    </div>
  </div>

  <hr>

  <div class="row">
    <div class="five columns">
      <select id="report-benchmarks" class="u-full-width">
        {% for b in benchmarks %}
          <option value="{{ b.id }}">{{ b.name }}</option>
        {% endfor %}
      </select>
    </div>

    <div class="seven columns">
      <select id="report-tests" class="u-full-width" multiple>
        {% for t in benchmarks[0].tests %}
          <option value="{{ t.id }}">{{ t.title }}</option>
        {% endfor %}
      </select>
    </div>
  </div>

{% endblock %}