@if(session)
<!-- logged in -->
<nav class="navbar navbar-expand-lg">
  <a class="navbar-brand" href="/"><span class="f0ck" width="" height="">w0bm.com</span></a>
  <div class="nav-left-group">
    <div class="nav-user-dropdown">
      <button class="nav-user-btn" id="nav-user-toggle">
        {{ session.user }} ▾
      </button>
      <div class="nav-user-menu" id="nav-user-menu">
        <a href="/user/{{ session.user.toLowerCase() }}">profile</a>
        <a href="/user/{{ session.user.toLowerCase() }}/favs">favs</a>
        <a href="/settings">settings</a>
        <div class="nav-user-divider"></div>
        <a href="/logout">logout</a>
      </div>
    </div>
    <div class="nav-links">
      <a href="/tags">tags</a>
      <a href="/about">about</a>
      @if(!/^\/\d$/.test(url.pathname))
      <a href="/random" id="nav-random">rand</a>
      @endif
      <a href="#" id="nav-search-btn" title="Search"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
          fill="currentColor" viewBox="0 0 16 16">
          <path
            d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
        </svg></a>
    </div>
  </div>
  <!-- show pagination only for tags and main page -->
  @if(!/^\/\d+$/.test(url.pathname))
  <div class="collapse navbar-collapse show" id="navbarSupportedContent">
    <div class="pagination-container-fluid">
      <div class="pagination-wrapper">
        @include(snippets/pagination)
      </div>
    </div>
  </div>
  @endif
</nav>
@else
<!-- not logged in -->
<nav class="navbar navbar-expand-lg">
  <a class="navbar-brand" href="/"><span class="f0ck" width="" height="">w0bm.com</span></a>
  <div class="navigation-links-guest">
    <ol>
      <a href="/tags">tags</a>
      <a href="/about">about</a>
      @if(!/^\/\d$/.test(url.pathname))
      <a href="/random" id="nav-random">rand</a>
      @endif
      <a href="#" id="nav-search-btn-guest" title="Search"><svg xmlns="http://www.w3.org/2000/svg" width="16"
          height="16" fill="currentColor" viewBox="0 0 16 16">
          <path
            d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
        </svg></a>
    </ol>
  </div>
  <!-- show pagination only for tags and main page -->
  @if(!/^\/\d+$/.test(url.pathname))
  <div class="collapse navbar-collapse show" id="navbarSupportedContent">
    <div class="pagination-container-fluid">
      <div class="pagination-wrapper">
        @include(snippets/pagination)
      </div>
    </div>
  </div>
  @endif
</nav>

@endif