<div class="container-fluid top-nav custom-100">
    <a href="#" class="mobile-show-categories" data-mb="trigger" data-target="aside">
        <i class="bi bi-filter"></i>
    </a>

    <a href="<? echo $basehttp; ?>" class="logo justify-content-lg-start justify-content-center">
        <?php if (isset($template_logo_url) && !empty($template_logo_url)) { ?>
            <img src='<?php echo $template_logo_url; ?>' alt="<?php echo $sitename; ?>" />
        <?php } else { ?>
            <img src='<? echo $template_url; ?>/images/logo_trans.png?v=1.1' alt="<?php echo $sitename; ?>" />
        <?php } ?>
    </a>

    <a href="#" class="mobile-nav-toggle">
        <i class="bi bi-list"></i>
    </a>

    <nav id="navbar" class="navbar justify-content-center">
        <ul>
            <li><a class="nav-link <? if (checkNav('sites')) { ?>active<? } ?>" href="<? echo $basehttp; ?>/sites/">Sites</a></li>
            <li><a class="nav-link <? if (checkNav('tags')) { ?>active<? } ?>" href="<? echo $basehttp; ?>/tags/">Tags</a></li>
            <li><a class="nav-link <? if (checkNav('languages')) { ?>active<? } ?>" href="<? echo $basehttp; ?>/languages/">Languages</a></li>
            <? if (isset($_SESSION['userid'])) { ?><li><a class="nav-link <? if (checkNav('favorites')) { ?>active<? } ?>" href="<? echo $basehttp; ?>/favorites/">Favorites</a></li><? } ?>
            <?php if (isset($_SESSION['userid'])) { ?>
                <li><a href="<? echo $basehttp; ?>/edit-profile">Edit Profile</a></li>
                <li><a href="<? echo $basehttp; ?>/logout" class="btn btn-nav">Logout</a></li>
            <?php } else { ?>
                <li><a href="<? echo $basehttp; ?>/login">Login</a></li>
                <li><a href="<? echo $basehttp; ?>/signup" class="btn btn-nav">Signup</a></li>
            <?php } ?>
        </ul>
    </nav>

    <div class="search-bar">
        <form action="<? echo $basehttp; ?>/" method='GET'>
            <div class="input-group">
                <input type="search" placeholder="SEARCH" name='q' aria-describedby="button-addon3" class="form-control" value="<?
                if (isset($_GET['q'])) {
                    echo htmlentities($_GET['q']);
                }
                ?>">
                <div class="input-group-append border-0">
                    <button id="button-addon3" type="button" class="btn btn-link"><i class="fa fa-search"></i></button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="bottom-bar-img"></div>