{% extends "base.html" %}

{% block body %}
  <div class="card card-default">
    <div class="card-header">
      <h2>Simulations</h2>
      <form class="row" method="get">
        <div class="col-md-2">
        <div class="input-group">
          <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
          <input class="form-control" type="text" placeholder="user", name="user" value="{{ request.args.user }}">
        </div>
      </div>
      <div class="col-md-4">
    <div class="input-group">
      <span class="input-group-addon"><span class="glyphicon glyphicon-folder-open"></span></span>
      <input class="form-control" type="text" placeholder="directory" name="directory" value="{{ request.args.directory}}">
    </div>
    </div>
    <div class="btn-group">
        <button type="submit" class="btn btn-primary">Reload</button>
        <button type="reset" name="button" class="btn btn-danger">Reset</button>
    </div>


  </form>

  </div>
  <div class="card-body">
  <table class='table table-striped table-sm table-hover'>
    <tr>
      <th>#</th><th>User</th><th>Directory</th>
    </tr>
    <tbody>
      {% for sim in simulations %}
      <tr>
          <td>
            <a href="{{ url_for('view_simulation', sim_id=sim.id) }}">{{ sim.id }}</a>
          </td><td>{{ sim.user}}</td><td>{{ sim.directory }}</td>
      </tr>
    {% endfor %}
  </tbody>
  </table>
</div>
</div>
{% endblock %}