<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>
                Choose a configuration preset optimized for development or production environments.
            </p>
            <p>
                The <strong>Live</strong> preset prioritizes performance and hides debug and error
                messages from website visitors.
            </p>
            <p>
                The <strong>Debug</strong> preset enables detailed debug and error messages to support
                development and troubleshooting.
            </p>
            <p>
                Select <strong>Custom configuration</strong> to adjust each setting individually.
            </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>
