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

{% block content %}
<p class="muted"><a href="{{ report_url }}">← Back to the report</a> ·
<a href="{{ explorer_url }}">per-key explorer</a></p>
<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 %}

<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>
{% endblock %}