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

<div class="panel panel-default">
    <h2 class="panel-heading" role="tab">
        <div class="panel-heading-row">
            <button
                class="panel-button collapsed"
                type="button"
                data-bs-toggle="collapse"
                data-bs-parent="#accordion"
                data-bs-target="#collapseTwo"
                aria-controls="collapseTwo"
                aria-expanded="false"
                id="headingTwo"
            >
                <div class="panel-title">
                    <strong>Debug settings</strong>
                </div>
                <span class="caret"></span>
            </button>
        </div>
    </h2>
    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
        <div class="panel-body">
            <p>
                In this panel it is possible to select a configuration preset which optimizes multiple settings
                to be suited best for production or development environments.
                The "Live" preset configures your TYPO3 installation for maximum performance
                and suppresses debug and error messages, so that nothing is disclosed to website visitors.
                The "Debug" preset enables most debug and error messages which is helpful during development.
                As a third option it is possible to manually customize each setting for specific needs.
            </p>
            <f:for each="{feature.presetsOrderedByPriority}" as="preset">
                <f:render partial="Settings/Presets/{feature.name}/{preset.name}" arguments="{_all}" />
            </f:for>
        </div>
    </div>
</div>

</html>
