eric / rustwarden

{% extends "base.html" %}

{% block title %}{{ page_title }}{% endblock %}

{% block navbar %}
{% include "components/navbar.html" %}
{% endblock %}

{% block content %}
<div class="container mx-auto px-4 py-8">

    {# Breadcrumb (no parent for the hub itself) #}
    <nav class="text-sm breadcrumbs mb-6" aria-label="breadcrumb">
        <ul>
            <li><a href="/">{{ breadcrumb_home }}</a></li>
            <li><a href="/admin">{{ breadcrumb_admin }}</a></li>
            <li aria-current="page">{{ breadcrumb_self }}</li>
        </ul>
    </nav>

    {# Page header — no tab bar on the hub itself #}
    <header class="mb-8">
        <h1 class="text-3xl font-bold mb-2">{{ heading }}</h1>
        <p class="text-base-content/70">{{ subtitle }}</p>
    </header>

    {# Hub cards: 6 entry points, one per admin section #}
    <section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" aria-label="federation sections">
        {% for card in cards %}
        <a href="{{ card.href }}" class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow focus:outline-none focus:ring-2 focus:ring-primary">
            <div class="card-body">
                <h2 class="card-title">
                    <span aria-hidden="true">{{ card.icon }}</span>
                    {{ card.title }}
                </h2>
                <p class="text-base-content/70">{{ card.desc }}</p>
            </div>
        </a>
        {% endfor %}
    </section>
</div>
{% endblock %}