<html
    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
    data-namespace-typo3-fluid="true"
>
<f:format.raw>{fieldInformation}</f:format.raw>
<typo3-formengine-container-inline {webComponentAttributes -> f:format.raw()}>
    <div class="form-group t3js-formengine-validation-marker t3js-inline-controls">
        <f:for each="{fileSelectors}" as="fileSelector">
            {fileSelector -> f:format.raw()}
        </f:for>
        <f:if condition="{allowedFileExtensions}">
            <f:then>
                <div class="form-text mt-2">
                    <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.allowedFileExtensions"/>
                    <ul class="badge-list">
                        <f:for each="{allowedFileExtensions}" as="allowedFileExtension">
                            <li><span class="badge badge-secondary">{allowedFileExtension}</span></li>
                        </f:for>
                    </ul>
                </div>
            </f:then>
            <f:else if="{disallowedFileExtensions}">
                <div class="form-text mt-2">
                    <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.disallowedFileExtensions"/>
                    <ul class="badge-list">
                        <f:for each="{disallowedFileExtensions}" as="disallowedFileExtension">
                            <li><span class="badge badge-danger">{disallowedFileExtension}</span></li>
                        </f:for>
                    </ul>
                </div>
            </f:else>
        </f:if>
    </div>
    <f:if condition="{showAllLocalizationLink}">
        <button type="button" class="btn btn-default t3js-synchronizelocalize-button" data-type="localize" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:localizeAllRecords')}">
            <core:icon identifier="actions-document-localize" size="small" />
            <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:localizeAllRecords" />
        </button>
    </f:if>
    <f:if condition="{showSynchronizationLink}">
        <button type="button" class="btn btn-default t3js-synchronizelocalize-button" data-type="synchronize" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:synchronizeWithOriginalLanguage')}">
            <core:icon identifier="actions-document-synchronize" size="small" />
            <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:synchronizeWithOriginalLanguage" />
        </button>
    </f:if>
    <div class="panel-group panel-hover {f:if(condition: '{showAllLocalizationLink} || {showSynchronizationLink}', then: 'mt-3')}" id="{fileReferences.id}" data-title="{fileReferences.title}">
        <f:format.raw>{fileReferences.records}</f:format.raw>
    </div>
    <f:format.raw>{fieldWizard}</f:format.raw>
    <f:if condition="{customControls}">
        <div id="{customControls.id}">
            <f:format.raw>{customControls.controls}</f:format.raw>
        </div>
    </f:if>
    <input type="hidden" class="inlineRecord" name="{formFieldName}" value="{sortableRecordUids}" data-formengine-validation-rules="{validationRules}" />
</typo3-formengine-container-inline>
</html>
