{% extends 'base.html' %}
{% import 'macros.html' as m %}
{% block title %}Reports{% endblock %}
{% block content %}
<div class="space-y-6">
  <div>
    <h2 class="text-2xl font-bold text-white">Reports</h2>
    <p class="text-xs text-slate-500 mt-1">تمام اجراهای همه فلوها</p>
  </div>

  {{ m.filters_bar(range_options, current_range, statuses, current_statuses, url_for('pages.reports')) }}

  {{ m.runs_table(runs, show_flow=True) }}
  <p class="text-xs text-slate-600">{{ runs|length }} run(s) — last updated {{ generated_at }}</p>
</div>
{% endblock %}
{% block extra_scripts %}
<script>setTimeout(() => location.reload(), 15000);</script>
{% endblock %}