{% extends "base.html" %}

{% block title %}场景首页{% endblock %}

{% block content %}
  <header class="page-header">
    <span class="eyebrow">场景总览</span>
    <h1 class="page-title">用同一套底座快速切换不同业务 Agent</h1>
    <p class="page-lead">当前首页直接读取 YAML 场景配置。你可以从这里进入对话、上传资料，再用审计日志验证整条执行链路。</p>
  </header>

  <section class="card-grid">
    {% for scenario in scenarios %}
      <article class="card">
        <h2>{{ scenario.name }}</h2>
        <p>{{ scenario.description }}</p>
        <ul class="meta-list">
          <li class="meta-badge">场景 ID：{{ scenario.id }}</li>
          <li class="meta-badge">输出：{{ scenario.output.type }}</li>
          <li class="meta-badge">工具数：{{ scenario.tools|length }}</li>
        </ul>
        <p style="margin-top: 16px;">
          <a class="button button-primary" href="{% url 'chat:index' scenario.id %}">进入对话</a>
        </p>
      </article>
    {% empty %}
      <div class="notice">暂无可用场景，请检查 `configs/` 目录和 YAML 配置内容。</div>
    {% endfor %}
  </section>
{% endblock %}