{% extends "base.html" %}
{% block title %}Reports{% endblock %}
{% import "report_sections.html" as rs with context %}
{% block content %}
{% set p = report.period %}
<h1>Reports</h1>
<p class="periods small">
  {% for name in periods if name != 'custom' %}<a href="/reports?period={{ name }}" class="{{ 'active' if period == name }}">{{ name }}</a>{% endfor %}
</p>
<form class="row" method="get" action="/reports">
  <input type="hidden" name="period" value="custom">
  <label>from <input type="date" name="from" value="{{ from_value }}"></label>
  <label>to <input type="date" name="to" value="{{ to_value }}"></label>
  <button type="submit">Custom period</button>
</form>
{% if error %}<p class="error">{{ error }}</p>{% endif %}
<p class="small">{{ fmt_date(p.start) }} to {{ fmt_date(p.end) }} ({{ p.days }}d); deltas against {{ fmt_date(report.previous.start) }} to {{ fmt_date(report.previous.end) }}. Click a number for the rows behind it.</p>

<section id="activity">
<h2>Activity</h2>
{{ rs.section_activity(report, rows_query) }}
</section>

<section id="funnel">
<h2>Funnel</h2>
{{ rs.section_funnel(report, rows_query) }}
</section>

<section id="outcomes">
<h2>Outcomes</h2>
{{ rs.section_outcomes(report, rows_query) }}
</section>

<section id="messages">
<h2>Messages</h2>
{{ rs.section_messages(report, rows_query) }}
</section>

<section id="sources">
<h2>Sources</h2>
{{ rs.section_sources(report, rows_query) }}
</section>

<section id="hygiene">
<h2>Hygiene</h2>
{{ rs.section_hygiene(report, rows_query) }}
</section>

<p class="describe-more small">Want a different view? <a href="{{ starter_link(reports_starter) }}">Describe it</a>, and your own AI agent builds it as a dashboard.</p>
{% endblock %}