<!-- navbar -->
<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
    <a id="navTitle" class="navbar-brand" href="/">Avion-Poème</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="fas fa-bars"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="nav-menus navbar-nav mr-auto">
            <li class="nav-item">
                <a id="buttonAnthology" class="nav-link" href="./anthologie.php">Anthologie</a>
            </li>
            <li class="nav-item">
                <a id="buttonAbout" class="nav-link" href="./apropos.php">À propos</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownLang" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <img id="langIcon" src="src/img/lang.png" height="18px">
                </a>
                <div id="langChoices" class="dropdown-menu" aria-labelledby="navbarDropdownLang">
                </div>
            </li>
        </ul>
        <form class="nav-button form-inline mt-2 mt-md-0">
            <input id="buttonNewPlane" type="button" class="btn btn-warning my-2 my-sm-0" data-toggle="modal" data-target="#newPlaneModal" value='Envoyer un avion'>
            </input>&nbsp;
            <i id="planeLimitTooltip" class="fas fa-question-circle" data-toggle="tooltip" data-placement="auto" title="coucou"></i>
        </form>
    </div>
</nav>