<nav class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark">
    <div class="navbar-brand d-none d-md-block">Technical Incompetence</div>
    <ul class="navbar-expand navbar-nav">
        {% if request.path == url_for('index') %}
            <li class="nav-item active">
                <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
        {% else %}
            <li class="nav-item">
                <a class="nav-link" href="{{ url_for('index') }}">Home</a>
        {% endif %}
        </li>
        {% if request.path == url_for('game') %}
            <li class="nav-item active">
                <a class="nav-link" href="#">Games <span class="sr-only">(current)</span></a>
        {% else %}
            <li class="nav-item">
                <a class="nav-link" href="{{ url_for('game') }}">Games</a>
        {% endif %}
        </li>
    </ul>
    <form class="form-inline ml-auto">
        <a onclick="showApps();" style="cursor: pointer;">
            <svg
                width="24"
                height="24"
                fill="none"
                stroke="currentColor"
                stroke-width="2"
                stroke-linecap="round"
                stroke-linejoin="round"
                style="vertical-align: middle;">
                <use xlink:href="{{url_for('.static', filename='icons/feathericons/feather-sprite.svg')}}#grid"/>
            </svg>
        </a>
        {% if account_url is defined and account_url != '' %}
            {% if current_user.is_authenticated %}
                <a href="{{ account_url }}" style="color: white;">
                    <svg
                        width="24"
                        height="24"
                        fill="none"
                        stroke="currentColor"
                        stroke-width="2"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        style="vertical-align: middle; margin-left: 1rem;">
                        <use xlink:href="{{url_for('.static', filename='icons/feathericons/feather-sprite.svg')}}#user"/>
                    </svg>
                </a>
            {% else %}
                <a class="btn btn-sm btn-primary" style="margin-left: 1rem;" href="{{ account_url }}" role="button">Sign In</a>
            {% endif %}
        {% endif %}
    </form>
</nav>