{% extends "base.html" %}
{% block title %}Scans — GuardDog Nexus{% endblock %}
{% block breadcrumbs %}
<div class="breadcrumbs">
    <a href="/">Home</a>
    <span class="separator">/</span>
    <span>Scans</span>
</div>
{% endblock %}
{% block content %}
<h1>Scans</h1>

<div class="filter-bar">
    <input type="text" name="search" placeholder="Search packages..." value="{{ search }}" hx-get="/scans" hx-trigger="input changed, keyup[entered] delay:300ms" hx-target="#scans-table-container" hx-swap="innerHTML" hx-include="#status-filter">
    <select name="status" id="status-filter" hx-get="/scans" hx-trigger="change" hx-target="#scans-table-container" hx-swap="innerHTML" hx-include="[name=search]">
        <option value="">All Statuses</option>
        <option value="pending" {% if status_filter == 'pending' %}selected{% endif %}>Pending</option>
        <option value="scanning" {% if status_filter == 'scanning' %}selected{% endif %}>Scanning</option>
        <option value="completed" {% if status_filter == 'completed' %}selected{% endif %}>Completed</option>
        <option value="failed" {% if status_filter == 'failed' %}selected{% endif %}>Failed</option>
    </select>
    <a href="?flagged={% if flagged_filter == '1' %}0{% else %}1{% endif %}" role="button" class="outline">
        {% if flagged_filter == '1' %}Show all{% else %}Flagged only{% endif %}
    </a>
    <a href="/api/v1/scans/export?flagged={{ flagged_filter }}&search={{ search }}&status={{ status_filter }}" role="button" class="outline">Export CSV</a>
</div>

<div id="scans-table-container">
{% include "_scans_table.html" %}
</div>
{% endblock %}