{% extends "base.html" %}
{% from "_recon_table.html" import fmt, render_table %}
{% block title %}Loan forensic — RWA Calculator{% endblock %}

{% block content %}
{# The breadcrumb leads with where the analyst CAME FROM (a template cell, when
   they arrived from one) — the report root and the explorer are always-available
   fallbacks, not the trail back. #}
<p class="muted">
{% if return_to and return_to != explorer_url %}<a href="{{ return_to }}">← Back to the cell you came from</a> ·
{% endif %}<a href="{{ report_url }}">the report</a> ·
<a href="{{ explorer_url }}">per-key explorer</a></p>

{% if not detail %}
{# The key resolved to no single reconciled row. Never a bare 404: the loan very
   probably exists and was addressed by ONE of the join key's columns. #}
<h1>That key does not address one reconciled row</h1>
<p class="mono">{{ resolution.requested }}</p>
<div class="callout warn">{{ resolution.reason }}</div>
{% if resolution.key_columns %}
<p class="muted">This reconciliation's join key is
<span class="mono">{{ resolution.key_columns|join(" + ") }}</span>.</p>
{% endif %}
{% if resolution.candidates %}
<h2>Did you mean</h2>
<ul>
  {% for candidate in resolution.candidates %}
  <li><a class="mono" href="{{ loan_url_base }}?key={{ candidate|urlencode }}{% if return_to %}&amp;return_to={{ return_to|urlencode }}{% endif %}">{{ candidate }}</a></li>
  {% endfor %}
</ul>
{% endif %}
<p><a class="btn btn-ghost" href="{{ explorer_url }}">Open the per-key explorer</a></p>
{% else %}
<h1>Loan forensic</h1>
<p class="mono">{{ detail.recon_key }}</p>

{% if signoff_error %}<div class="callout error">{{ signoff_error }}</div>{% endif %}

<div class="stat-row">
  <div class="stat"><div class="stat-num">{{ detail.row_bucket or "—" }}</div><div class="stat-lbl">row bucket</div></div>
  <div class="stat"><div class="stat-num">{{ detail.worst_component or "—" }}</div><div class="stat-lbl">worst component</div></div>
  <div class="stat"><div class="stat-num">{{ detail.exposure_class or "—" }}</div><div class="stat-lbl">exposure class</div></div>
  <div class="stat"><div class="stat-num">{{ detail.approach or "—" }}</div><div class="stat-lbl">approach</div></div>
</div>

<h2>By component — RWA driver chain</h2>
<p class="muted">The loan's RWA build, legacy vs ours at each step. Indented rows are
our-side drivers explaining how we reached the value above; a driver tagged
<em>legacy not provided</em> has no legacy counterpart in the mapping.</p>
<div class="table-wrap">
  <table class="data">
    <thead><tr><th>step</th><th>legacy</th><th>ours</th><th>abs Δ</th><th>rel Δ</th><th>status</th></tr></thead>
    <tbody>
      {% for step in detail.steps %}
      <tr class="chain-step">
        <td><strong>{{ step.label }}</strong></td>
        <td>{{ fmt(step.legacy) }}</td>
        <td>{{ fmt(step.ours) }}</td>
        <td>{{ fmt(step.abs_delta) }}</td>
        <td>{{ fmt(step.rel_delta) }}</td>
        <td>{{ step.bucket if step.bucket is not none else "" }}</td>
      </tr>
      {% for d in step.drivers %}
      <tr class="chain-driver">
        <td class="driver-name">↳ {{ d.name }}</td>
        {% if d.legacy_available %}
        <td>{{ fmt(d.legacy) }}</td>
        {% else %}
        <td class="muted">legacy not provided</td>
        {% endif %}
        <td>{{ fmt(d.ours) }}</td>
        <td></td><td></td><td></td>
      </tr>
      {% endfor %}
      {% endfor %}
    </tbody>
  </table>
</div>

{% if detail.breaks.rows %}
<h2>Breaks for this key</h2>
{{ render_table(detail.breaks) }}
{% endif %}

{% if placement %}
<h2>Where this exposure lands</h2>
{% if not placement.available %}
<div class="callout info">{{ placement.reason }}</div>
{# The one click that resolves the common case. The compare page generates both
   sides once and memoises them, so coming back fills this panel in; where the
   comparison cannot be built at all, that page repeats the same reason with the
   mapping remedy beside it, so the link is never a dead end. #}
<p><a class="btn btn-ghost" href="{{ templates_url }}">Open the return-template comparison</a></p>
{% elif not placement.groups %}
<div class="callout info">This exposure reached no row of any instrumented return
template. That is not the same as reporting nothing — only C 07.00, C 08.01 and
C 08.03 carry cell membership, so an exposure outside them has no addressable
placement here.</div>
{% else %}
<p class="muted">Which template row this exposure reported in, <strong>ours beside
theirs</strong>. A row only one side reaches is a placement difference, and says so —
it is never left blank. Rows are grouped by the population that backs them: a
template row does not have one population, so the same row can appear under more
than one group.</p>
{% for group in placement.groups %}
<h3>{{ group.template_label }}{% if group.sheet %} · {{ group.sheet }}{% endif %}
<span class="muted">— population {{ group.predicate_key }}{% if group.columns %},
serving columns {{ group.columns|join(", ") }}{% endif %}</span></h3>
{% if group.moved %}
<div class="callout warn">Moved row: <span class="mono">{{ group.our_placement }}</span>
{{ group.our_placement_name }} (ours) → <span class="mono">{{ group.their_placement }}</span>
{{ group.their_placement_name }} (theirs).</div>
{% else %}
<p class="muted">Placement — ours: <strong>{{ group.our_placement_name }}</strong>
{%- if group.our_placement %} (<span class="mono">{{ group.our_placement }}</span>){% endif %};
theirs: <strong>{{ group.their_placement_name }}</strong>
{%- if group.their_placement %} (<span class="mono">{{ group.their_placement }}</span>){% endif %}.</p>
{% endif %}
<div class="table-wrap">
  <table class="data">
    {# The hierarchy claim is PER SIDE. One collapsed column taking ours and
       falling back to theirs rendered a row that is a provable leaf for us and
       indistinguishable for them as a flat "leaf", with a note asserting it of
       both. That is the tri-state surviving every dataclass and dying at the
       last step, so the two states are columns, never one. #}
    <thead><tr><th>row</th><th>row name</th><th>ours</th><th>theirs</th>
      <th>hierarchy (ours)</th><th>hierarchy (theirs)</th></tr></thead>
    <tbody>
      {% for row in group.rows %}
      <tr title="{{ row.parent_note }}">
        <td class="mono">{{ row.row_ref }}</td>
        <td>{{ row.row_name or "—" }}</td>
        {# A side that did not reach the row is DIMMED, never emptied — the word
           is the finding. ``muted`` is app.css's own class; the ``is-*`` state
           names used on the compare grid are inline-styled there, not CSS
           rules, so borrowing them here would style nothing. #}
        <td{% if not row.in_ours %} class="muted"{% endif %}>{{ row.our_display }}</td>
        <td{% if not row.in_theirs %} class="muted"{% endif %}>{{ row.their_display }}</td>
        <td{% if not row.in_ours %} class="muted"{% endif %}>{{ row.our_parent_state }}</td>
        <td{% if not row.in_theirs %} class="muted"{% endif %}>{{ row.their_parent_state }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endfor %}
{% endif %}
{% endif %}

<h2>Sign-off</h2>
<p class="muted">Record whether this exposure's difference is acceptable. Accepting or
rejecting takes it off the Open worklist; reopen it to put it back.</p>
{% if decision and signoff_stale %}
<div class="callout warn">
  ⚠ This exposure was <span class="badge badge-{{ decision.status }}">{{ decision.status }}</span>
  on {{ decision.decided_at }}{% if decision.reason %} (“{{ decision.reason }}”){% endif %}, but the
  difference has <strong>changed since</strong> — please re-review before signing off again.
</div>
{% elif decision %}
<div class="callout info">
  This exposure is <span class="badge badge-{{ decision.status }}">{{ decision.status }}</span>{% if decision.decided_at %}
  <span class="muted">· decided {{ decision.decided_at }}</span>{% endif %}.
  {% if decision.reason %}<div class="muted">Reason: {{ decision.reason }}</div>{% endif %}
</div>
{% endif %}
<form class="form" method="post" action="{{ signoff_post_url }}">
  <input type="hidden" name="key" value="{{ detail.recon_key }}">
  <input type="hidden" name="return_to" value="{{ signoff_return_to }}">
  <div class="field">
    <label for="reason">Reason / what caused the difference</label>
    <textarea id="reason" name="reason" rows="3" placeholder="e.g. FX timing difference, immaterial — or: legacy applied the wrong LGD floor">{{ decision.reason if decision else "" }}</textarea>
    <p class="muted">A reason is required to <em>reject</em>; optional to accept.</p>
  </div>
  <div class="form-actions">
    <button class="btn btn-primary" type="submit" name="status" value="accepted">{% if decision %}Update — accept{% else %}Accept (acceptable){% endif %}</button>
    <button class="btn btn-ghost" type="submit" name="status" value="rejected">Reject (genuine error)</button>
    {% if decision %}<button class="btn btn-ghost" type="submit" name="status" value="open">Reopen</button>{% endif %}
  </div>
</form>
{% endif %}
{% endblock %}