{% extends "base.html" %}
{% from "_macros.html" import status_badge, action_card %}
{% block title %}{{ report.title or report.client_name }} — Review{% endblock %}
{% block head %}<link rel="stylesheet" href="/static/report-review.css">{% endblock %}
{% block content %}

<header class="review-header">
  <h1>{{ report.title or "Tracking plan for " + report.client_name }}</h1>
  <p class="muted">For <strong>{{ report.client_name }}</strong> ({{ report.primary_url }})</p>
  <div class="review-progress">
    <span class="status status-approved">{{ n_approved }} approved</span>
    <span class="status status-rejected">{{ n_rejected }} rejected</span>
    <span class="status status-draft">{{ n_pending }} pending</span>
  </div>
</header>

{% if report.summary_md %}
<section class="report-summary">
  <h2>Executive summary</h2>
  <pre class="summary-md">{{ report.summary_md }}</pre>
</section>
{% endif %}

<section>
  <h2>Recommendations</h2>
  <p class="muted">Review each item below. Approve the ones you'd like us to implement; reject (with a comment if you have one) the ones you don't want. {% if report.status == 'approved' %}<strong>This report is fully reviewed.</strong>{% endif %}</p>
</section>

<ol class="action-list">
{% for a in actions %}
  {{ action_card(a, mode='review') }}
{% endfor %}
</ol>

{% if report.status == 'approved' %}
<section class="success">
  <h2>Thank you — review complete</h2>
  <p>We'll begin implementation and update you when each action is in place. You can return here any time to see status.</p>
</section>
{% endif %}

{% endblock %}