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

<f:be.infobox state="1" disableIcon="true">
    <input
        type="radio"
        class="t3-install-tool-configuration-radio"
        id="t3-install-tool-configuration-image-custom"
        name="install[values][{feature.name}][enable]"
        value="{preset.name}"
        {f:if(condition: preset.isActive, then:'checked="checked"')}
    />
    <label for="t3-install-tool-configuration-image-custom" class="t3-install-tool-configuration-radio-label">
        <strong>Custom configuration</strong> {f:if(condition: preset.isActive, then:' [Active]')}
    </label>

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

    <f:for each="{preset.configurationValues}" as="configurationValue" 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">
                <input
                    id="{feature.name}{preset.name}{configurationKey}"
                    type="text"
                    name="install[values][{feature.name}][{preset.name}][{configurationKey}]"
                    value="{configurationValue}"
                    class="form-control t3js-custom-preset"
                    data-radio="t3-install-tool-configuration-image-custom"
                />
            </div>
        </div>
    </f:for>
</f:be.infobox>

</html>
