<div class="top-bar {{ if .isLandingPage }}landing-page{{ end }}" >
    <div class="top-bar-content">
        <div class="left">
            <a class="logo" href="/" title="back to landing page">
                <img src="{{ "logo.png" | relURL }}" />
                {{ if not .isLandingPage }}<div class="logotype">vendure</div>{{ end }}
            </a>
            <div class="version-label">beta</div>
        </div>
        <div class="flex-spacer"></div>
        {{ if .isDocsPage }}
        <div class="search-input">
            <button class="search-icon">
                <img src="{{ "svg/clr-icon-search-light.svg" | relURL }}">
            </button>
            <input id="searchInput" placeholder="Search docs">
        </div>
        {{ end }}
        <div class="right">
            <div class="submenu">
                <a href="#" class="trigger">Product <img alt="arrow icon" src="/svg/clr-icon-angle.svg" class="trigger-icon" /></a>
                <div class="overlay">
                    <a href="/article/faq">
                        <img class="menu-icon" alt="icon" src="/svg/clr-icon-talk-bubbles.svg" />
                        F.A.Q.
                    </a>
                    <a href="/article/roadmap">
                        <img class="menu-icon" alt="icon" src="/svg/clr-icon-map.svg" />
                        Roadmap
                    </a>
                    <a href="http://demo.vendure.io" target="_blank">
                        <img class="menu-icon" alt="icon" src="/svg/clr-icon-display.svg" />
                        Demo
                    </a>
                </div>
            </div>
            <div class="submenu">
                <a href="#" class="trigger">Developers <img alt="arrow icon" src="/svg/clr-icon-angle.svg" class="trigger-icon" /></a>
                <div class="overlay">
                    <a href="/docs">
                        <img class="menu-icon" alt="icon" src="/svg/clr-icon-book.svg" />
                        Documentation
                    </a>
                    <a href="https://github.com/vendure-ecommerce/vendure">
                        <img class="menu-icon" alt="icon" src="/svg/icon-github-inverse.svg" />
                        GitHub
                    </a>
                    <a href="https://github.com/vendure-ecommerce/vendure/discussions">
                        <img class="menu-icon" alt="icon" src="/svg/icon-github-inverse.svg" />
                        Support Forum
                    </a>
                    <a href="https://join.slack.com/t/vendure-ecommerce/shared_invite/enQtNzA1NTcyMDY3NTg0LTMzZGQzNDczOWJiMTU2YjAyNWJlMzdmZGE3ZDY5Y2RjMGYxZWNlYTI4NmU4Y2Q1MDNlYzE4MzQ5ODcyYTdmMGU">
                        <img class="menu-icon" alt="icon" src="/logo/slack-logo-icon-127x127.png" />
                        Community
                    </a>
                </div>
            </div>
            <a href="/blog">Blog</a>
        </div>
    </div>
</div>
