{{define "notifications/fragments/bell"}}
<div class="relative"
     hx-get="/notifications/count"
     hx-target="#notification-count"
     hx-trigger="load, every 30s">
  <a href="/notifications" class="text-gray-500 dark:text-gray-400 flex gap-1 items-end group">
    {{ i "bell" "size-5" }}
    <span id="notification-count"></span>
  </a>
</div>
{{end}}