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

    <f:layout name="Content" />

    <f:section name="Header">
        Blog Post
    </f:section>

    <f:section name="ContentHeader">
        {f:render(partial: 'BlogPostHeader', arguments: {
            title: data.title,
            blogPost : data,
            compatibleWith: compatibleWith,
            topics: assignedTopics,
            addLinks: 1
        })}
    </f:section>

    <f:section name="Content">
        <main>
            <a name="introduction"></a>
            <h2>Introduction <small><a href="#introduction">¶</a></small></h2>
            {data.abstract -> f:format.html(parseFuncTSPath: 'lib.parseFunc_abstract')}
            {introduction -> f:format.raw()}

            <f:if condition="{media.0}">
                {f:render(partial: 'Image', arguments: {image: media.0})}
            </f:if>

            {contentMain -> f:format.raw()}

            <f:if condition="{acknowledgements}">
                <a name="acknowledgements"></a>
                <h2>Acknowledgements <small><a href="#acknowledgements">¶</a></small></h2>
                {acknowledgements -> f:format.raw()}
            </f:if>

            <f:if condition="{furtherReading}">
                <a name="furtherReading"></a>
                <h2>Further reading <small><a href="#furtherReading">¶</a></small></h2>
                {furtherReading -> f:format.raw()}
            </f:if>
        </main>
    </f:section>

    <f:section name="Aside">
        <nav>
            <h1>Table of Content</h1>
            <ol>
                <li>
                    <a href="#introduction">Introduction</a>
                </li>
                <f:for each="{pageContent}" as="contentEntry">
                    <f:if condition="{contentEntry.data.header}">
                        <li>
                            <a href="#c{contentEntry.data.uid}">{contentEntry.data.header}</a>
                        </li>
                    </f:if>
                </f:for>
                <f:if condition="{acknowledgements}">
                    <li>
                        <a href="#acknowledgements">Acknowledgements</a>
                    </li>
                </f:if>
                <f:if condition="{furtherReading}">
                    <li>
                        <a href="#furtherReading">Further reading</a>
                    </li>
                </f:if>
            </ol>
        </nav>
    </f:section>
</html>