<f:layout name="Cards"/>

<f:section name="headline">
    <h1>Settings</h1>
</f:section>

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

<f:section name="cards">
    <div class="card card-size-small">
        <f:render partial="Card/Header" arguments="{ title: 'Extension Configuration', subtitle: 'Global Configuration', icon: 'EXT:install/Resources/Public/Icons/modules/install-extension-settings.svg'}" />
        <div class="card-body">
            <p class="card-text">Configure settings for enabled extensions.</p>
        </div>
        <div class="card-footer">
            <button type="button" class="btn btn-default" data-import="@typo3/install/module/settings/extension-configuration.js">Configure extensions&hellip;</button>
        </div>
    </div>
    <div class="card card-size-small">
        <f:render partial="Card/Header" arguments="{ title: 'Change Install Tool Password', subtitle: 'Access', icon: 'EXT:install/Resources/Public/Icons/modules/install-password.svg'}" />
        <div class="card-body">
            <p class="card-text">Set a new password for the Install Tool when accessed in Standalone mode.</p>
        </div>
        <div class="card-footer">
            <button type="button" class="btn btn-default" data-modal-size="small" data-import="@typo3/install/module/settings/change-install-tool-password.js">Change Install Tool Password&hellip;</button>
        </div>
    </div>
    <div class="card card-size-small">
        <f:render partial="Card/Header" arguments="{ title: 'Manage System Maintainers', subtitle: 'Access', icon: 'EXT:install/Resources/Public/Icons/modules/install-manage-maintainer.svg'}" />
        <div class="card-body">
            <p class="card-text">Specify which backend administrators can access System modules and the Install Tool in Standalone Mode.</p>
        </div>
        <div class="card-footer">
            <button type="button" class="btn btn-default" data-modal-size="medium" data-import="@typo3/install/module/settings/system-maintainer.js">Manage System Maintainers&hellip;</button>
        </div>
    </div>
    <div class="card card-size-small">
        <f:render partial="Card/Header" arguments="{ title: 'Configuration Presets', subtitle: 'Global Configuration', icon: 'EXT:install/Resources/Public/Icons/modules/install-manage-presets.svg'}" />
        <div class="card-body">
            <p class="card-text">Configure image processing, debug/live mode and mail settings.</p>
        </div>
        <div class="card-footer">
            <button type="button" class="btn btn-default" data-import="@typo3/install/module/settings/presets.js">Choose Preset&hellip;</button>
        </div>
    </div>
    <div class="card card-size-small">
        <f:render partial="Card/Header" arguments="{ title: 'Feature Toggles', subtitle: 'Global Configuration', icon: 'EXT:install/Resources/Public/Icons/modules/install-manage-features.svg'}" />
        <div class="card-body">
            <p class="card-text">Enable and disable core features.</p>
        </div>
        <div class="card-footer">
            <button type="button" class="btn btn-default" data-modal-size="medium" data-import="@typo3/install/module/settings/features.js">Configure Features&hellip;</button>
        </div>
    </div>
    <div class="card card-size-small">
        <f:render partial="Card/Header" arguments="{ title: 'Configure Installation-Wide Options', subtitle: 'Global Configuration', icon: 'EXT:install/Resources/Public/Icons/modules/install-manage-settings.svg'}" />
        <div class="card-body">
            <p class="card-text">Modify settings written to <code>system/settings.php</code>.</p>
        </div>
        <div class="card-footer">
            <button type="button" class="btn btn-default" data-import="@typo3/install/module/settings/local-configuration.js">Configure options&hellip;</button>
        </div>
    </div>
</f:section>
