{% extends "base.html" %}
{% block nav_insights %}active{% endblock %}
{% block title %}Insights{% endblock %}
{% block content %}
<h1>Self-Improvement Insights</h1>
<p class="sub">The engine learns what gets responses and surfaces it.</p>

<div class="grid">
  <div class="card"><div class="num">{{ insights.total_applications }}</div><div class="lbl">Applications</div></div>
  <div class="card"><div class="num">{{ insights.positive_outcomes }}</div><div class="lbl">Positive outcomes</div></div>
  <div class="card"><div class="num">{{ '%.0f'|format(insights.response_rate * 100) }}%</div><div class="lbl">Response rate</div></div>
</div>

<div class="panel">
  <h2 style="margin-top:0">Outcome breakdown</h2>
  <table>
    <tr><th>Stage</th><th>Count</th></tr>
    {% for stage, c in insights.by_stage.items() %}
    <tr><td>{{ stage }}</td><td>{{ c }}</td></tr>
    {% else %}
    <tr><td colspan="2" class="muted">No outcomes logged yet.</td></tr>
    {% endfor %}
  </table>
  <p class="muted" style="margin-top:10px">{{ insights.note }}</p>
</div>
{% endblock %}