{% comment %}
RIMS decision rail — the right-sidebar block used on detail pages where the
viewer is making a status decision (approve / reject / close-out). Lifts the
polished pattern from `funding_detail.html` into a reusable shape so award
and disbursement detail pages render the same way.

Args:
  status_chip   : pre-rendered HTML for the status badge (use {% rims_status_badge %})
  status_label  : plain text for the eyebrow (e.g. "Decision")
  kpis          : list of {label, value, hint?} dicts rendered as stacked KPI rows
  actions       : list of {label, url, variant, modal?} dicts
                  variant: "primary" | "secondary" | "danger" | "ghost"
                  When modal is set, the action triggers data-modal-target
                  (existing JS handler) instead of a hard link.
  meta_rows     : optional list of {label, value} dicts shown below the actions
                  (useful for "Submitted by", "Last updated", etc.)
  footnote      : optional short helper text under the actions
{% endcomment %}
<aside class="card sticky top-24" aria-label="{{ status_label|default:'Decision' }} rail">
  <div class="card-section space-y-4">
    {% if status_label or status_chip %}
    <div class="flex items-center justify-between">
      <p class="font-meta text-[10px] font-semibold uppercase tracking-[0.18em] text-ruforum-text-muted">{{ status_label|default:"Status" }}</p>
      <div>{{ status_chip|safe }}</div>
    </div>
    {% endif %}

    {% if kpis %}
    <dl class="grid gap-3 text-sm">
      {% for kpi in kpis %}
      <div class="flex items-baseline justify-between gap-4 border-b border-ruforum-border/60 pb-3 last:border-0 last:pb-0">
        <dt class="text-ruforum-text-muted">{{ kpi.label }}</dt>
        <dd class="text-right">
          <span class="font-semibold tabular-nums text-ruforum-text">{{ kpi.value }}</span>
          {% if kpi.hint %}<span class="ml-1 text-xs text-ruforum-text-muted">{{ kpi.hint }}</span>{% endif %}
        </dd>
      </div>
      {% endfor %}
    </dl>
    {% endif %}

    {% if actions %}
    <div class="flex flex-col gap-2 pt-1">
      {% for action in actions %}
        {% if action.modal %}
          <button type="button"
                  class="btn-{{ action.variant|default:'secondary' }} w-full justify-center"
                  data-modal-target="{{ action.modal }}">
            {{ action.label }}
          </button>
        {% else %}
          <a href="{{ action.url }}"
             class="btn-{{ action.variant|default:'secondary' }} w-full justify-center text-center">
            {{ action.label }}
          </a>
        {% endif %}
      {% endfor %}
    </div>
    {% endif %}

    {% if meta_rows %}
    <dl class="grid gap-2 border-t border-ruforum-border pt-4 text-xs text-ruforum-text-muted">
      {% for row in meta_rows %}
      <div class="flex items-baseline justify-between gap-3">
        <dt>{{ row.label }}</dt>
        <dd class="text-right text-ruforum-text">{{ row.value }}</dd>
      </div>
      {% endfor %}
    </dl>
    {% endif %}

    {% if footnote %}
    <p class="text-xs leading-relaxed text-ruforum-text-muted">{{ footnote }}</p>
    {% endif %}
  </div>
</aside>