@if(session)
<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">
                <a class="nav-link" 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>{{ session.user }}</span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="/admin">adminpanel</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="/settings">settings</a></li>
                    <li><a href="/search">search</a></li>
                    <li><a href="/about">About</a></li>
                    <li><a href="/ranking">Ranking</a></li>
                    <li><a href="/logout">logout</a></li>
                </ul>
            </li>
            <li class="nav-item dropdown" id="themes">
                <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
                <ul class="dropdown-menu">
                  @each(themes as t)
                  <li><a href="/theme/{{ t }}">{{ t }}</a></li>
                  @endeach
                </ul>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link ddcontent" href="#"@if(tmp?.mime) content="{{ tmp?.mime }}" data-toggle="dropdown"@endif>Filter@if(!tmp?.mime)&nbsp;&#9660;@endif</a>
                <ul class="dropdown-menu">
                  <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endif">All</a></li>
                  <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifaudio">Audio</a></li>
                  <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifvideo">Video</a></li>
                  <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifimage">Image</a></li>
                </ul>
            </li>
            <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>
            <li class="nav-item">
                <a id="random" class="nav-link" href="/random">
                  <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">
          @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>
    </div>
</nav>
@else
<nav class="navbar navbar-expand-lg">
  <a class="navbar-brand" href="/"><span class="f0ck" width="" height="">F0CK</span></a>

  <div class="navigation-links-guest">
    <ul class="navbar-nav-guests">
      <li class="nav-item dropdown">
        <a class="nav-link" href="/about" data-toggle="dropdown">About</a>
        <ul class="dropdown-menu">
          <li><a href="/login">login</a></li>
        </ul>
      </li>
      <li class="nav-item dropdown" id="themes">
        <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Themes</a>
        <ul class="dropdown-menu">
          @each(themes as t)
          <li><a href="/theme/{{ t }}">{{ t }}</a></li>
          @endeach
        </ul>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link ddcontent" href="#"@if(tmp?.mime) content="{{ tmp?.mime }}" data-toggle="dropdown"@endif>Filter@if(!tmp?.mime)&nbsp;&#9660;@endif</a>
        <ul class="dropdown-menu">
          <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endif">All</a></li>
          <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifaudio">Audio</a></li>
          <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifvideo">Video</a></li>
          <li><a class="dropdown-item" href="/@if(tmp?.user)user/{{ tmp?.user }}/@endifimage">Image</a></li>
        </ul>
      </li>
      <li class="nav-item">
        <a id="random" class="nav-link" href="/random">
          <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">
        @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>
  </div>
</nav>
@endif