{# Macro sidebar_link
   Uso:
     {% from "core/components/sidebar_link.html" import sidebar_link %}
     {{ sidebar_link("Dashboard", href="/", icon_name="layout-dashboard",
                     active=(request.url.path == "/")) }}
#}
{% from "core/components/icon.html" import icon %}

{% macro sidebar_link(label, href="/", icon_name="", active=false, badge_count=none) %}
{# `preload="mouseover"` (extensión preload de htmx, activada con
   `hx-ext` en el <aside> del shell): la página destino empieza a
   cargar en el hover — la navegación se percibe instantánea. #}
<a href="{{ href }}"
   class="sidebar-link {% if active %}sidebar-link-active{% endif %}"
   preload="mouseover"
   {% if active %}aria-current="page"{% endif %}>
  {%- if icon_name %}{{ icon(icon_name, class="w-4 h-4 shrink-0") }}{% endif %}
  <span class="truncate">{{ label }}</span>
  {%- if badge_count is not none %}
  <span class="ml-auto text-xs font-medium rounded-full px-1.5 py-0.5 {% if active %}bg-brand-lime text-brand-dark{% else %}bg-border text-fg-muted{% endif %}">
    {{ badge_count }}
  </span>
  {%- endif %}
</a>
{%- endmacro %}