{% extends "demo/base.html" %}
{% block title %}Refund manifest — KarmaSakshi sandbox{% endblock %}
{% block content %}
<div class="card">
  <h1>Refund proposal: manifest {{ manifest.manifest_id[:8] }}…</h1>
  <p>State: <span class="badge badge-warn">{{ lifecycle_state }}</span></p>

  <h2>Exact Effect Manifest</h2>
  <p style="color:var(--muted); margin-top:0;">
    This is the exact resolved effect the agent proposed — target, amount, beneficiary, and
    preconditions are all bound into one cryptographically hashed manifest.
  </p>
  <div class="diff">
    <div class="col before">
      <h3>Before</h3>
      <p>Treasury balance</p>
      <p class="amount">₹{{ "%.2f"|format(before_balance_rupees) }}</p>
    </div>
    <div class="col after">
      <h3>After (expected, if approved)</h3>
      <p>Treasury balance</p>
      <p class="amount">₹{{ "%.2f"|format(after_balance_rupees) }}</p>
    </div>
  </div>

  <table style="margin-top:1rem;">
    <tr><th>Effect type</th><td>{{ manifest.effect_type }}</td></tr>
    <tr><th>Target resource</th><td>{{ manifest.target_resource }}</td></tr>
    <tr><th>Beneficiary</th><td>{{ manifest.parameters.beneficiary }}</td></tr>
    <tr><th>Amount</th><td>₹{{ "%.2f"|format(manifest.parameters.amount_minor_units / 100) }} {{ manifest.parameters.currency }}</td></tr>
    <tr><th>Risk / reversibility</th><td>{{ manifest.risk.value }} / {{ manifest.reversibility.value }}</td></tr>
    <tr><th>Idempotency key</th><td><code>{{ manifest.idempotency_key }}</code></td></tr>
    <tr><th>Expires at</th><td>{{ manifest.expires_at }}</td></tr>
    <tr><th>Manifest hash</th><td><code>{{ seal.manifest_hash[:32] }}…</code></td></tr>
    <tr><th>Signing key ID</th><td><code>{{ seal.key_id }}</code></td></tr>
  </table>

  {% if lifecycle_state == "sealed" %}
  <h2 style="margin-top:1.5rem;">Human approval required</h2>
  <p style="color:var(--muted);">
    The agent cannot approve its own action. A human (or service principal) must approve this
    exact sealed effect before anything executes.
  </p>
  <form class="inline" method="post" action="/demo/refund/{{ manifest.manifest_id }}/approve">
    <button type="submit">✓ Approve exact effect</button>
  </form>
  <form class="inline" method="post" action="/demo/refund/{{ manifest.manifest_id }}/deny">
    <button type="submit" class="deny">✕ Deny</button>
  </form>
  {% elif commit_result is string %}
  <h2 style="margin-top:1.5rem;">Denied</h2>
  <p><span class="badge badge-bad">blocked</span> {{ commit_result }}</p>
  {% elif commit_result %}
  <h2 style="margin-top:1.5rem;">Execution result</h2>
  <div class="step {{ 'ok' if commit_result.success else 'error' }}">
    <span class="label">COMMIT</span> — success={{ commit_result.success }}, provider reference
    <code>{{ commit_result.provider_reference or "n/a" }}</code>
  </div>
  {% if outcome_proof %}
  <div class="step {{ 'ok' if outcome_proof.matched_expected else 'error' }}">
    <span class="label">VERIFY</span> — the payment simulator's ledger was independently
    re-queried: matched_expected={{ outcome_proof.matched_expected }}
  </div>
  {% endif %}
  <p style="margin-top:1rem;"><a class="btn" href="/demo/passport/{{ manifest.manifest_id }}">📜 View Action Passport (PROVE)</a></p>
  {% else %}
  <p class="empty-state">Awaiting approval decision.</p>
  {% endif %}
</div>
{% endblock %}