{# LIBRARIES #}
{{ attach_library('ui_patterns/alert.alert_lib') }}

{# VARIANTS #}
{% set attributes = attributes|default(create_attribute()) %}
{% set header_tag = header_tag|default('h2') %}
{% set header_class = header_class|default('h3') %}
{% set alert_class = alert_class|default('') %}
{% set status = status|default('success') %}
{% set layout = layout|default('standard') %}
{% set icon_set = icon_set|default('solid') %}
{% set custom_colours = custom_colours|default(false) %}
{% set classes = [
  'alert',
  'alert-' ~ status,
  alert_class,
  layout == 'side_icon' ? 'alert-si' : '',
  custom_colours ? 'alert-cc' : ''
] %}

{# ICONS #}
{% if not icon %}
  {% if icon_set == 'solid' %}
    {% set icon = '<i class="fas fa-info-circle"></i>' %}
    {% if status == 'warning' %}
      {% set icon = '<i class="fas fa-exclamation-circle"></i>' %}
    {% endif %}
    {% if status == 'danger' %}
      {% set icon = '<i class="' ~ global_icon_times|default('fas fa-times') ~ '-circle"></i>' %}
    {% endif %}
    {% if status == 'success' %}
      {% set icon = '<i class="fas fa-check-circle"></i>' %}
    {% endif %}
    {% if status == 'default' %}
      {% set icon = '<i class="fas fa-check-circle"></i>' %}
    {% endif %}
  {% else %}
    {% set icon = '<i class="far fa-info-circle"></i>' %}
    {% if status == 'warning' %}
      {% set icon = '<i class="far fa-exclamation-circle"></i>' %}
    {% endif %}
    {% if status == 'danger' %}
      {% set icon = '<i class="far fa-exclamation-triangle"></i>' %}
    {% endif %}
    {% if status == 'success' %}
      {% set icon = '<i class="far fa-check-circle"></i>' %}
    {% endif %}
  {% endif %}
{% endif %}

{# TEMPLATE #}
<div {{ attributes.addClass(classes) }}>
  {% if layout == 'side_icon' %}
    <div class="msgi">
      {{ icon|raw }}
    </div>
    <div class="msgw">
  {% endif %}
      {% if header %}
        <{{ header_tag}} class="{{ header_class }} msgh">
          {% if layout == 'standard' %}
            {{ icon|raw }}
          {% endif %}
          {% block header %}
            {{ header }}
          {% endblock %}
        </{{ header_tag}} >
      {% endif %}
      <div class="msgc">
        {% block content %}
          {{ content|raw }}
        {% endblock %}
      </div>
  {% if layout == 'side_icon' %}
    </div>
  {% endif %}
</div>
