{# small building blocks shared by the pages #}
{% macro page_head(name, title, sub='') %}
<div class="page-head">
  <span class="ph-ic">{{ icon(name) }}</span>
  <div><h1>{{ title }}</h1>{% if sub %}<p>{{ sub }}</p>{% endif %}</div>
  {% if caller %}<div class="ph-actions">{{ caller() }}</div>{% endif %}
</div>
{% endmacro %}

{% macro role_pill(role) %}<span class="pill {{ role }}">{{ icon('shield' if role == 'admin' else 'user') }}{{ role|capitalize }}</span>{% endmacro %}

{% macro empty(name, text) %}
<div class="empty-state">{{ icon(name) }}<p>{{ text }}</p></div>
{% endmacro %}