@if(session)
<nav class="navbar navbar-expand-lg">
  <a class="navbar-brand" href="/"><img class="image-brand" src="/s/img/w0bm_mosh_banner_by_marderchen.gif"
      alt="w...?"><span class="f0ck" width="" height=""></span></a>
  <div class="navigation-links">
    <div class="pagination-container-fluid">
      <ul class="navbar-nav">
        <li class="nav-item dropdown">
          <a class="nav-link user" href="#" content="{{ session.user }}" data-toggle="dropdown">
            <img src="@if(session.avatar)/t/{{ session.avatar }}.webp@else/s/img/ava/default.png@endif"
              class="avatar"><span>@if(session.admin)&#11088;&nbsp;@endif{{ session.user }}</span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="/user/{{ session.user.toLowerCase() }}">my profile</a></li>
            <li><a href="/user/{{ session.user.toLowerCase() }}/f0cks">my f0cks</a></li>
            <li><a href="/user/{{ session.user.toLowerCase() }}/favs">my favs</a></li>
            <li><a href="/search">search</a></li>
            @if(session.admin)<li><a href="/admin">Admin</a></li>@endif
            <li><a href="/about">About</a></li>
            <li><a href="/ranking">ranking</a></li>
            <li><a href="/settings">settings</a></li>
            <li><a href="/logout">logout</a></li>
          </ul>
        </li>
        <li class="nav-item dropdown" style="display: none;" id="themes">
          <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
          <ul class="dropdown-menu shii">
            @each(themes as t)
            <li><a href="/theme/{{ t }}">{{ t }}</a></li>
            @endeach
          </ul>
        </li>
      </ul>
    </div>
  </div>
  @if(url.pathname === "/" || url.pathname.startsWith("/p/"))
  <div class="collapse navbar-collapse show" id="navbarSupportedContent">
    <div class="pagination-container-fluid">
      <div class="pagination-wrapper">
        @if(typeof pagination !== "undefined")
        <nav class="pagination">
          <a href="{{ link.main }}{{ link.path }}{{ pagination.start }}"
            class="page-item-1 btn start@if(!pagination.prev) disabled@endif">&laquo;</a>
          <a href="{{ link.main }}{{ link.path }}{{ pagination.prev }}"
            class="page-item-2 btn prev@if(!pagination.prev) disabled@endif">&lsaquo;</a>
          @each(pagination.cheat as i)
          @if(i == pagination.page)
          <span class="btn disabled">{{ i }}</span>
          @else
          <a href="{{ link.main }}{{ link.path }}{{ i }}" class="pagination-int-item btn">{{ i }}</a>
          @endif
          @endeach
          <a href="{{ link.main }}{{ link.path }}{{ pagination.next }}"
            class="page-item-3 btn next@if(!pagination.next) disabled@endif">&rsaquo;</a>
          <a href="{{ link.main }}{{ link.path }}{{ pagination.end }}"
            class="page-item-4 btn start@if(!pagination.next) disabled@endif">&raquo;</a>
        </nav>
        @endif
      </div>
    </div>
    @endif
  </div>
</nav>
@else
<!-- not logged in -->
@if(url.pathname === "/" || url.pathname.startsWith("/p/"))
<nav class="navbar navbar-expand-lg bg-black">
  @else
  <nav class="navbar navbar-expand-lg">
    @endif
    <a class="navbar-brand" href="/"><img class="image-brand" src="/s/img/w0bm_mosh_banner_by_marderchen.gif"
        alt="w...?"><span class="f0ck" width="" height=""></span></a>
    <li class="nav-item dropdown" style="visibility: hidden;" id="themes">
      <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
      <ul class="dropdown-menu shii">
        @each(themes as t)
        <li><a href="/theme/{{ t }}">{{ t }}</a></li>
        @endeach
      </ul>
    </li>
    @if(url.pathname === "/" || url.pathname.startsWith("/p/"))
    <div class="collapse navbar-collapse show" id="navbarSupportedContent">
      <div class="pagination-container-fluid">
        <div class="pagination-wrapper">
          @if(typeof pagination !== "undefined")
          <nav class="pagination">
            <a href="{{ link.main }}{{ link.path }}{{ pagination.start }}"
              class="page-item-1 btn start@if(!pagination.prev) disabled@endif">&laquo;</a>
            <a href="{{ link.main }}{{ link.path }}{{ pagination.prev }}"
              class="page-item-2 btn prev@if(!pagination.prev) disabled@endif">&lsaquo;</a>
            @each(pagination.cheat as i)
            @if(i == pagination.page)
            <span class="btn disabled">{{ i }}</span>
            @else
            <a href="{{ link.main }}{{ link.path }}{{ i }}" class="pagination-int-item btn">{{ i }}</a>
            @endif
            @endeach
            <a href="{{ link.main }}{{ link.path }}{{ pagination.next }}"
              class="page-item-3 btn next@if(!pagination.next) disabled@endif">&rsaquo;</a>
            <a href="{{ link.main }}{{ link.path }}{{ pagination.end }}"
              class="page-item-4 btn start@if(!pagination.next) disabled@endif">&raquo;</a>
          </nav>
          @endif
        </div>
      </div>
      @else
      <div class="collapse navbar-collapse show" id="navbarSupportedContent" style="padding: 5px;">&zwnj;</div>
      @endif
    </div>
  </nav>
  @endif