<html xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
<span
    class="systeminformationtoolbaritem-container t3js-systeminformation-container"
    data-count="{count}"
    data-severityclass="{severityBadgeClass}"></span>

<h3 class="dropdown-headline"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:systemmessage.header"/></h3>
<f:if condition="{environmentToolUrl}">
    <p class="dropdown-item-text typo3-module-menu-item submodule mod-tools_toolsenvironment" data-modulename="tools_toolsenvironment">
        <f:format.raw>
            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:systemmessage.intro" arguments="{0: environmentToolUrl}"/>
        </f:format.raw>
    </p>
</f:if>

<f:if condition="{systemInformation}">
    <hr class="dropdown-divider" aria-hidden="true">
    <table class="dropdown-table">
        <f:for each="{systemInformation}" as="info">
            <tr>
                <th data-type="icon">
                    <f:if condition="{info.iconIdentifier}">
                        <f:then>
                            <core:icon identifier="{info.iconIdentifier}" size="small" alternativeMarkupIdentifier="inline" />
                        </f:then>
                        <f:else>{info.icon -> f:format.raw()}</f:else>
                    </f:if>
                </th>
                <th data-type="title">
                    <f:translate key="{info.title}" default="{info.title}"/>
                    <f:if condition="{info.titleAddition}"> ({info.titleAddition -> f:format.htmlspecialchars()})</f:if>
                </th>
                <td class="{f:if(condition: info.status, then: 'text-{info.status}')}">
                    {info.value}
                </td>
            </tr>
        </f:for>
    </table>
</f:if>

<hr class="dropdown-divider" aria-hidden="true">

<f:if condition="{messages -> f:count()} > 0">
    <f:then>
        <f:for each="{messages}" as="message">
            <f:if condition="{message.module}">
                <f:then>
                    <p id="systeminformation_{message.module}"
                        class="dropdown-item-text t3js-systeminformation-module typo3-module-menu-item submodule mod-{message.module}"
                        data-modulename="{message.module}" data-moduleparams="{message.params}">
                        <span class="text-{message.status}"><f:format.raw>{message.text}</f:format.raw></span>
                    </p>
                </f:then>
                <f:else>
                    <p class="dropdown-item-text text-{message.status}">
                        <f:format.raw>{message.text}</f:format.raw>
                    </p>
                </f:else>
            </f:if>
        </f:for>
    </f:then>
    <f:else>
        <p class="dropdown-item-text text-success">
            <f:format.nl2br>
                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:systemmessage.allgood"/>
            </f:format.nl2br>
        </p>
    </f:else>
</f:if>
</html>
