<div class="container col-md-4 col-sm-4 col-lg-offset-4">
    <div class="alert alert-primary" role="alert">
        <h5>Select Benchmark</h5>
        <div class="list-group">
            {% for benchmark in benchmarks %}
                <a href="{{ url_for('main.set_benchmark', benchmark_id=benchmark.id) }}"
                   class="list-group-item list-group-item-action flex-column align-items-start {% if benchmark == current_user.benchmark %}active{% endif %}">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">{{ benchmark.name }}</h5>
                        <small>{{ benchmark.num_files }} files</small>
                    </div>
                    <p class="mb-1">{{ benchmark.description }}</p>
                </a>
            {% endfor %}
        </div>
    </div>
</div>
