{% extends 'areas/image/editables.html.twig' %}
{% block view %}
{% if contentInclude is not defined %}
{% set brickConfig = info.getEditable().getConfig() %}
{% if brickConfig.params.colSize %}
{% set colSize = brickConfig.params.colSize %}
{% else %}
{% set colSize = '12' %}
{% endif %}
{% set imageTitleShowValue = imageTitleShow.isChecked() %}
{% endif %}
{% set thumbnailString = 'col-' ~ colSize %}
<div class="c-image c-image__size--{{imageSize}} {{componentSpacingLeftRight}} {{componentMargin}}
{% if contentInclude is not defined and maxWidthSelect.isChecked() == true %}c-image__max-width{% endif %}
">
{% if editmode %}
{{ image | raw }}
{% elseif image.getImage() or contentInclude is defined %}
{% if imageSize != 'icon' %}
{% set imageVars = {
'thumbnailString': thumbnailString,
'image': image,
'imageTitleShow': imageTitleShowValue,
'imageTitleInput': imageTitleInput
} %}
{% include 'utils/image.position.html.twig' with imageVars %}
{% else %}
<div class="color-{{iconColor}} background-{{iconBackground}}">
{{ convert_svg_to_code(app.request.getSchemeAndHttpHost(), image.getImage()) | raw }}
</div>
{% endif %}
{% endif %}
</div>
{% endblock %}