{% set avalancheObject = getAvalancheObject() %}
{% set avalancheLevel = avalancheObject ? avalancheObject.avalancheLevel : 0 %}
{% set showAvalancheWarning = avalancheLevel >= 4 %}
{% set brickNotification = document.property('brick_notification') %}
{% set showBrickNotification = brickNotification is pimcore_document_snippet ? brickNotification.published : false %}
{% if showBrickNotification or showAvalancheWarning %}
<section class="{{ className|default('') }}">
<ul class="list-unstyled info-bricks {{ showBrickNotification and showAvalancheWarning ? 'has-two-bricks' }}">
{% if showAvalancheWarning %}
<li class="info-bricks__item">
<img class="info-bricks__avalanche js-avalanche-item"
src="{{ elements_cache_buster(elements_staticFolder() ~ '/img/avalanche/stufe-0' ~ avalancheLevel ~ '.svg') }}"
alt="{{ ('weather.snow.avalanche-warning-level' ~ avalancheLevel)|trans }}">
</li>
{% endif %}
{% if showBrickNotification %}
<li class="info-bricks__item">
<button type="button" class="btn-no-styling d-flex align-items-center js-dynamic-modal-toggle"
title="{{ 'info-bricks.title'|trans }}" data-original-title="{{ 'info-bricks.title'|trans }}"
data-bs-toggle="modal" data-bs-target="#infoModal"
data-content-url="{{ path('dynamic_modal') }}">
<span class="visually-hidden">{{ 'info-bricks.title'|trans }}</span>
<span class="icon icon-warning" aria-hidden="true"></span>
</button>
</li>
{% endif %}
</ul>
</section>
{% if showBrickNotification %}
{{ include('includes/overlays/dynamic-modal.html.twig', { 'size': 'lg', 'id': 'infoModal' }) }}
{% endif %}
{% endif %}