{% 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 * horizontal_scale)|round ~ 'px;' %}{% endif %}
            {% if box.dimension.height %}{% set  style = style ~ 'height:' ~  (box.dimension.height * vertical_scale)|round ~ 'px;' %}{% endif %}
            {% if box.dimension.top %}{% set  style = style ~ 'top:' ~  (box.dimension.top * vertical_scale)|round ~ 'px;' %}{% endif %}
            {% if box.dimension.left %}{% set  style = style ~ 'left:' ~  (box.dimension.left * horizontal_scale)|round ~ 'px;' %}{% 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 content = box.content %}
        {% elseif box.type == 'codeBar' %}
            {% set content =  '<img src="file://' ~ box_content[box.id] ~ '">' %}
            {% set classes = 'text-center barcode' %}
        {% endif %}
<div class="{{ classes }}" style="{{ style }}">{% if content %}{{ content|raw }}{% endif %}</div>
    {% endfor %}
</div>
{% endapply %}