{% sw_extends "@Storefront/storefront/utilities/alert.html.twig" %}
{% block utilities_alert %}
<div role="alert"
class="alert {% if type %}alert-{{ type }}{% endif %}{% if dismissible %} alert-dismissible fade show{% endif %}{% if icon != "error" %} alert-has-icon{% endif %}">
{% block utilities_alert_icon %}
{% if icon != "false" %}
{% if type == "danger" %}
<span class="icon danger">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" fill="#fff" /></svg>
</span>
{% elseif type == "warning" %}
<span class="icon warning">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z" fill="#fff" /></svg>
</span>
{% elseif type == "info" %}
<span class="icon info">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z" fill="#fff" /></svg>
</span>
{% elseif type == "success" %}
<span class="icon success">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" fill="#fff" /></svg>
</span>
{% else %}
{% sw_icon 'alert' %}
{% endif %}
{% endif %}
{% endblock %}
{% block utilities_alert_content_container %}
<div class="alert-content-container">
{% block utilities_alert_heading %}
{% if heading %}
<div class="alert-heading h5">
{{ heading }}
</div>
{% endif %}
{% endblock %}
{% block utilities_alert_content %}
<div class="alert-content">
{% if list|length > 1 %}
<ul class="alert-list">
{% for entry in list %}
<li>{{ entry|sw_sanitize }}</li>
{% endfor %}
</ul>
{% elseif list|length == 1 %}
{% for entry in list %}
{{ entry|sw_sanitize }}
{% endfor %}
{% else %}
{{ content|sw_sanitize }}
{% endif %}
</div>
{% endblock %}
{% block utilities_alert_dismissible %}
{% if dismissible %}
<button type="button"
class="close"
{{ dataBsDismissAttr }}="alert"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
{% endif %}
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}