<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"
>
<typo3-formengine-container-files identifier="{formFieldIdentifier}">
    <div {formGroupAttributes -> f:format.raw()}>
        <f:format.raw>{fieldInformation}</f:format.raw>
        <div class="form-group t3js-formengine-validation-marker">
            <div class="form-control-wrap t3js-file-controls">
                <f:for each="{fileSelectors}" as="fileSelector">
                    {fileSelector -> f:format.raw()}
                </f:for>
            </div>
            <div class="form-text">
                <f:if condition="{allowedFileExtensions}">
                    <f:then>
                        <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.allowedFileExtensions"/><br>
                        <ul class="badge-list">
                            <f:for each="{allowedFileExtensions}" as="allowedFileExtension">
                                <li><span class="badge badge-success">{allowedFileExtension}</span></li>
                            </f:for>
                        </ul>
                    </f:then>
                    <f:else if="{disallowedFileExtensions}">
                        <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.disallowedFileExtensions"/><br>
                        <ul class="badge-list">
                            <f:for each="{disallowedFileExtensions}" as="disallowedFileExtension">
                                <li><span class="badge badge-danger">{disallowedFileExtension}</span></li>
                            </f:for>
                        </ul>
                    </f:else>
                </f:if>
            </div>
        </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}" />
    </div>
</typo3-formengine-container-files>
</html>
