{% import 'AppBundle:Admin:Common\\Macro\\macro_image.html.twig' as macro_image %}

{% if image is not empty and image.width is not empty and image.height is not empty %}
    {% set imgWidth = image.width %}
    {% set imgHeight = image.height %}
    {% set containerImgWidth = containerImgWidth|default(200) %}
    {% set containerImgHeight = containerImgHeight|default(150) %}
    {% set extendClass = extendClass|default("") %}
    {% set containerClass = containerClass|default("align-center img-image") %}

    {% set imgPath %}
        {{ render(path('app_bundle_api_v3_media_thumb_path', {
            "mediaId": image.id,
            "context": image.context,
            "format": "large"
        })) }}
    {% endset %}

    <!-- To avoid problem on multiple edition -->
    {% set cache = imgPath.updatedAt|date('U') %}
    {% set imgPath = (imgPath.__toString ~ '?cache=' ~ cache)|replace({' ': '', '"': '', '\\': '', "\n": '', "\r": ''}) %}

    <div class="{{ containerClass }}" style="display: inline-block;">
        {{ macro_image.resize_image(imgPath, imgWidth, imgHeight, containerImgWidth, containerImgHeight, extendClass) }}
    </div>
{% endif %}