<html data-namespace-typo3-fluid="true"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://xsd.helmut-hummel.de/ns/TYPO3/CMS/Fluid/ViewHelpers">

<f:layout name="Default"/>

<f:section name="main">
    <f:if condition="{settings.listType} === 'alternative'">
        <f:then>
            <f:comment>Render alternative list</f:comment>
            <f:render section="BookmarkList" />
        </f:then>
        <f:else>
            <f:comment>Render default list</f:comment>
            <f:render section="BookmarkList" />
            <f:comment>you may put this into your page template:</f:comment>
            <div class="bookmark-pages">
                <p><a class="bookmark-ajax-submit bookmark-this-page" href="javascript:void(0);">Bookmark page in templates</a></p>
                <p><a class="bookmark-ajax-submit remove-this-page" href="javascript:void(0);">Remove page from bookmark</a></p>
            </div>
        </f:else>
    </f:if>
</f:section>

<f:section name="BookmarkList">
    <h4>Bookmarks</h4>
    <p><a class="bookmark-ajax-submit bookmark-this-page" href="javascript:void(0);" title="{f:translate(key: 'bookmarkThisPage')}">{f:translate(key: 'bookmarkThisPage')}</a></p>
    <ul class="menu vertical bookmarks-list">
        <f:comment>List is loaded asynchronously</f:comment>
    </ul>
</f:section>

</html>