<div class="imageInputAndPreviewContainer">
    {% if input_value is not empty %}
        <img class="imageInputPreview" src="/{{ attributes['preview_image_path'] }}/{{ input_value }}" alt="" />
        <label for="{{ attributes['input_name'] }}[delete]">
            <input
                class="imageInputDeleteCheckbox"
                type="checkbox"
                value=""
                id="{{ attributes['input_name'] }}[delete]"
                name="{{ attributes['input_name'] }}"
            />
            <i class="fa fa-trash inputIcon"></i>
        </label>
        {% if attributes['crop_adjust'] is not empty %}
            <a  href="#"
                title="Adjust the image crop location."
                class="cropAdjust"
            >
                <i class="fa fa-crop inputIcon"></i>
            </a>
        {% endif %}
        <br/>
    {% endif %}
    <input
        type="file"
        name="{{ attributes['input_name'] }}"
        id="{{ attributes['id'] }}"
        class="{{ attributes['class'] }}"
        {% for attribute_name, value in additional_attributes %}
            {{ attribute_name }}="{{ value }}"
        {% endfor %}
        data-value="{{ input_value }}"
        data-attr-name="{{ attributes['attr_name'] }}"
        data-preview-image-path="{{ attributes['preview_image_path'] }}"
    />
    {{ info | raw }}
</div>
