{% extends "base.html" %}
{% block body_class %}software-page{% endblock %}
{% macro sw_board(cat_name, icon_name, color, items, total, more_url="") %}
<section class="board">
  <h2 class="board-title" style="--board-color: {{ color }}">
    <svg viewBox="0 0 24 24">{{ cat_icon(icon_name) }}</svg>
    {{ cat_name }}
    <span class="board-count">{{ total }}</span>
    {% if more_url %}<a class="board-more" href="{{ more_url }}">更多 →</a>{% endif %}
  </h2>
  <div class="card-grid">
    {% for s in items %}{% include "_sw_card.html" %}{% endfor %}
  </div>
</section>
{% endmacro %}

{% macro vuln_shield() %}
<svg viewBox="0 0 24 24"><path d="M12 2L4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5l-8-3z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="M12 8v4m0 3h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
{% endmacro %}

{% macro vuln_block(blk) %}
<section class="board">
  <h2 class="board-title" style="--board-color: #c92a2a">
    {{ vuln_shield() }}
    {{ blk['title'] or '漏洞补丁专区' }}
    <span class="board-count">{{ blk['vulns'] | length }}</span>
    <a class="board-more" href="/vulns">更多 →</a>
  </h2>
  <div class="vuln-list">
    {% for v in blk['vulns'] %}
    {% set sev = severities.get(v['severity'], severities['medium']) %}
    <div class="vuln-item">
      <div class="vuln-main">
        <div class="vuln-title-row">
          <span class="sev {{ sev[1] }}">{{ sev[0] }}</span>
          <a href="/vulns/{{ v['id'] }}"><strong>{{ v['title'] }}</strong></a>
          {% if v['cve_no'] %}<span class="tag tag-tag mono">{{ v['cve_no'] }}</span>{% endif %}
        </div>
        <div class="muted small vuln-meta">
          {% if v['affected_product'] %}影响：{{ v['affected_product'] }}{% if v['affected_version'] %}（{{ v['affected_version'] }}）{% endif %} · {% endif %}
          补丁 {{ v['file_count'] }} 个 · 发布于 {{ v['created_at'][:10] }}
        </div>
      </div>
      <a class="btn btn-ghost btn-sm" href="/vulns/{{ v['id'] }}">查看详情</a>
    </div>
    {% else %}
    <p class="muted">暂无漏洞通告</p>
    {% endfor %}
  </div>
</section>
{% endmacro %}

{% block content %}
{% set S = site_settings() %}

{% if layout %}
  {# ---------- 区块驱动布局 ---------- #}
  {% for unit in layout %}
    {% if unit['row'] %}
    <div class="board-row">
      {% for blk in unit['row'] %}
      {{ sw_board(blk['title'] or blk['cat']['name'], blk['cat']['icon'], blk['cat']['color'],
                  blk['items'], blk['total'], "/?category=" ~ blk['cat']['id']) }}
      {% endfor %}
    </div>
    {% else %}
    {% set blk = unit['one'] %}
    {% if blk['type'] == "hero" %}
    <section class="hero">
      <h1>{{ S['hero_title'] }}</h1>
      <p>{{ S['hero_subtitle'] }}</p>
      <form class="search-box" action="/software" method="get">
        <input type="text" name="q" value="" placeholder="搜索软件名称或说明…">
        <button type="submit">搜索</button>
      </form>
    </section>
    {% elif blk['type'] == "chips" %}
    <div class="chips">
      <a class="chip active" href="/software">全部</a>
      {% for c in cats %}
      <a class="chip" href="/?category={{ c['id'] }}">{{ c['name'] }}</a>
      {% endfor %}
    </div>
    {% if all_tags %}
    <div class="chips chips-tags">
      <span class="chips-label">标签</span>
      {% for t in all_tags %}
      <a class="chip chip-tag" href="/?tag={{ t['name'] }}">#{{ t['name'] }} <em>{{ t['n'] }}</em></a>
      {% endfor %}
    </div>
    {% endif %}
    {% elif blk['type'] == "category" %}
    {{ sw_board(blk['title'] or blk['cat']['name'], blk['cat']['icon'], blk['cat']['color'],
                blk['items'], blk['total'], "/?category=" ~ blk['cat']['id']) }}
    {% elif blk['type'] == "vulns" %}
    {{ vuln_block(blk) }}
    {% elif blk['type'] == "announce" %}
    <div class="announce-block announce-{{ blk['cfg'].get('level', 'info') }}">
      <svg viewBox="0 0 24 24"><path d="M12 9v4m0 4h.01M10.3 3.9L1.8 18a2 2 0 001.7 3h17a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
      {{ blk['cfg'].get('text', '') }}
    </div>
    {% elif blk['type'] == "links" %}
    <section class="board">
      {% if blk['title'] %}<h2 class="board-title"><svg viewBox="0 0 24 24"><path d="M10 13a5 5 0 007.5.5l3-3a5 5 0 00-7-7l-1.7 1.7M14 11a5 5 0 00-7.5-.5l-3 3a5 5 0 007 7l1.7-1.7" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>{{ blk['title'] }}</h2>{% endif %}
      <div class="link-grid">
        {% for l in blk['cfg'].get('links', []) %}
        <a class="link-card" href="{{ l['url'] }}" target="_blank" rel="noopener">
          <svg viewBox="0 0 24 24"><path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6M15 3h6v6M10 14L21 3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
          {{ l['name'] }}
        </a>
        {% endfor %}
      </div>
    </section>
    {% elif blk['type'] == "html" %}
    <section class="board">
      <div class="detail-body" style="margin-top: 0">
        {% if blk['title'] %}<h2>{{ blk['title'] }}</h2>{% endif %}
        <div class="md-content">{{ blk['html_content'] | safe }}</div>
      </div>
    </section>
    {% endif %}
    {% endif %}
  {% endfor %}

{% else %}
  {# ---------- 默认布局（未配置区块 / 搜索筛选态） ---------- #}
  <section class="hero">
    <h1>{{ S['hero_title'] }}</h1>
    <p>{{ S['hero_subtitle'] }}</p>
    <form class="search-box" action="/software" method="get">
      {% if cur_cat %}<input type="hidden" name="category" value="{{ cur_cat }}">{% endif %}
      <input type="text" name="q" value="{{ q }}" placeholder="搜索软件名称或说明…">
      <button type="submit">搜索</button>
    </form>
  </section>

  <div class="chips">
    <a class="chip {% if not cur_cat and not cur_tag %}active{% endif %}" href="/software">全部</a>
    {% for c in cats %}
    <a class="chip {% if cur_cat == c['id'] %}active{% endif %}" href="/?category={{ c['id'] }}">{{ c['name'] }}</a>
    {% endfor %}
  </div>
  {% if all_tags %}
  <div class="chips chips-tags">
    <span class="chips-label">标签</span>
    {% for t in all_tags %}
    <a class="chip chip-tag {% if cur_tag == t['name'] %}active{% endif %}" href="/?tag={{ t['name'] }}">#{{ t['name'] }} <em>{{ t['n'] }}</em></a>
    {% endfor %}
  </div>
  {% endif %}

  {% if sections %}
    {% for sec in sections %}
    {{ sw_board(sec['cat']['name'], sec['cat']['icon'], sec['cat']['color'], sec['items'], sec['items'] | length) }}
    {% endfor %}
  {% elif items %}
  <div class="card-grid">
    {% for s in items %}{% include "_sw_card.html" %}{% endfor %}
  </div>
  {% else %}
  <div class="empty">
    <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7" fill="none" stroke="currentColor" stroke-width="2"/><path d="M21 21l-4.3-4.3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>
    <p>{% if q or cur_tag or cur_cat %}没有符合条件的软件，换个关键词试试{% else %}暂无软件，请管理员到后台添加{% endif %}</p>
  </div>
  {% endif %}
{% endif %}
{% endblock %}