{% extends "brickwork/shell/app.html" %}
{% comment %}
A dashboard: a weighted headline scorecard and recent activity.

COPY THIS FILE into your project and edit it. It is not on the template loader
path, so you cannot extend it (ADR-056).

What your view must supply:
    headline_tiles                weighted scorecard items (see below)
    activity_rows / activity_columns  the recent-activity table data
    nav_items / nav_active            as in list.html

WHY THE SCORECARD IS WEIGHTED (icvoss/django-brickwork#512): a dashboard is an
argument, not a row of equal tiles. Equal tiles say every number matters the
same, which is never true. The scorecard's span= carries the ranking: the
metric this page exists to report gets span=2, supporting metrics take one
column. The ops analysis-dashboard example teaches the same shape in denser
form; this page is the simpler app Overview.

_scorecard.html takes items as a list of {content, span} dicts whose content
is already-rendered safe markup, so the grid comes from the view (ADR-090).

States: the scorecard tiles' own trend states (see _stat.html /
  _stat_comparison.html); the activity table's loading/empty/row-link states.
Accessibility: inherits shell/app.html's skip link, sidebar/drawer nav and
  page-header region; every trend reading pairs a decorative glyph with
  visually-hidden direction text, never colour alone. Covered by the
  archetype harness's full gate sweep at every W0.1 breakpoint, both themes.
Responsive: inherits shell/app.html's sidebar-to-drawer collapse at
  --bw-breakpoint-md (48rem). The scorecard grid reflows via its own
  column tokens.
{% endcomment %}
{% load brickwork_components brickwork_nav %}

{% block page_title %}Overview - Northwind{% endblock %}

{% block sidebar %}{% bw_nav nav_items nav_active %}{% endblock %}
{% block sidebar_mobile %}{% bw_nav nav_items nav_active %}{% endblock %}
{% block brand_wordmark %}Northwind{% endblock %}

{% block page_header %}
  {% include "brickwork/components/_page_header.html" with title="Overview" description="How the last 30 days compare with the 30 before." %}
{% endblock %}

{% block page_actions %}
  {% bw_button "Export" variant="secondary" icon="download" href="/reports/export/" %}
{% endblock %}

{% block content %}
<div class="bw-section-stack">

  <section aria-labelledby="overview-headline-heading">
    <h2 id="overview-headline-heading" class="bw-band-heading">Headline figures</h2>
    {% include "brickwork/components/_scorecard.html" with items=headline_tiles %}
  </section>

  {% comment %}
  Recent activity. Rows with a url become clickable rows, keyboard-reachable
  through the first cell's anchor.
  {% endcomment %}
  {% include "brickwork/components/_data_table.html" with table_id="recent-activity" columns=activity_columns rows=activity_rows empty_heading="Nothing yet" empty_body="Activity across your account will show up here." %}

</div>
{% endblock %}