{% extends "_base.html" %}
{% import 'tables/_macros.html' as table_macros %}

{% block body %}
{% if error %}
<div class="alert alert-danger" role="alert">
  {{ error.message }}
</div>
{% else %}
{{ table_macros.table_nav(table_id, 'history') }}

<div class="row">
  <div class="col">
    <div class="accordion" id="accordion-history">
      {% for revision in table_history.revisions %}
      <div class="accordion-item">
        <h2 class="accordion-header">
          <button class="accordion-button{% if not loop.first %} collapsed{% endif %}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{ loop.index }}" aria-expanded="{% if loop.first %}true{% else %}false{% endif %}" aria-controls="collapse-{{ loop.index }}">
            version: {{ revision.version }}
          </button>
        </h2>
        <div id="collapse-{{ loop.index }}" class="accordion-collapse collapse{% if loop.first %} show{% endif %}" data-bs-parent="#accordion-history">
          <div class="accordion-body">
            <ul>
              <li>timestamp: {{ revision.timestamp }}</li>
              <li>operation: {{ revision.operation }}</li>
              <li>operation parameters</li>
              <ul>
                {% for param_key, param_val in revision.operation_parameters.items() %}
                <li>{{ param_key }}: {{ param_val }}</li>
                {% endfor %}
              </ul>
              <li>operation metrics</li>
              <ul>
                {% for metric_key, metric_val in revision.operation_metrics.items() %}
                <li>{{ metric_key }}: {{ metric_val }}</li>
                {% endfor %}
              </ul>
              <li>client version: {{ revision.client_version }}</li>
            </ul>
          </div>
        </div>
      </div>
      {% endfor %}
  </div>
</div>
{% endif %}
{% endblock %}