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

<div class="filter-bar">
    <input type="text" name="search" placeholder="Search packages..." value="{{ search }}" hx-get="/packages" hx-trigger="input changed, keyup[entered] delay:300ms" hx-target="#packages-table-container" hx-swap="innerHTML">
    <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/packages/export?flagged={{ flagged_filter }}&search={{ search }}" role="button" class="outline">Export CSV</a>
</div>

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