<nav class="navbar navbar-expand-lg">
  <a class="navbar-brand" href="/"><span class="f0ck" width="" height="">F0CK</span></a>
  <div class="navigation-links">
    <ul class="navbar-nav">
      <li class="nav-item dropdown">
        @if(session)
        <a class="nav-link" href="/admin" content="{{ session.user }}" data-toggle="dropdown">Admin</a>
        <ul class="dropdown-menu">
          <li><a href="/admin">adminpanel</a></li>
          <li><a href="/admin/sessions">sessions</a></li>
          <li><a href="/admin/test">search (wip)</a></li>
          <li><a href="/about">About</a></li>
          <li><a href="/logout">logout</a></li>
        </ul>
        @else
        <a class="nav-link" href="/about" data-toggle="dropdown">About</a>
        <ul class="dropdown-menu">
          <li><a href="/login">login</a></li>
        </ul>
        @endif
      </li>
      <li class="nav-item dropdown" id="themes">
        <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Theme</a>
        <ul class="dropdown-menu">
          @each(themes as t)
            <li><a href="/theme/{{ t }}">{{ t }}</a></li>
          @endeach
        </ul>
      </li>
      <span class="placeholder">&nbsp;</span>
      <li class="nav-item dropdown">
        <a class="nav-link ddcontent" href="#"@if(typeof filter !== "undefined") content="{{ filter }}" data-toggle="dropdown"@endif>Filter@if(typeof filter === "undefined")&nbsp;&#9660;@endif</a>
        <ul class="dropdown-menu">
          <li><a class="dropdown-item" href="/">All</a></li>
          <li><a class="dropdown-item" href="/audio">Audio</a></li>
          <li><a class="dropdown-item" href="/video">Video</a></li>
          <li><a class="dropdown-item" href="/image">Image</a></li>
        </ul>
      </li>
      @if(session)
      <li class="nav-item @if(session)dropdown@endif">
        <a class="nav-link ddcontent" href="#"@if(typeof session.mode !== "undefined") content="{{ modes[session.mode] ?? 'sfw' }}" data-toggle="dropdown"@endif>Mode</a>
        <ul class="dropdown-menu">
          @for(let i = 0; i < modes.length; i++)
            <li><a class="dropdown-item" href="/mode/{{ i }}">{{ modes[i] }}</a></li>
          @endfor
        </ul>
      </li>
      @endif
      <li class="nav-item">
        <a id="random" class="nav-link" href="/random@if(typeof filter !== "undefined")/{{ filter }}@endif">
          <span class="nav-link-identifier">Random</span>
        </a>
      </li>
    </ul>
  </div>
  <div class="collapse navbar-collapse show" id="navbarSupportedContent">
    <div class="pagination-container-fluid">
      <div class="pagination-wrapper">
        @include(partials/pagination)
      </div>
    </div>
  </div>
</nav>