<html
    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
    data-namespace-typo3-fluid="true"
>
<div id="element-history-settings" class="container-settings">
    <form action="{settingsFormUrl}" name="recordHistorySettingsForm" method="post">
        <div class="form-row-md">
            <div class="form-group">
                <label class="form-label" for="maxSteps"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:maxSteps" /></label>
                <select class="form-select" id="maxSteps" name="settings[maxSteps]" data-global-event="change" data-action-submit="$form">
                    <option value="10" {f:if(condition: '{moduleSettings.maxSteps} == 10', then :'selected')}>10</option>
                    <option value="20" {f:if(condition: '{moduleSettings.maxSteps} == 20', then :'selected')}>20</option>
                    <option value="50" {f:if(condition: '{moduleSettings.maxSteps} == 50', then :'selected')}>50</option>
                    <option value="100" {f:if(condition: '{moduleSettings.maxSteps} == 100', then :'selected')}>100</option>
                    <option value="999" {f:if(condition: '{moduleSettings.maxSteps} == 999', then :'selected')}><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:maxSteps_all" /></option>
                </select>
            </div>
            <div class="form-group">
                <div class="form-check form-switch form-check-size-input">
                    <input type="hidden" value="0" name="settings[showDiff]" />
                    <input type="checkbox" id="showDiff" value="1" name="settings[showDiff]" data-global-event="change" data-action-submit="$form" class="form-check-input" {f:if(condition: '{moduleSettings.showDiff}', then: 'checked')} />
                    <label class="form-check-label" for="showDiff">
                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:showDiff" />
                    </label>
                </div>
            </div>
            <div class="form-group">
                <div class="form-check form-switch form-check-size-input">
                    <input type="hidden" value="0" name="settings[showSubElements]" />
                    <input type="checkbox" id="showSubElements" value="1" name="settings[showSubElements]" data-global-event="change" data-action-submit="$form" class="form-check-input" {f:if(condition: '{moduleSettings.showSubElements}', then: 'checked')} />
                    <label class="form-check-label" for="showSubElements">
                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:showSubElements" />
                    </label>
                </div>
            </div>
        </div>
    </form>
</div>
</html>
