{% import "components/ui/v1.html" as ui_v1 %}
{% call ui_v1.panel('功能目录') %}
  <nav aria-label="使用指南功能目录">
    <ul class="ui-nav-list">
      <li class="ui-nav-list__item"><a class="ui-nav-list__link" href="{{ resetUrl }}"{% if not filters.category and not article %} aria-current="page"{% endif %}>全部指南</a></li>
      {% for item in categories %}
      <li class="ui-nav-list__item"><a class="ui-nav-list__link" href="{{ item.href }}"{% if filters.category == item.id or (article and article.category == item.id) %} aria-current="page"{% endif %}><span>{{ item.title }}</span><span class="ui-muted">{{ item.count }}</span></a></li>
      {% endfor %}
    </ul>
  </nav>
{% endcall %}
{% call ui_v1.panel('推荐从这里开始') %}
  <nav aria-label="使用指南快速开始">
    <ul class="ui-nav-list">
      <li class="ui-nav-list__item"><a class="ui-nav-list__link" href="{{ href('first-submit') }}">学生：完成第一次提交</a></li>
      <li class="ui-nav-list__item"><a class="ui-nav-list__link" href="{{ href('teach-course') }}">教师：组织一门课程</a></li>
      <li class="ui-nav-list__item"><a class="ui-nav-list__link" href="{{ href('domain-permissions') }}">管理员：设置域与权限</a></li>
    </ul>
  </nav>
  <p class="ui-muted bp-guide-page__meta">部分功能需要登录、教师权限或开启相应模块。入口不显示时，可先查阅“账号与域”和“权限与可见性”。</p>
{% endcall %}