<f:layout name="Default" />
<f:section name="Main">

    <div id="app" class="d-flex flex-column h-100" data-v-app="">
        <nav class="navbar navbar-expand-md navbar-dark bg-dark">
            <div class="container-fluid"><a href="/"
                    class="router-link-active router-link-exact-active navbar-brand"
                    aria-current="page"><f:image width="74" alt="Bison logo" src="EXT:slub_web_bison/Resources/Public/Images/Logos/bison_white.a2fd688e.png" id="bison-logo" /></a><button
                    class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"
                   ><span class="navbar-toggler-icon"></span></button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav">
                        <f:for each="{mainnavigation}" as="mainnavigationItem">
                            <li class="nav-item {f:if(condition: mainnavigationItem.active, then:'active')}">
                                <a class="nav-link" href="{mainnavigationItem.link}" target="{mainnavigationItem.target}" title="{mainnavigationItem.title}">
                                    {mainnavigationItem.title}
                                </a>
                                <f:comment>
                                    <f:if condition="{mainnavigationItem.children}">
                                        <!-- no sub nav at the moment -->
                                        <ul>
                                            <f:for each="{mainnavigationItem.children}" as="child">
                                                <li class="{f:if(condition: child.active, then:'active')}">
                                                    <a href="{child.link}" target="{child.target}" title="{child.title}">
                                                        {child.title}
                                                    </a>
                                                </li>
                                            </f:for>
                                        </ul>
                                    </f:if>
                                </f:comment>
                            </li>
                        </f:for>
                    </ul>
                </div>
            </div>
        </nav>
        <div id="content-view" class="container mt-4 mb-4">
            <div class="home">
                <!--Content-->
                <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: '0'}" />
            </div>
        </div>
        <footer class="footer static-bottom mt-auto py-1 bg-light">

            <div class="container-fluid" id="footer-grid">
                <div class="footer-item"><a href="https://tib.eu"><f:image loading="lazy" src="EXT:slub_web_bison/Resources/Public/Images/Logos/tib_logo.6725cce9.png" alt="TIB logo" class="logo-img img-fluid" /></a></div>
                <div class="footer-item"><a href="https://www.slub-dresden.de/"><f:image loading="lazy" src="EXT:slub_web_bison/Resources/Public/Images/Logos/slub_logo.5735d6b5.png" alt="SLUB logo" class="logo-img img-fluid" /></a></div>
                <div class="footer-item"><a href="https://www.bmbf.de"><f:image loading="lazy" src="EXT:slub_web_bison/Resources/Public/Images/Logos/bmbf_logo.7d951be2.png" alt="BMBF logo" class="logo-img img-fluid" /></a></div>
                <div class="footer-item"><a href="https://doaj.org"><f:image loading="lazy" src="EXT:slub_web_bison/Resources/Public/Images/Logos/doaj_logo.ed6b0d94.png" alt="DOAJ logo" class="logo-img img-fluid" /></a></div>
                <div class="footer-item"><a href="https://opencitations.net"><f:image loading="lazy" src="EXT:slub_web_bison/Resources/Public/Images/Logos/oc_logo.d0cdd517.png" alt="OpenCitations logo" class="logo-img img-fluid" /></a></div>
                <div class="footer-item"><a href="https://twitter.com/oa_bison"><f:image loading="lazy" src="EXT:slub_web_bison/Resources/Public/Images/Logos/bison_twitter.f77dea93.png" alt="Twitter oa_bison" class="logo-img img-fluid" /></a></div>
                <div class="footer-item"><a href="https://gitlab.com/TIBHannover/bison"><f:image loading="lazy" src="EXT:slub_web_bison/Resources/Public/Images/Logos/gitlab_logo.9fb4f6cf.png" alt="Gitlab logo" class="logo-img img-fluid" /></a></div>
            </div>
            <div id="legal" class="centered"><a href="https://service.tib.eu/bison/imprint" class="ms-3 me-3"
                   >Impressum</a><a href="https://service.tib.eu/bison/accessibility/bison/accessibility" class="ms-3 me-3"
                   >Barrierefreiheit</a></div>
        </footer>
    </div>

</f:section>