<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">

<f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}" disableIcon="true">
    <div class="form-check">
        <input
            type="radio"
            class="form-check-input"
            id="t3-install-tool-configuration-image-custom"
            name="install[values][{feature.name}][enable]"
            value="{preset.name}"
            {f:if(condition: preset.isActive, then:'checked="checked"')}
            {f:if(condition: '!{isWritable}', then: 'disabled')}
        />
        <label for="t3-install-tool-configuration-image-custom" class="form-check-label">
            <strong>Custom configuration</strong> {f:if(condition: preset.isActive, then:' [Active]')}
        </label>
    </div>

    <p>Custom configuration mixture if no other preset fits.</p>

    <f:for each="{preset.configurationDescriptors}" as="configuration" key="configurationKey">
        <div class="row mb-3">
            <label class="col-sm-4 col-form-label" for="{feature.name}{preset.name}{configurationKey}">{configurationKey}</label>
            <div class="col-sm-8">
                <f:render partial="Settings/ReadonlyInfo" arguments="{configuration: configuration}" />
                <input
                    id="{feature.name}{preset.name}{configurationKey}"
                    type="text"
                    name="install[values][{feature.name}][{preset.name}][{configurationKey}]"
                    value="{configuration.value}"
                    class="form-control t3js-custom-preset"
                    data-radio="t3-install-tool-configuration-image-custom"
                    {f:if(condition: '!{isWritable} || {configuration.readonly}', then: 'disabled')}
                />
            </div>
        </div>
    </f:for>
</f:be.infobox>

</html>
