{% extends "html/base.template.html" %}
{% from "html/macros/layout.html" import narrative as render_narrative, summary_card, row_key %}
{% from "html/macros/visualizations.html" import figure %}

{% block human_content %}
<section data-report-section="opportunities">
  <h2>{{ t('tasks.improvement-discovery.improvements-found') }}</h2>
  {{ render_narrative(narrative.opportunityOverview, "improvementDiscovery.userNarrative.opportunityOverview") }}
  <table data-report-field="improvementDiscovery.lensCoverage"><thead><tr><th>{{ t('tasks.improvement-discovery.lens') }}</th><th>{{ t('tasks.improvement-discovery.detail') }}</th><th>{{ t('tasks.improvement-discovery.evidence') }}</th></tr></thead><tbody>{% for row in improvement.lensCoverage %}<tr>{{ row_key(pairs=[(t('macros.layout.lens'), row.lens), (t('macros.layout.result'), row.status | enum_label("lens"))]) }}<td>{{ row.rationale | inline_code }}</td><td>{{ row.evidence | evidence_refs }}</td></tr>{% endfor %}</tbody></table>
</section>

<section data-report-section="ranked-candidates">
  <h2>{{ t('tasks.improvement-discovery.ranked-candidates') }}</h2>
  {{ render_narrative(narrative.prioritizationExplanation, "improvementDiscovery.userNarrative.prioritizationExplanation") }}
  <div class="summary-grid" data-report-field="improvementDiscovery.candidates">{% for row in improvement.candidates %}<article class="summary-card tone-{{ row.severity }}" id="id-{{ row.id }}"><p class="eyebrow">#{{ loop.index }} · {{ row.id | inline_code }} · {{ t('macros.layout.impact') }} {{ row.severity }} · {{ t('macros.layout.effort') }} {{ row.effort | enum_label("effort") }}</p><h3>{{ row.title | inline_code }}</h3><p>{{ row.expectedBehaviorAfter | inline_code }}</p><p><strong>{{ t('tasks.improvement-discovery.next-step') }}</strong> {{ row.recommendedNextPhase }}</p><p class="evidence-refs">{{ t('macros.layout.evidence') }} {{ row.evidence | evidence_refs }}</p></article>{% else %}<p>{{ t('tasks.improvement-discovery.there-is-no-improvement-candidate-to-pick') }}</p>{% endfor %}</div>
</section>

<section data-report-section="impact-effort">
  <h2>{{ t('tasks.improvement-discovery.impact-and-effort') }}</h2>
  {{ figure(matrixFigure) }}
</section>

<section data-report-section="selection">
  <h2>{{ t('tasks.improvement-discovery.how-to-choose') }}</h2>
  {{ render_narrative(narrative.selectionGuidance, "improvementDiscovery.userNarrative.selectionGuidance") }}
  <p><strong>{{ t('tasks.improvement-discovery.selection-cap') }}</strong> at most {{ improvement.selectionLimit }}</p>
  <ul>{% for row in improvement.candidates %}<li><label><input type="checkbox" name="improvement-candidate" value="{{ row.id }}"> {{ row.id | inline_code }} · {{ row.title | inline_code }}</label></li>{% endfor %}</ul>
</section>
{% endblock %}