{% apply spaceless %}
{% set font_size = ['fs-xs', 'fs-s', 'fs-m', 'fs-l', 'fs-xl'] %}
{% set font_weight = ['fw-light', 'fw-normal', 'fw-bold'] %}
<div class="sticker_container">
    {% for box in config.boxes %}
        {% set content = '' %}
        {% set classes = '' %}
        {% if box.style %}
            {% if box.style.font_size >= 0 %}{% set  classes = classes ~ font_size[box.style.font_size] %}{% endif %}
            {% if box.style.font_weight >= 0 %}{% set  classes = classes ~ ' ' ~ font_weight[box.style.font_weight] %}{% endif %}
            {% if box.style.align == 'center' %} {% set  classes = classes ~ ' text-center' %}
            {% elseif box.style.align == 'right' %} {% set  classes = classes ~ ' text-right' %}
            {% else %} {% set  classes = classes ~ ' text-left' %}{% endif %}
            {% if box.style.border.top %}{% set  classes = classes ~ ' bd-top' %}{% endif %}
            {% if box.style.border.right %}{% set  classes = classes ~ ' bd-right' %}{% endif %}
            {% if box.style.border.bottom %}{% set  classes = classes ~ ' bd-bottom' %}{% endif %}
            {% if box.style.border.left %}{% set  classes = classes ~ ' bd-left' %}{% endif %}
        {% endif %}
        {% set style = '' %}
        {% if box.dimension %}
            {% if box.dimension.width %}{% set  style = style ~ 'width:' ~  (box.dimension.width) ~ ' !important;' %}{% endif %}
            {% if box.dimension.height %}{% set  style = style ~ 'height:' ~  (box.dimension.height) ~ '!important;' %}{% endif %}
            {% if box.dimension.top %}{% set  style = style ~ 'top:' ~  (box.dimension.top) ~ '!important;' %}{% endif %}
            {% if box.dimension.left %}{% set  style = style ~ 'left:' ~  (box.dimension.left) ~ ' !important;' %}{% endif %}
        {% endif %}
        {% if box.type == 'field_main' %}
            {% set content = box_content[box.id] %}
        {% elseif box.type == 'field_line' %}
            {% for line_content  in box_content[box.id] %}
                {% set content = content ~ line_content %}
                {% if not loop.last %}
                    {% set content = content ~ '<br>' %}
                {% endif %}
            {% endfor %}
        {% elseif box.type == 'text' or  box.type == 'icon'%}
            {% set style = style ~ 'font-family : ubuntu-regular;' %}
            {% set content = box.content %}
        {% elseif box.type == 'codeBar' %}
        {# QR CODE #}
            {% set content =  '<img src="' ~ barcode({code : box_content[box.id]['code'], type : box_content[box.id]['type'], format : 'html', height : box_content[box.id]['height'], width : box_content[box.id]['width']}) ~'" />' %}
        {# QR CODE #}
        {% endif %}
<div class="{{ classes }}" style="{{ style }}">{% if content %}{{ content|raw }}{% endif %}</div>
    {% endfor %}
</div>
{% endapply %}