{% extends "base.html" %} {% block title %}Reporting · CalMiner{% endblock %} {%
block content %}
<section class="panel">
  <h2>Scenario KPI Summary</h2>
  <div class="button-row">
    <button id="report-refresh" class="btn" type="button">
      Refresh Metrics
    </button>
  </div>
  <p id="report-feedback" class="feedback hidden" role="status"></p>

  <div id="reporting-empty" class="empty-state hidden">
    No reporting data available. Run a simulation to generate metrics.
  </div>

  <div id="reporting-table-wrapper" class="table-container hidden">
    <table aria-label="Scenario reporting summary">
      <thead>
        <tr>
          <th scope="col">Scenario</th>
          <th scope="col">Iterations</th>
          <th scope="col">Mean Result</th>
          <th scope="col">Variance</th>
          <th scope="col">Std. Dev</th>
          <th scope="col">Percentile 5</th>
          <th scope="col">Percentile 95</th>
          <th scope="col">Value at Risk (95%)</th>
          <th scope="col">Expected Shortfall (95%)</th>
        </tr>
      </thead>
      <tbody id="reporting-table-body"></tbody>
    </table>
  </div>
</section>

{% endblock %} {% block scripts %} {{ super() }}
<script id="reporting-data" type="application/json">
  {{ report_summaries | tojson }}
</script>
<script src="/static/js/reporting.js"></script>
{% endblock %}