{% extends "base.html" %}
{% block title %}培养方案 · 西湖生存手册{% endblock %}

{% block content %}
<h1 class="page">本科培养方案（官网公开版）</h1>

{% if error %}<div class="note">{{ error }}</div>{% endif %}

{% if has_data %}
{# 旧锚点导航已由全局自动目录替代（2026-10-25） #}
<div class="stats">
  <div class="stat"><div class="label">本科专业</div><div class="value" data-count="{{ plans | length if plans else 0 }}">{{ plans | length if plans else 0 }}</div></div>
  <div class="stat"><div class="label">课程结构</div><div class="value">{{ sections | length if sections else 0 }}<small> 块</small></div></div>
  <div class="stat"><div class="label">培养特色</div><div class="value">{{ features | length if features else 0 }}<small> 项</small></div></div>
</div>
<section id="pg-goal" class="reveal">
  <div class="card">
    <div class="label">培养目标</div>
    <p>{{ goal or '—' }}</p>
  </div>
</section>

{% if features %}
<section id="pg-features" class="reveal">
  <h2 class="section">培养特色</h2>
  <div class="grid cols-2">
    {% for f in features %}
    <div class="card">
      <div class="label">{{ f.title }}</div>
      <p class="muted" style="font-size:.86rem">{{ f.text }}</p>
    </div>
    {% endfor %}
  </div>
</section>
{% endif %}

<section id="pg-structure" class="reveal">
{% for s in sections %}
  <h2 class="section">{{ s.title }}</h2>
  {% if s.text %}<p>{{ s.text }}</p>{% endif %}
  {% if s.table %}
    {% if s.table.name %}<p class="muted" style="font-size:.82rem">{{ s.table.name }}</p>{% endif %}
    <table class="data">
      <thead><tr><th>分类</th><th>课程</th></tr></thead>
      <tbody>
        {% for row in s.table.rows %}
        <tr><td>{{ row.name or '—' }}</td><td>{{ row.courses | join('；') }}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  {% endif %}
  {% endfor %}
</section>

{% if plans %}
<section id="pg-plans" class="reveal">
  <h2 class="section">专业培养方案（学分要求与课程表）</h2>
  {% for plan in plans %}
  <h3 class="section">{{ plan.name }}</h3>
  <p class="muted" style="font-size:.86rem">
    {% if plan.total_credits %}学分合计 {{ plan.total_credits | round(1) }}　{% else %}学分见分项（含区间）　{% endif %}
    课程 {{ plan.course_count }} 门
  </p>
  <table class="data">
    <thead><tr><th>学分块</th><th>学分</th><th>课程</th></tr></thead>
    <tbody>
      {% for req in plan.requirements %}
      <tr>
        <td>{{ req.title }}</td>
        <td>{{ req.credits or '—' }}</td>
        <td>
          {% if req.courses %}
            {% for c in req.courses %}
            <div>{{ c.name }} <span class="muted">{{ c.credits }}</span>
              {% if c.prerequisite %}<div class="dim" style="font-size:.78rem">先修：{{ c.prerequisite }}</div>{% endif %}
            </div>
            {% endfor %}
          {% else %}<span class="dim">{{ req.note or '—' }}</span>{% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% if plan.warn_text %}<p class="dim" style="font-size:.8rem">{{ plan.warn_text }}</p>{% endif %}
  {% endfor %}
  {% endif %}

{% if summary or majors %}
<section id="pg-majors" class="reveal">
  {% if summary %}
  <h2 class="section">本科专业</h2>
  <div class="callout"><span>{{ summary }}</span></div>
  {% endif %}
  {% if majors %}
  <div class="grid cols-2">
    {% for m in majors %}
    <div class="card">
      <div class="label">{{ m.name }}<span class="muted"> · {{ m.group }}</span></div>
      <p class="muted" style="font-size:.86rem">{{ m.intro or '—' }}</p>
    </div>
    {% endfor %}
  </div>
  {% endif %}
</section>
{% endif %}

  <p class="muted" style="font-size:.82rem">
    数据来自本科招生网公开页面（{{ source_url }}）；公开网没有分专业的官方培养
    方案文档，逐门修读要求以教务发布为准。
  </p>
{% elif error %}
  <div class="empty">培养方案数据暂不可用。</div>
{% else %}
  <div class="empty">暂无培养方案数据。</div>
{% endif %}
{% endblock %}

{% block scripts %}
<script>
(function () {
  var nav = document.querySelector('.anchor-nav');
  if (!nav || !('IntersectionObserver' in window)) return;
  var links = Array.prototype.slice.call(nav.querySelectorAll('a[href^="#"]'));
  if (!links.length) return;
  var map = {};
  links.forEach(function (a) { map[a.getAttribute('href').slice(1)] = a; });
  var spy = new IntersectionObserver(function (entries) {
    entries.forEach(function (e) {
      if (e.isIntersecting) {
        links.forEach(function (a) { a.classList.remove('active'); });
        var a = map[e.target.id];
        if (a) a.classList.add('active');
      }
    });
  }, { rootMargin: '-25% 0px -65% 0px' });
  document.querySelectorAll('section[id]').forEach(function (sec) {
    if (map[sec.id]) spy.observe(sec);
  });
  var first = links[0];
  if (first) first.classList.add('active');
})();
</script>
{% endblock %}