{% extends "base.html" %}
{% block title %}网址导航 - {{ site_name }}{% endblock %}
{% block content %}
<div class="crumb"><a href="/">首页</a> / 网址导航</div>

<section class="page-banner">
  <h1>网址导航</h1>
  <p class="muted">常用网站与内部系统入口，点击名称即可跳转</p>
</section>

{% if groups %}
{% for cat, links in groups %}
<section class="nav-section" id="cat-{{ cat['id'] }}">
  <h2 class="nav-section-title">{{ cat['name'] }}</h2>
  <div class="nav-grid">
    {% for l in links %}
    <a class="nav-card" href="{{ l['url'] }}" target="_blank" rel="noopener noreferrer">
      <span class="nav-card-icon">
        <svg viewBox="0 0 24 24"><path d="M10 13a5 5 0 007.07 0l3-3a5 5 0 00-7.07-7.07l-1.72 1.71M14 11a5 5 0 00-7.07 0l-3 3A5 5 0 0011 21.07l1.71-1.71" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
      </span>
      <span class="nav-card-text">
        <strong>{{ l['name'] }}</strong>
        <span class="muted small nav-card-url">{{ l['url'] }}</span>
      </span>
    </a>
    {% endfor %}
  </div>
</section>
{% endfor %}
{% else %}
<div class="panel" style="text-align:center;padding:48px">
  <p class="muted">暂未收录任何网站</p>
</div>
{% endif %}
{% endblock %}