{% extends "layouts/dashboard.html" %}

{% block title %}Decisions - Nautilus Admin{% endblock %}

{% block dashboard_content %}
<h1>Decisions</h1>

<form class="filter-form"
      hx-get="/admin/decisions"
      hx-target="#decision-table-body"
      hx-push-url="true"
      hx-trigger="submit">
    <input type="hidden" name="agent_id" value="{{ filters.agent_id | default('') }}">
    <input type="hidden" name="start" value="{{ filters.start | default('') }}">
    <input type="hidden" name="end" value="{{ filters.end | default('') }}">
    <input type="hidden" name="outcome" value="{{ filters.outcome | default('') }}">

    <div class="filter-field">
        <label for="filter-search">Search</label>
        <input type="text"
               id="filter-search"
               name="search"
               value="{{ filters.search | default('') }}"
               placeholder="Search decisions..."
               hx-get="/admin/decisions"
               hx-target="#decision-table-body"
               hx-push-url="true"
               hx-trigger="keyup changed delay:500ms"
               hx-include="closest form">
    </div>

    <button type="submit" class="btn btn-primary btn-sm">Filter</button>
    <a href="/admin/decisions" class="btn btn-sm">Clear</a>
</form>

<div class="table-wrap">
    <table>
        <thead>
            <tr>
                <th>Timestamp</th>
                <th>Request ID</th>
                <th>Agent ID</th>
                <th>Sources Queried</th>
                <th>Sources Denied</th>
                <th>Duration (ms)</th>
            </tr>
        </thead>
        <tbody id="decision-table-body">
            {% for decision in decisions %}
                {% include "partials/decision_row.html" %}
            {% else %}
            <tr>
                <td colspan="6">
                    <div class="empty-state">
                        <p>No decisions found</p>
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

<div id="decision-detail-modal"></div>
{% endblock %}