{% extends "base.html" %}
{% block title %}Approvals | Suvra{% endblock %}
{% block content %}
<section class="page-head">
  <h1>Approvals</h1>
  <p class="muted">Review and decide pending requests.</p>
</section>

{% if message %}
<p class="flash">
  {% if message == "approved" %}
  Approval updated to approved.
  {% elif message == "denied" %}
  Approval updated to denied.
  {% elif message == "executed" %}
  Approval approved and action executed.
  {% elif message == "error" %}
  Failed to update approval{% if error_message %}: {{ error_message }}{% endif %}.
  {% else %}
  {{ message }}
  {% endif %}
</p>
{% endif %}

<section class="panel">
  <nav class="subtabs" aria-label="Approval status filters">
    <a href="/dashboard/approvals?status=pending{% if current_query %}&q={{ current_query }}{% endif %}" class="subtab {% if current_status == 'pending' %}is-active{% endif %}">
      Pending ({{ counts.pending }})
    </a>
    <a href="/dashboard/approvals?status=approved{% if current_query %}&q={{ current_query }}{% endif %}" class="subtab {% if current_status == 'approved' %}is-active{% endif %}">
      Approved ({{ counts.approved }})
    </a>
    <a href="/dashboard/approvals?status=denied{% if current_query %}&q={{ current_query }}{% endif %}" class="subtab {% if current_status == 'denied' %}is-active{% endif %}">
      Denied ({{ counts.denied }})
    </a>
    <a href="/dashboard/approvals?status=all{% if current_query %}&q={{ current_query }}{% endif %}" class="subtab {% if current_status == 'all' %}is-active{% endif %}">
      All ({{ counts.total }})
    </a>
  </nav>

  <form method="get" action="/dashboard/approvals" class="filter-bar">
    <input type="hidden" name="status" value="{{ current_status }}" />
    <label>
      Search
      <input type="text" name="q" placeholder="Search actor, action, target..." value="{{ current_query }}" />
    </label>
    <label>
      Limit
      <input type="number" min="1" max="500" name="limit" value="{{ limit }}" />
    </label>
    <button type="submit" class="btn btn-secondary">Apply</button>
    {% if current_query %}
    <a class="btn btn-secondary" href="/dashboard/approvals?status={{ current_status }}">Clear</a>
    {% endif %}
  </form>
  <p class="muted">Showing {{ result_count }} results</p>

  {% if approvals|length == 0 and selected_status == 'pending' %}
  <p class="muted">No pending approvals.</p>
  {% endif %}

  <table class="data-table">
    <thead>
      <tr>
        <th>Created</th>
        <th>Actor</th>
        <th>Action</th>
        <th>Target</th>
        <th>Risk</th>
        <th>Status</th>
        <th>Approval ID</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for row in approvals %}
      <tr>
        <td>{{ row.created_at }}</td>
        <td>{{ row.actor }}</td>
        <td>{{ row.title }}</td>
        <td><code>{{ row.target }}</code></td>
        <td><span class="badge risk-{{ row.risk_level }}">{{ row.risk_level }}</span></td>
        <td><span class="badge status-{{ row.status|replace('_', '-') }}">{{ row.status }}</span></td>
        <td><code>{{ row.approval_id[:12] }}{% if row.approval_id|length > 12 %}...{% endif %}</code></td>
        <td class="action-cell">
          {% if row.status == "pending" %}
          <form method="post" action="/dashboard/approvals/{{ row.approval_id }}/approve_execute" class="decision-form inline">
            <input type="hidden" name="csrf" value="1" />
            <input type="hidden" name="status" value="{{ selected_status }}" />
            <input type="hidden" name="limit" value="{{ limit }}" />
            <input type="hidden" name="q" value="{{ current_query }}" />
            <input type="text" name="decided_by" value="admin" placeholder="decided_by" required />
            <input type="text" name="note" placeholder="note" />
            <button type="submit" class="btn btn-primary">Approve &amp; Execute</button>
            <button type="submit" formaction="/dashboard/approvals/{{ row.approval_id }}/approve" class="btn btn-secondary">Approve</button>
            <button type="submit" formaction="/dashboard/approvals/{{ row.approval_id }}/deny" class="btn btn-destructive">Deny</button>
          </form>
          {% else %}
          <span class="muted">Closed</span>
          {% endif %}
        </td>
      </tr>
      <tr class="details-row">
        <td colspan="8">
          <details>
            <summary>Details</summary>
            <p class="row-summary">{{ row.summary }}</p>

            <dl class="kv">
              {% for label, value in row.key_fields %}
              <dt>{{ label }}</dt>
              <dd>{{ value }}</dd>
              {% endfor %}
            </dl>
          </details>
        </td>
      </tr>
      {% else %}
      <tr>
        <td colspan="8" class="muted">No approvals found.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}