{% extends 'public/base.html' %}

{% block content %}
    {% if not groups %}
        <div class="empty">
            <i class="layui-icon layui-icon-face-surprised" style="font-size:48px;color:#ccc;"></i>
            <p>暂无导航数据，请先在后台【系统管理 → 导航管理】添加。</p>
        </div>
    {% else %}
        {% for category, items in groups.items() %}
            <section class="section">
                <div class="section-header">
                    <h2>{{ category }}</h2>
                    <div class="meta">
                        共 {{ items|length }} 个 ·
                        <a href="{{ url_for('public_nav.category_detail', name=category) }}">查看全部 →</a>
                    </div>
                </div>
                <div class="grid">
                    {% for item in items %}
                        <a class="card"
                           href="{{ item.url }}"
                           {% if item.is_external %}target="_blank" rel="noopener noreferrer"{% endif %}>
                            <div class="title-row">
                                <div class="icon-wrap">
                                    <i class="layui-icon {{ item.icon }}"></i>
                                </div>
                                <div class="title">{{ item.title }}</div>
                            </div>
                            <div class="desc">{{ item.description or '暂无描述' }}</div>
                            <div class="url">{{ item.url }}</div>
                        </a>
                    {% endfor %}
                </div>
            </section>
        {% endfor %}
    {% endif %}
{% endblock %}