{% extends "base.html" %} {% block title %}Simulations · CalMiner{% endblock %}
{% block content %}
<section class="panel">
  <h2>Monte Carlo Simulations</h2>
  {% if simulation_scenarios %}
  <div class="form-grid">
    <label for="simulations-scenario-filter">
      Scenario filter
      <select id="simulations-scenario-filter">
        <option value="">Select a scenario</option>
        {% for scenario in simulation_scenarios %}
        <option value="{{ scenario.id }}">{{ scenario.name }}</option>
        {% endfor %}
      </select>
    </label>
  </div>
  {% else %}
  <p class="empty-state">Create a <a href="scenarios">scenario</a> before running simulations.</p>
  {% endif %}

  <div
    id="simulations-overview-wrapper"
    class="table-container{% if not simulation_scenarios %} hidden{% endif %}"
  >
    <h3>Scenario Run History</h3>
    <table aria-label="Simulation run history">
      <thead>
        <tr>
          <th scope="col">Scenario</th>
          <th scope="col">Iterations</th>
          <th scope="col">Mean Result</th>
        </tr>
      </thead>
      </section>

      {% endblock %} {% block scripts %} {{ super() }}
      <script id="simulations-data" type="application/json">
        {{ {"scenarios": simulation_scenarios, "runs": simulation_runs} | tojson }}
      </script>
      <script src="/static/js/simulations.js"></script>
      {% endblock %}