{% load i18n conjunto %}
{#   Toast container. The ``conjunto/js/toasts.js`` script looks for this #}
{#   element and appends Bootstrap/Tabler toasts to it in response to #}
{#   ``conjunto:toasts`` and ``showToast`` window events, as well as any #}
{#   initial messages rendered into ``#cj-initial-toasts`` below. #}
<div id="cj-toasts"
     class="toast-container position-fixed"
     style="{{ cj_toasts.style }}"
     data-cj-toast-position="{{ cj_toasts.position }}"
     data-cj-toast-delay="{{ cj_toast_delay|default:6000 }}"
     aria-live="polite" aria-atomic="true"></div>

{# Initial messages from a full-page (non-HTMX) response. Iterating#}
{#   ``messages`` here marks the storage as used so nothing else will#}
{#   re-render them.#}
{% if messages %}{{ messages|toasts_data|json_script:"cj-initial-toasts" }}{% endif %}