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

{% block human_content %}
<section data-report-section="symptom">
  <h2>{{ t('tasks.error-analysis.what-you-saw') }}</h2>
  {{ render_narrative(narrative.symptomExplanation, "errorAnalysis.userNarrative.symptomExplanation") }}
  <blockquote data-report-field="errorAnalysis.symptomVerbatim">{{ error.symptomVerbatim | inline_code }}</blockquote>
  <p data-report-field="errorAnalysis.observableFailure">{{ error.observableFailure | inline_code }}</p>
</section>

<section data-report-section="reproduction">
  <h2>{{ t('tasks.error-analysis.reproduction') }}</h2>
  <p><span class="status status-{{ error.reproduction.status }}">{{ error.reproduction.status }}</span></p>
  <ul>{% for item in error.reproduction.evidence %}<li>{{ [item] | evidence_refs }}</li>{% endfor %}</ul>
  {% if error.reproduction.blockedReason %}<p>{{ error.reproduction.blockedReason | inline_code }}</p>{% endif %}
</section>

<section data-report-section="causes">
  <h2>{{ t('tasks.error-analysis.cause-candidates') }}</h2>
  {{ render_narrative(narrative.causeExplanation, "errorAnalysis.userNarrative.causeExplanation") }}
  {{ figure(causeFigure) }}
  <div class="summary-grid">{% for row in error.causeCandidates %}<article class="summary-card tone-{{ row.confidence }}" id="id-{{ row.id }}"><p class="eyebrow">{{ row.id | inline_code }} · {{ t('macros.layout.confidence') }} {{ row.confidence }}</p><h3>{{ row.statement | inline_code }}</h3><p class="evidence-refs">{{ t('macros.layout.supporting-evidence') }} {{ row.supportingEvidence | evidence_refs }}</p></article>{% else %}<p>{{ t('tasks.error-analysis.no-cause-candidate-has-been-established-yet') }}</p>{% endfor %}</div>
</section>

<section data-report-section="uncertainty">
  <h2>{{ t('tasks.error-analysis.what-cannot-be-settled-yet') }}</h2>
  {{ render_narrative(narrative.uncertaintyExplanation, "errorAnalysis.userNarrative.uncertaintyExplanation") }}
  {% for row in error.causeCandidates %}<article class="summary-card" id="id-{{ row.id }}-detail"><h3>{{ row.id | inline_code }}</h3><p data-report-field="errorAnalysis.causeCandidates.confidence"><strong>{{ t('tasks.error-analysis.confidence-now') }}</strong> {{ row.confidence }}</p><p data-report-field="errorAnalysis.causeCandidates.falsifyingEvidenceChecked"><strong>{{ t('tasks.error-analysis.disproof-attempted') }}</strong> {{ row.falsifyingEvidenceChecked | join(', ') | inline_code }}</p><p data-report-field="errorAnalysis.causeCandidates.disproveWith"><strong>{{ t('tasks.error-analysis.how-to-disprove-this') }}</strong> {{ row.disproveWith | inline_code }}</p></article>{% endfor %}
</section>

<section data-report-section="next-diagnostic">
  <h2>{{ t('tasks.error-analysis.the-one-diagnostic-to-run-next') }}</h2>
  {{ render_narrative(narrative.diagnosticGuidance, "errorAnalysis.userNarrative.diagnosticGuidance") }}
  {{ summary_card(t('tasks.error-analysis.run'), error.nextDiagnostic.action, "important") }}
  <p><strong>{{ t('tasks.error-analysis.signal-to-check') }}</strong> {{ error.nextDiagnostic.confirmingSignal | inline_code }}</p>
  <p><strong>{{ t('tasks.error-analysis.signal-that-rejects-it') }}</strong> {{ error.nextDiagnostic.rejectingSignal | inline_code }}</p>
</section>

<section data-report-section="routing" data-report-field="errorAnalysis.routing">
  <h2>{{ t('tasks.error-analysis.next-step') }}</h2>
  <p><strong>{{ t('tasks.error-analysis.recommended-task') }}</strong> — <code>{{ error.routing.nextTaskType }}</code></p>
  <p><strong>{{ t('tasks.error-analysis.the-cause-this-rests-on') }}</strong> — {{ error.routing.leadingCauseId | inline_code }}</p>
  <p>{{ error.routing.rationale | inline_code }}</p>
</section>
{% endblock %}