{% extends "base.html" %}

{% block title %}TMH - 记忆浏览{% endblock %}

{% block breadcrumb_items %}
<span class="separator">/</span>
<span class="current">记忆浏览器</span>
{% endblock %}

{% block content %}
<h2>记忆浏览器</h2>

<form hx-get="/dashboard/memories/list" hx-target="#memory-list" hx-indicator="#loading">
    <div class="toolbar">
        <div class="toolbar-left">
            <select name="scope">
                <option value="">所有范围</option>
                <option value="private" {% if filters.scope == 'private' %}selected{% endif %}>私有</option>
                <option value="project" {% if filters.scope == 'project' %}selected{% endif %}>项目</option>
                <option value="team" {% if filters.scope == 'team' %}selected{% endif %}>团队</option>
            </select>
            <select name="category">
                <option value="">所有类别</option>
                <option value="general">通用</option>
                <option value="decision">决策</option>
                <option value="experience">经验</option>
                <option value="bug_fix">Bug 修复</option>
                <option value="architecture">架构</option>
                <option value="coding_standard">编码规范</option>
                <option value="workflow">工作流</option>
            </select>
            <select name="quality">
                <option value="">所有质量</option>
                <option value="community">社区</option>
                <option value="verified">已验证</option>
                <option value="pinned">已置顶</option>
                <option value="stale">已过时</option>
                <option value="archived">已归档</option>
            </select>
        </div>
        <div class="toolbar-right">
            <button type="submit">筛选</button>
        </div>
    </div>
</form>

<div id="loading" class="htmx-indicator">
    {% include "partials/skeleton_table.html" %}
</div>

<div id="memory-list">
    {% include "partials/memory_table.html" %}
</div>

<script src="/dashboard/static/js/table.js"></script>
{% endblock %}