{% load i18n dsfr_tags %}
{% translate "Hide message" as hide_message %}
<div role="alert"
     class="fr-alert fr-alert--{{ self.type }}{% if self.extra_classes %} {{ self.extra_classes }}{% endif %}">
  {% if self.title %}
    <{{ self.heading_tag | default:"p" }} class="fr-alert__title">{{ self.title }}</{{ self.heading_tag | default:"p" }}>
  {% endif %}
  {% if self.content %}
    <p>
      {{ self.content | dsfr_maybe_safe }}
    </p>
  {% endif %}
  {% if self.is_collapsible %}
    <button class="fr-btn--close fr-btn"
            title="{{ hide_message }}"
            {% for attr, value in self.collapsible_attrs.items %}{{ attr }}="{{ value|dsfr_maybe_safe }}"{% endfor %}>
      {{ hide_message }}
    </button>
  {% endif %}
</div>