{namespace form=Neos\Form\ViewHelpers}
<f:validation.results for="{element.identifier}">
    <f:if condition="{element.properties.gridClassAttribute}">
        <div class="{element.properties.gridClassAttribute}">
    </f:if>
    <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:if condition="{element.properties.labelPosition} == 'after'}">
            <f:render section="field" />
        </f:if>
        <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.nl2br() -> f:format.raw()}</f:then>
                    <f:else>{element.label -> f:format.nl2br() -> f:format.raw()}</f:else>
                </f:if>
                <f:if condition="{element.required}">
                    <f:render partial="Neos.Form:Field/Required" />
                </f:if>
            </label>
        </f:if>
        <f:if condition="{element.properties.labelPosition} == 'after'}">
            <f:else>
                <f:render section="field" />
            </f:else>
        </f:if>
        <f:if condition="{validationResults.flattenedErrors}">
            <span class="help-inline">
                <f:for each="{validationResults.errors}" as="error">
                    <f:format.htmlentitiesDecode>
                        {error -> f:translate(id: error.code, arguments: error.arguments, package:
                        element.properties.translationPackage, source: 'ValidationErrors')}
                    </f:format.htmlentitiesDecode>
                    <br />
                </f:for>
            </span>
        </f:if>
        <f:if condition="{element.properties.elementDescription}">
            <span class="help-block">
                <f:if condition="{element.properties.translationPackage}">
                    <f:then>{f:translate(package: element.properties.translationPackage, id:
                        element.properties.elementDescription) -> f:format.nl2br() -> f:format.raw()}</f:then>
                    <f:else>{element.properties.elementDescription -> f:format.nl2br() -> f:format.raw()}</f:else>
                </f:if>
            </span>
        </f:if>
    </div>
    <f:if condition="{element.properties.gridClassAttribute}">
        </div>
    </f:if>
</f:validation.results>