{{ homeTopHtml|raw }}

{% for cat in categories %}
  <div class="category-label">{{ cat.title }}</div>
  <div class="card">
    {# Ohne Kopfzeile: "12 Themen" sagt selbst, was es ist, und der Betreff
       unter "Letzter Beitrag" ebenso. Uebrig blieben Ueberschriften, die
       ueber jeder Kategorie noch einmal dasselbe wiederholen. #}
    <table class="forum-table forum-table-responsive">
      <tbody>
        {% if not cat.boards %}
          <tr>
            <td colspan="4" style="text-align:center;color:var(--text-faint);padding:20px">
              {{ t('index_noch_keine_foren_in') }}
            </td>
          </tr>
        {% endif %}
        {% for b in cat.boards %}
        {% set bIsLocked = b.password_hash and not board_user_can_access(b) %}
        <tr class="forum-row">
          <td class="forum-icon-cell" style="width:48px">
            {% if bIsLocked %}
              <div class="board-icon-wrap is-locked" title="Gesperrt">🔒</div>
            {% else %}
              <div class="board-icon-wrap">{{ board_initials(b.title) }}</div>
            {% endif %}
          </td>
          <td class="forum-main-cell">
            <a href="{{ url('/board.php?id=') }}{{ b.board_id }}" class="board-title-link">
              {% if b.password_hash %}
                <span title="{{ t('board_protected') }}" style="color:var(--color-accent);font-size:12px">🔒</span>
              {% endif %}
              {{ b.title }}
            </a>
            {% if b.description %}
              <div class="board-desc">{{ b.description }}</div>
            {% endif %}
            {# Die Moderatoren standen frueher in einer eigenen Spalte. Die war
               150 Pixel breit und meistens leer, und die Tabelle wechselte
               ihre Form, je nachdem ob eine Kategorie welche hatte. Hier
               stehen sie beim Forum, zu dem sie gehoeren. #}
            {% set mods = tpl_get(boardMods, b.board_id) %}
            {% if mods %}
              {# count() statt |length: die Vorlagen-Sprache liest alles nach
                 dem | als Namen eines Filters, "length == 1 ? ..." waere fuer
                 sie also ein Filter mit sehr langem Namen. #}
              <div class="board-mods">
                {{ tn('index_moderatoren_label', count(mods)) }}
                {% for m in mods %}
                  {% set role = user_role_style(m) %}
                  <a href="{{ url('/profile.php?id=') }}{{ m.user_id }}"
                     style="color:{{ role.color }}"
                     title="{{ role.title|default(t('index_moderator')) }}">{{ zeigename(m.username) }}</a>{{ loop.last ? '' : ',' }}
                {% endfor %}
              </div>
            {% endif %}
          </td>
          <td class="stat-cell">
            <b>{{ zahl(b.thread_count) }}</b>
            <span class="stat-label">{{ tn('index_themen_label', b.thread_count) }}</span><br>
            <b>{{ zahl(b.post_count) }}</b>
            <span class="stat-label">{{ tn('index_beitraege_label', b.post_count) }}</span>
          </td>
          <td class="last-post-cell" data-label="{{ t('index_letzter_beitrag') }}">
            {% if b.last_post_date %}
              <a href="{{ url('/thread.php?id=') }}{{ b.last_thread_id }}">{{ truncate(b.last_thread_title ?? '...', 44) }}</a>
              <span class="last-post-meta">
                {{ t('index_von') }} <a href="{{ url('/profile.php?id=') }}{{ b.last_user_id }}">{{ zeigename(b.last_username) }}</a>
                · {{ format_date(b.last_post_date) }}
              </span>
            {% else %}
              <span style="color:var(--text-faint)">{{ t('index_noch_kein_beitrag') }}</span>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% endfor %}

{% if showStatsBox %}
<div class="info-boxes">

  <div class="card info-box">
    <div class="card-header">
      <span class="card-title">
        <a href="{{ url('/online.php') }}" style="color:inherit">{{ t('index_wer_ist_online') }}</a>
      </span>
      <span style="font-size:11px;color:var(--text-muted)">
        <a href="{{ url('/online.php') }}" style="color:var(--text-muted)">{{ t('index_x_insgesamt', onlineStats.total) }} →</a>
      </span>
    </div>
    <div style="padding:12px 16px">
      <div style="font-size:12px;color:var(--text-muted);margin-bottom:8px">
        {{ tn('index_x_mitglieder', onlineStats.members) }} &middot;
        {{ tn('index_x_gaeste', onlineStats.guests) }}{% if onlineStats.bots %} &middot;
        {{ tn('index_x_bots', onlineStats.bots) }}{% endif %}
      </div>
      {% if not onlineList %}
        <p style="color:var(--text-faint);font-size:12px;font-style:italic">{{ t('index_niemand_online') }}</p>
      {% else %}
        <div class="online-users">
          {% for u in namedOnline %}
            {% set role = user_role_style(u) %}
            {% if not loop.first %}, {% endif %}<a href="{{ url('/profile.php?id=') }}{{ u.user_id }}"
               style="color:{{ role.color }};font-weight:{{ role.weight }}"
               title="{{ role.title }}">{{ zeigename(u.username) }}</a>
          {% endfor %}
        </div>
        <p style="font-size:11px;color:var(--text-faint);margin-top:10px;border-top:1px dashed var(--border);padding-top:8px">
          <span style="color:#7c3aed;font-weight:600">{{ t('index_inhaber') }}</span>,
          <span style="color:#dc2626;font-weight:600">{{ t('index_administrator') }}</span>,
          <span style="color:#f59e0b;font-weight:600">{{ t('index_moderator') }}</span>,
          {{ t('index_mitglied') }}
        </p>
      {% endif %}
    </div>
  </div>

  <div class="card info-box">
    <div class="card-header">
      <span class="card-title">{{ t('index_forum_statistik') }}</span>
    </div>
    <div style="padding:12px 16px;font-size:13px;line-height:1.9">
      <div>
        <strong>{{ zahl(forumStats.threads) }}</strong>
        {{ tn('index_themen_label', forumStats.threads) }}
        &middot;
        <strong>{{ zahl(forumStats.posts) }}</strong>
        {{ tn('index_beitraege_label', forumStats.posts) }}
      </div>
      <div>
        <strong>{{ zahl(forumStats.members) }}</strong> {{ tn('index_mitglieder_label', forumStats.members) }}
      </div>
      {% if forumStats.newest %}
        <div>
          {{ t('index_neuestes_mitglied') }}
          <a href="{{ url('/profile.php?id=') }}{{ forumStats.newest.user_id }}">
            <strong>{{ zeigename(forumStats.newest.username) }}</strong>
          </a>
        </div>
      {% endif %}
    </div>
  </div>

</div>
{% endif %}