{% extends "admin/base.html" %}

{% block main_content %}
<section class="stats-grid">
    {% for stat in stats %}
    <article class="stat tone-{{ stat.tone }}">
        <div class="stat-label">{{ stat.label }}</div>
        <div class="stat-value">{{ stat.value }}</div>
        <div class="muted">{{ stat.note }}</div>
    </article>
    {% endfor %}
</section>

<section class="hero-card">
    <h2>{{ site_profile.site_name }}</h2>
    <p class="page-description" style="margin-bottom: 10px;">{{ site_profile.site_description }}</p>
    <a href="{{ site_profile.site_url }}" class="inline-link" target="_blank" rel="noreferrer noopener">{{ site_profile.site_url }}</a>
</section>

<section class="card-grid">
    {% for card in nav_cards %}
    <a href="{{ card.href }}" class="hero-card">
        <h2>{{ card.title }}</h2>
        <p class="page-description" style="margin-bottom: 10px;">{{ card.description }}</p>
        <span class="chip">{{ card.meta }}</span>
    </a>
    {% endfor %}
</section>
{% endblock %}