{% extends "base.html" %}

{% block title %}{{ t('admin.hub.section.' ~ section, cfg.title) }} - {{ config.BBS_NAME }}{% endblock %}

{% block content %}
<div class="bbs-header d-flex justify-content-between align-items-center">
    <h1><i class="bi {{ cfg.icon }}"></i> {{ t('admin.hub.section.' ~ section, cfg.title) }}</h1>
    <a href="{{ url_for('admin.dashboard') }}" class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-speedometer2"></i> {{ t('nav.dashboard', 'Dashboard') }}
    </a>
</div>

<div class="row g-3 mt-1">
    {% for item in cfg.tools %}
    {% set tool_key = 'admin.hub.tool.' ~ item[0] ~ ('.' ~ item[4] if item|length > 4 else '') %}
    <div class="col-md-4 col-sm-6">
        <a href="{{ url_for(item[0]) }}{% if item|length > 4 %}#{{ item[4] }}{% endif %}"
           class="text-decoration-none">
            <div class="card h-100">
                <div class="card-body">
                    <h5 class="card-title"><i class="bi {{ item[2] }}"></i> {{ t(tool_key ~ '.label', item[1]) }}</h5>
                    <p class="card-text small text-muted mb-0">{{ t(tool_key ~ '.description', item[3]) }}</p>
                </div>
            </div>
        </a>
    </div>
    {% endfor %}
</div>
{% endblock %}