Example — override template

{% extends "admin/admin_template" %}

{% block extra_css %}
    <link rel="stylesheet" href='{% static "css/variables.css" %}'>
    <link rel="stylesheet" href='{% static "css/main.css" %}'>
    <link rel="stylesheet" href='{% static "css/admin/dashboard.css" %}'>
    <link rel="icon" type="image/png" href='{% media "favicon/favicon.ico" %}'>
{% endblock %}

{% block title %}Administration{% endblock %}

{% block breadcrumb %}
<div class="breadcrumb">
    <span>Admin</span>
    <span class="breadcrumb-sep">/</span>
    <span>Dashboard</span>
</div>
{% endblock %}

{% block content %}

<div class="page-header">
    <div>
        <h1 class="page-title">Dashboard</h1>
        <p class="page-subtitle">Application overview</p>
    </div>
    <a href="/admin/toggle-template" class="btn btn-secondary btn-sm">← Default template</a>
</div>

<div class="stats-grid">
    {% for resource in resources %}
    <a href="/admin/{{ resource.key }}/list" class="stat-card">
        <div class="stat-label">{{ resource.title }}</div>
        <div class="stat-value">{{ resource_counts[resource.key] | default(value="0") }}</div>
        <div class="stat-meta">View list →</div>
    </a>
    {% endfor %}

    {% if not resources %}
    <div class="card card-full-width">
        <div class="card-body">
            <div class="empty-state">
                <p class="empty-state-title">No resources registered</p>
                <p class="empty-state-desc">
                    Declare your resources in <code>src/admin.rs</code>
                    with the <code>admin!{}</code> macro
                    then run <code>runique start</code>.
                </p>
            </div>
        </div>
    </div>
    {% endif %}
</div>

{% if resources %}
<div class="card">
    <div class="card-header">
        <h2 class="card-title">Resources</h2>
    </div>
    <div class="admin-table-wrapper">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Resource</th>
                    <th>Key</th>
                    <th>Permissions</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for resource in resources %}
                <tr>
                    <td><strong>{{ resource.title }}</strong></td>
                    <td><span class="id-badge">{{ resource.key }}</span></td>
                    <td>
                        {% for perm in resource.permissions.list %}
                        <span class="badge badge-blue">{{ perm }}</span>
                        {% endfor %}
                    </td>
                    <td>
                        <div class="table-actions">
                            <a href="/admin/{{ resource.key }}/list"
                                class="btn btn-secondary btn-sm">List</a>
                            <a href="/admin/{{ resource.key }}/create"
                                class="btn btn-primary btn-sm">Create</a>
                        </div>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}

{% endblock %}