{% 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>

  {% if scenario_issues %}
    <section class="panel" style="margin-bottom: 20px;">
      <h2 class="section-title">配置异常</h2>
      <p class="muted">以下 YAML 场景文件存在问题，系统已自动跳过，不会影响其它合法场景展示。</p>
      <ul class="detail-list">
        {% for issue in scenario_issues %}
          <li class="detail-item">
            <strong>{{ issue.file_name }}</strong>
            <div>{{ issue.message }}</div>
          </li>
        {% endfor %}
      </ul>
    </section>
  {% endif %}

  <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">RAG：{% if scenario.rag.enabled %}已启用{% else %}未启用{% endif %}</li>
          <li class="meta-badge">工具数：{{ scenario.tool_count }}</li>
        </ul>
        <p class="muted" style="margin-top: 14px;">适用题型：
          {% if scenario.applicable_questions %}
            {{ scenario.applicable_questions|join:"、" }}
          {% else %}
            暂未配置
          {% endif %}
        </p>
        <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 %}