<div class="top-bar-img"></div>
<div class="container-fluid top-nav custom-90">
    <a href="#" class="mobile-nav-toggle">
        <i class="bi bi-list"></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; ?>' style='width: 100%; height: auto;'>
		<?php } else { ?>
        <svg class="" aria-hidden="true" width="302.75" height="42.332" viewBox="0 0 302.75 42.332">
        <use xlink:href="<? echo $template_url; ?>/images/sprite.svg#logo"></use>
        </svg>
		<?php } ?>
    </a>
    <nav id="navbar" class="navbar justify-content-center">
        <ul>
            <li><a class="nav-link <? if (checkNav('index')) { ?>active<? } ?>" href="<? echo $basehttp; ?>">Home</a></li>
            <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><? } ?>
        </ul>
    </nav>
    <div class="d-inline-flex justify-content-lg-end justify-content-center buttons-container">
        <div class="search-bar w-100">
            <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>
        <?php if (isset($_SESSION['userid'])) { ?>
            <a class="login" href="<? echo $basehttp; ?>/edit-profile" style='margin-right: 0.5rem !important;'><i class="fa fa-cog" aria-hidden="true"></i></a>
            <a class="login" href="<? echo $basehttp; ?>/logout">Logout</a>
        <?php } else { ?>
            <a class="login" href="<? echo $basehttp; ?>/login">Login</a>
            <a class="join sign-up" href="<? echo $basehttp; ?>/signup">sign up</a>
<?php } ?>
    </div>
</div>
<div class="bottom-bar-img"></div>