{% set hasBackground = background_color or background_image or fullwidth %}

{% block background_header %}
    {% if hasBackground %}
        <script type="module" src="{{ oViewConf.getModuleUrl('ddoevisualcms', 'out/src/js/fullwidth.min.js') }}"></script>
        {{ style({ include: oViewConf.getModuleUrl('ddoevisualcms', 'out/src/css/fullwidth.min.css') }) }}

        <div class="dd-background{{ fullwidth ? ' dd-fullwidth' }}{{ background_fixed ? ' dd-background-fixed' }}"
            style="{% apply spaceless %}
                {% if background_color %}background-color: {{ background_color }};{% endif %}
                {% if background_image %}background-image: url('{{ background_image }}');{% endif %}
            {% endapply %}">
    {% endif %}
{% endblock %}

{% block content %}{% endblock %}

{% block background_footer %}
    {% if hasBackground %}
        </div>
    {% endif %}
{% endblock %}