{% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% block layout_footer_navigation %}
{{ parent() }}
{% block layout_footer_dmits_infoflag %}
{% set dmitsInfoFlag=page.footer.extensions.dmitsInfoFlag %}
{% if dmitsInfoFlag.active %}
{% if dmitsInfoFlag.closetextcolor %} <style>.infoflag-close svg{color:{{dmitsInfoFlag.closetextcolor}};}</style>{% endif %}
{% if dmitsInfoFlag.closebgcolor %} <style>.infoflag-close svg{background-color:{{dmitsInfoFlag.closebgcolor}};}</style>{% endif %}
{% if dmitsInfoFlag.closeborderradius %} <style>.infoflag-close svg{border-radius:{{dmitsInfoFlag.closeborderradius}}px;}</style>{% endif %}
<div style="{% if dmitsInfoFlag.textcolor %} color:{{dmitsInfoFlag.textcolor}};{% endif %}
{% if dmitsInfoFlag.bgcolor %} background-color:{{dmitsInfoFlag.bgcolor}};{% endif %}
{% if dmitsInfoFlag.width %} width:{{dmitsInfoFlag.width}}px;{% endif %}
{% if dmitsInfoFlag.height %} min-height:{{dmitsInfoFlag.height}}px;{% endif %}
{% if dmitsInfoFlag.contentpadding %} padding:{{dmitsInfoFlag.contentpadding}}px;{% endif %}
" class="infoflag {{ "infoflag-#{dmitsInfoFlag.position}" }}{% if dmitsInfoFlag.close==false %} infoflag-noclose{% endif %}
{% if dmitsInfoFlag.mobile %} infoflag-mobile{% endif %}
{% if dmitsInfoFlag.mobileland %} infoflag-mobileland{% endif %}
{% if dmitsInfoFlag.tablet %} infoflag-tablet{% endif %}
{% if dmitsInfoFlag.tabletland %} infoflag-tabletland{% endif %}
{% if dmitsInfoFlag.desktop %} infoflag-desktop{% endif %}
{% if dmitsInfoFlag.border %} infoflag-border{% endif %}">
{% if dmitsInfoFlag.close %}
<div class="infoflag-close">
{% sw_include '@Storefront/storefront/utilities/icon.html.twig' with {
'name': 'x'
} %}
</div>
{% endif %}
<div class="infoflag-content">{{ dmitsInfoFlag.content|raw }}</div>
</div>
{% if dmitsInfoFlag.close %}
<script>
var dmitsclosetime=0;
{% if dmitsInfoFlag.closetime %}
dmitsclosetime={{dmitsInfoFlag.closetime}}*60*1000;
{% endif %}
</script>
{% endif %}
{% endif %}
{% endblock %}
{% endblock %}