<!-- Navigation -->
{% if maintenance %}
<nav class="navbar navbar-expand-sm navbar-dark bg-warning fixed-top" id="mainNav">
{% else %}
<nav class="navbar navbar-expand-sm navbar-dark bg-primary fixed-top" id="mainNav">
    {% endif %}
    <div class="container">
        <a class="navbar-brand mr-2" href="/">InfoWS v{{version}}</a>
        <div class="navbar-collapse collapse show" id="navbarResponsive">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="resttest">API test client</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="menu1">InfoAPI</a>
                    <div class="dropdown-menu" aria-labelledby="menu1">
                        <a class="dropdown-item" href="restapilog">API log</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="restsettings">Settings</a>
                    </div>
                </li>
                <li class="dropdown">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="menu2">InfoWS</a>
                    <div class="dropdown-menu" aria-labelledby="menu2">
                        <a class="dropdown-item" href="restlogsweb">Web log</a>
                        <a class="dropdown-item" href="restlogsapi">API request error</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="wssettings">Settings</a>
                    </div>
                </li>
            </ul>
        </div>

        <ul class="navbar-nav mr-auto">
            <li class="nav-item">
                {% if logged == 'yes' %}
                <a class="nav-link" href="logout">Log Out</a>
                {% else %}
                <a class="nav-link" href="login">Log In</a>
                {% endif %}
            </li>
        </ul>
        {% if maintenance %}
        <ul class="navbar-nav mr-auto">
            <a style="color: rgb(98, 6, 12)" class="navbar-brand ml-4 mr-2"><b>   MAINTENANCE</b></a>
        </ul>
        {% endif  %}

        <button class="navbar-toggler navbar-toggler-right bg-primary text-white rounded" type="button"
            data-toggle="collapse" data-target="/" aria-controls="navbarResponsive" aria-expanded="false"
            aria-label="Toggle navigation">
            Menu
            <i class="fa fa-bars"></i>
        </button>
    </div>
</nav>