<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
    data-namespace-typo3-fluid="true">
    <a id="{manual.table}{f:if(condition:manual.field,then:'.{manual.field}')}"></a>

    <h2>{manual.headerLine}</h2>
    <p>{manual.content -> f:sanitize.html(build:'i18n')}</p>

    <f:if condition="{manual.configuration.details}">
        <h3><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_view_help.xlf:details" /></h3>
        <p>{manual.configuration.details -> f:format.nl2br() -> f:sanitize.html(build:'i18n')}</p>
    </f:if>

    <f:if condition="{manual.configuration.syntax}">
        <h3><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_view_help.xlf:syntax" /></h3>
        {manual.configuration.syntax -> f:sanitize.html(build:'i18n')}
    </f:if>

    <f:if condition="{manual.images}">
        <f:for each="{manual.images}" as="image">
            <div>
                <img src="{image.image}" class="img-fluid" />
                <f:if condition="{image.description}">
                    <p>{image.description}</p>
                </f:if>
            </div>
        </f:for>
        {manual.configuration.syntax -> f:sanitize.html(build:'i18n')}
    </f:if>

    <f:if condition="{manual.seeAlso}">
        <h3><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_view_help.xlf:seeAlso" /></h3>
        <ul>
            <f:for each="{manual.seeAlso}" as="link">
                <li>
                    <f:if condition="{link.internal}">
                        <f:then>
                            <a href="{be:moduleLink(route: 'help_cshmanual', arguments: link.arguments)}">{link.title}</a>
                        </f:then>
                        <f:else>
                            <a href="{link.url}" target="{link.target}">{link.title}</a>
                        </f:else>
                    </f:if>
                </li>
            </f:for>
        </ul>
    </f:if>
</html>
