{% extends 'public/base.html' %}
{% block title %}{{ site_name|default('旺珂') }} · 友情链接{% endblock %}
{% block subtitle %}合作伙伴、推荐站点与互链往来 · 共 {{ total|default(0) }} 个{% endblock %}

{% block content %}
{% if groups and (groups|length) > 0 %}
    {% for category, items in groups.items() %}
    <section class="section" id="cat-{{ loop.index }}">
        <header class="section-header">
            <h2>{{ category }}</h2>
            <span class="meta">共 {{ items|length }} 个</span>
        </header>
        <div class="grid">
            {% for f in items %}
            <a class="card" href="{{ f.url }}" {% if f.is_external == 1 %}target="_blank" rel="noopener"{% endif %}>
                <div class="title-row">
                    {% if f.logo %}
                    <div class="icon-wrap"><img src="{{ f.logo }}" alt="{{ f.title }}" style="width:24px;height:24px;border-radius:4px;object-fit:cover;" onerror="this.replaceWith(document.createTextNode('🔗'))"></div>
                    {% else %}
                    <div class="icon-wrap">🔗</div>
                    {% endif %}
                    <div class="title">{{ f.title }}</div>
                </div>
                {% if f.description %}
                <div class="desc">{{ f.description }}</div>
                {% else %}
                <div class="desc">{{ f.url }}</div>
                {% endif %}
                <div class="url">{{ f.url }}</div>
            </a>
            {% endfor %}
        </div>
    </section>
    {% endfor %}
{% else %}
    <div class="empty">
        <div style="font-size:48px;margin-bottom:12px;">🔗</div>
        <div>暂无友情链接</div>
        <div style="margin-top:14px;font-size:13px;">如需交换友链，请到 <a href="/system/friend/" style="color:var(--brand);">后台</a> 添加</div>
    </div>
{% endif %}
{% endblock %}