{# Inline SVG icons. Kept here rather than in a sprite or icon font so the admin
   needs no extra request and no external asset. `currentColor` makes them
   follow whatever text colour they sit in, including in dark mode. #}
{% macro icon(name) -%}
{%- set paths = {
  'grid':  '<rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/>',
  'chart': '<path d="M3 3v18h18"/><path d="M7 15l4-5 3 3 5-7"/>',
  'clock': '<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>',
  'key':   '<circle cx="8" cy="14" r="4"/><path d="M11 11l9-9M18 4l2 2M15 7l2 2"/>',
  'menu':  '<path d="M4 7h16M4 12h16M4 17h16"/>',
  'theme': '<circle cx="12" cy="12" r="4.5"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/>',
  'plus':  '<path d="M12 5v14M5 12h14"/>',
  'search':'<circle cx="11" cy="11" r="7"/><path d="M20 20l-3.5-3.5"/>',
  'back':  '<path d="M19 12H5M11 18l-6-6 6-6"/>',
  'trash': '<path d="M4 7h16M10 11v6M14 11v6"/><path d="M6 7l1 13h10l1-13M9 7V4h6v3"/>'
} -%}
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"
     stroke-linecap="round" stroke-linejoin="round" width="17" height="17"
     aria-hidden="true" focusable="false">{{ paths.get(name, '') | safe }}</svg>
{%- endmacro %}