{#
  macros/helper.html - Utility macros for internal use across APEP macro files.
  Import with: {% from "apep/macros/helper.html" import alert %}

  Macros:
    alert(message, detail)

  Author: sora7672
#}


{#
  Renders a dismissible dev-facing error alert inside a macro when required
  params are missing or invalid values are passed.
  Dismissed via helper.js - renders even when JS is not loaded yet,
  so it is always visible on misconfiguration.

  @param message {string} - short error summary shown as the alert title
  @param detail  {string} - longer explanation or usage hint, optional
#}
{% macro alert(message, detail=None) %}
<div class="apep-alert" role="alert" data-apep-alert>
    <div class="apep-alert-inner">
        <div class="apep-alert-header">
            <span class="apep-alert-icon" aria-hidden="true">⚠</span>
            <span class="apep-alert-title">{{ message }}</span>
            <button class="apep-alert-close" type="button" data-apep-alert-close aria-label="Dismiss">&#10005;</button>
        </div>
        {% if detail %}
        <p class="apep-alert-detail">{{ detail }}</p>
        {% endif %}
    </div>
</div>
<script>ApepLoader.register("helper.js", "defer");</script>
<script>ApepLoader.register("helper.css");</script>
{% endmacro %}