{% load wagtailadmin_tags i18n %}
<section class="w-summary" aria-labelledby="header-title">
  <h2 class="w-h2">{% trans "Longclaw Summary" %}</h2>
  <ul class="w-summary__list">
    <li>
        {% icon name="warning" %}
        <a href="{{ outstanding_orders.url }}">
            <span>{{ outstanding_orders.total }}</span> {{ outstanding_orders.label }}
        </a>
    </li>
    <li>
        {% icon name="list-ul" %}
        <a href="{{ product_count.url }}">
            <span>{{ product_count.total }}</span> {{ product_count.label }}
        </a>
    </li>
    <li>
        {% icon name="tick-inverse" %}
        <a href="{{ sales_count.url }}">
            <span>{{ sales_count.total }}</span> {{ sales_count.label }}
        </a>
    </li>
  </ul>
</section>