<div id="security-background"
class="position-fixed w-100 vh-100{% if value.background.class is not same as("") %} {{ value.background.class }}{% endif %}"
style="z-index: -5;{% if value.background.image not in [null ,''] %}background-image: url({{ path('static_project_file', {'fileName': value.background.image}) }});{% endif %} {% if value.background.color is not same as(null) %}background-color: {{value.background.color}};{% endif %}"
>
</div>
<header class="security-header{% if value.class is defined %} {{ value.class }} {% endif %}">
{% if value.container is defined %}
<div class="{{ value.container }}">
{% endif %}
{% if value.banner is defined and value.banner.enabled %}
<div class="security-header-banner">
<img src="{{ path('static_project_file', {'fileName': value.banner.url}) }}"
alt="{{ value.banner.alt|trans }}"
class=" img-fluid {% if value.banner.class is defined %} {{ value.banner.class }}{% endif %}">
</div>
{% endif %}
{% if value.logo is defined and value.logo.url not in [null ,''] and canDisplayComponent(app.user, value.logo) %}
<img src="{{ path('static_project_file', {'fileName': value.logo.url}) }}"
alt="{{ value.logo.alt|trans }}"
class="logo{% if value.logo.class is defined %} {{ value.logo.class }}{% endif %}">
{% endif %}
{% if value.container is defined %}
</div>
{% endif %}
</header>