{% for crop in crops|default %}
    <div class="c-crops__content--results-box">
        <div class="c-crops__content--results-container">
            <span class="c-crops__content--results-crop-name">{{ crop.title }}</span>
            <div class="c-crops__content--results-image" style="background-image: url({{ crop.url }}?{{ 'now'|date('U') }});"></div>
            <div class="c-crops__content--results-sizes">
                {% for resize in crop.imageResize %}
                    <span class="c-crops__content--results-size {{- resize.generated == true ? '' : ' is-disabled' }}">{{ resize.width }}x{{ resize.height }}</span>
                {% endfor %}
            </div>

            {% if crop.allResizesGenerated == false %}
                <span class="c-crops__content--resuls-alert">{{ "cs_assets.form.crops.resize_warn"|trans }}</span>
            {% endif %}
        </div>
    </div>
{% endfor %}
