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

<p>
    Feature toggles allow new TYPO3 Core functionalities to be activated for testing on upgraded installations,
    while maintaining the previous behaviour. These features are enabled by default on new TYPO3 installations.
</p>

<f:render partial="Generic/ConfigurationNotWritable" arguments="{_all}"/>

<h2>Available features</h2>
<div class="t3js-module-content" data-features-save-token="{featuresSaveToken}">
    <form method="post">
        <div class="card-container">
            <f:for each="{features}" as="feature" iteration="iterator">
                <div class="card card-size-large">
                    <div class="card-header">
                        <h3>{feature.label}</h3>
                    </div>
                    <div class="card-body">
                        <div class="form-check form-switch">
                            <input
                                type="checkbox"
                                class="form-check-input"
                                value="1"
                                name="install[values][{feature.name}]"
                                id="t3-install-tool-features-{feature.name}"
                                {f:if(condition: '{feature.value} == 1', then: 'checked="checked"')}
                                {f:if(condition: '!{isWritable}', then: 'disabled')}
                            />
                            <label class="form-check-label" for="t3-install-tool-features-{feature.name}">
                                <p>{feature.description -> f:sanitize.html()}</p>
                                <strong>Default setting: {f:if(condition: '{feature.default} == 1', then: 'Enabled', else: 'Disabled')}</strong>
                            </label>
                        </div>
                    </div>
                </div>
            </f:for>
        </div>
    </form>
</div>
</html>
