{% extends "base.html" %}
{% block title %}全局搜索 - AI Agent 项目追踪{% endblock %}

{% block content %}
<h1 class="mb-4">全局搜索</h1>

<div class="row justify-content-center mb-4">
    <div class="col-md-8">
        <input type="search" class="form-control form-control-lg search-input"
               id="searchInput" placeholder="输入关键词搜索项目 / release / issue…">
    </div>
</div>

<div id="searchHint" class="empty-hint">输入关键词开始搜索</div>

<div id="searchResults" class="d-none">
    <h2 class="h4 mt-3">匹配的项目 <span class="badge bg-primary" id="projCount">0</span></h2>
    <div class="row g-3 mb-4" id="resultProjects"></div>

    <h2 class="h4">匹配的 Releases <span class="badge bg-success" id="relCount">0</span></h2>
    <ul class="list-group mb-4" id="resultReleases"></ul>

    <h2 class="h4">匹配的 Issues <span class="badge bg-warning text-dark" id="issueCount">0</span></h2>
    <ul class="list-group mb-4" id="resultIssues"></ul>
</div>
{% endblock %}

{% block scripts %}
<script type="module">
import { renderProjectCard, bindProjectCardClicks } from "{{ url_for('static', filename='js/components/project-card.js') }}";
import { initSearchPage } from "{{ url_for('static', filename='js/pages/search.js') }}";

bindProjectCardClicks();
initSearchPage(renderProjectCard);
</script>
{% endblock %}