{namespace form=Neos\Form\ViewHelpers}
<f:validation.results for="{element.identifier}">
    <div class="{element.properties.containerClassAttribute}{f:if(condition: validationResults.flattenedErrors, then: ' error')}"<f:if condition="{element.rootForm.renderingOptions.previewMode}"> data-element="{form:form.formElementRootlinePath(renderable:element)}"</f:if>>
        <f:render section="field"/>
        <f:if condition="{element.properties.showLabel}">
            <label class="{element.properties.labelClassAttribute}" for="{element.uniqueIdentifier}"><f:if condition="{element.properties.translationPackage}">
                <f:then>{f:translate(package: element.properties.translationPackage, id : element.label) -> f:format.raw()}</f:then>
                <f:else>{element.label -> f:format.raw()}</f:else>
            </f:if></label>
        </f:if>
        <f:if condition="{validationResults.flattenedErrors}">
            <small class="help-inline">
                <f:for each="{validationResults.errors}" as="error">
                    <span data-error="{error.code}" data-package="{element.renderingOptions.translationPackage}">
                        <f:format.htmlentitiesDecode>{error -> f:translate(id: error.code, arguments: error.arguments, package: element.renderingOptions.translationPackage, source: 'ValidationErrors')}</f:format.htmlentitiesDecode>
                    </span>
                </f:for>
            </small>
        </f:if>
        <f:if condition="{element.properties.elementDescription}">
            <small class="help-block">{element.properties.elementDescription}</small>
        </f:if>
    </div>
</f:validation.results>