{% extends "base.html" %}

{% block body %}
<h2>Simulation Details</h2>
<div class="row">
<div class="col-md-4">
  <div class="card card-default">
    <div class="card-header">
      <div class="row">
        <div class="col-auto">
          <b>Directory</b>
        </div>
        <div class="col-auto">{{ simulation.directory }}</div>
      </div>
    </div>
  
    <div class="card-body">
      <table class="table">
        <tr>
          <th>Parameters</th><th></th>
        </tr>
        <tr>
          <td>User</td>
          <td>{{ simulation.user }}</td>
        </tr>
        <tr>
          <td>Temperature</td>
          <td>{{ simulation.temperature }}</td>
        </tr>
        {% for param in sim_params %}
        <tr>
          <td>{{ param.name }}</td>
          <td>{{ param.value }}</td>
        </tr>
        {% endfor %}
      </table>
    </div>
  </div>
  </div>
  <div class="col-md-8">
    {% block evaluation %}
    <ol class="breadcrumb">
      <li class="breadcrumb-item active">Evaluations</li>
    </ol>
    {% for ev_id, obs, sel in evaluations %}
    <a class="btn btn-info" style="margin: .1em" href="{{ url_for('view_evaluation', id=ev_id )}}">
      {{ obs }} <span class="badge badge-light">{{ sel }}</span>
    </a>
    {% endfor %}
    {% endblock %}
  </div>
  </div>
{% endblock %}