{% extends "base.html" %}
{% block title %}首页 - AI Agent 项目追踪{% endblock %}

{% block content %}
<h1 class="mb-4">项目总览</h1>

<!-- Stats cards -->
<div class="row g-3 mb-5" id="statsRow">
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center">
            <div class="card-body">
                <div class="stat-number text-primary" id="statProjects">-</div>
                <div class="stat-label">项目数</div>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center">
            <div class="card-body">
                <div class="stat-number text-success" id="statReleases">-</div>
                <div class="stat-label">Release 数</div>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center">
            <div class="card-body">
                <div class="stat-number text-warning" id="statIssues">-</div>
                <div class="stat-label">Issue 数</div>
            </div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center">
            <div class="card-body">
                <div class="stat-number text-danger" id="statStars">-</div>
                <div class="stat-label">总 Stars</div>
            </div>
        </div>
    </div>
</div>

<h2 class="mb-3">项目 Dashboard</h2>
<div class="row g-3" id="projectCards">
    <div class="empty-hint">加载中…</div>
</div>
{% endblock %}

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

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