@include(snippets/header)
<canvas class="hidden-xs" id="bg"></canvas>
<div class="wrapper">
  <div id="main">

    <div class="container">
      <div class="_204863">
        <div class="imageDoor"></div>
        <div class="gapLeft"></div>
        @if(session)
        <div class="gapRight">
          <svg class="iconset" id="a_favo"><use href="/s/img/iconset.svg#heart_{{ Object.values(item.favorites).filter(u => u.user == session.user)[0] ? 'solid' : 'regular' }}"></use></svg>
          <svg class="iconset" id="a_tfull"><use href="/s/img/iconset.svg#window-{{ fullscreen == 1 ? 'minimize' : 'maximize' }}"></use></svg>
          @if(session.admin)<svg class="iconset" id="a_delete"><use href="/s/img/iconset.svg#cross"></use></svg>@endif
        </div>
        @endif
      </div>
      <div class="content">
        <div class="next-post">
          @if(pagination.prev)
          <div class="arrow-next">
            <a id="next" href="{{ link.main }}{{ pagination.prev }}"></a>
          </div>
          @else
          <div class="arrow-next">
            <a id="next" href="#" style="color: #ccc !important;"></a>
          </div>
          @endif
        </div>
        <div class="media-object">
          @if(item.mime.startsWith("video"))
          <div class="embed-responsive embed-responsive-16by9">
            <video id="my-video" class="embed-responsive-item" width="640" height="360" src="{{ item.dest }}" preload="auto" autoplay controls loop playsinline></video>
          </div>
          @elseif(item.mime.startsWith("audio"))
          <div class="embed-responsive embed-responsive-16by9" style="background: url('@if(item.coverart)//w0bm.com{{ item.coverart }}@else/s/img/200.gif@endif') no-repeat center / contain black;">
            <audio id="my-video" class="embed-responsive-item" autoplay controls loop src="{{ item.dest }}" data-setup="{}" poster="@if(item.coverart){{ item.coverart }}@else/s/img/200.gif@endif" type="{{ item.mime }}"></audio>
          </div>
          @elseif(item.mime.startsWith("image"))
          <div class="embed-responsive embed-responsive-16by9">
            <div class="embed-responsive-image" id="image-scroll">
              <a href="{{ item.dest }}" id="elfe" target="_blank"><img id="f0ck-image" class="img-fluid" src="{{ item.dest }}" loading="lazy" decoding="async"/></a>
            </div>
          </div>
          @else
          <h1>404 - Not f0cked</h1>
          @endif
        </div>
        <div class="previous-post">
          @if(pagination.next)
          <div class="arrow-prev">
            <a id="prev" href="{{ link.main }}{{ pagination.next }}"></a>
          </div>
          @else
          <div class="arrow-prev">
            <a id="prev" href="#" style="color: #ccc !important;"></a>
          </div>
          @endif
        </div>
      </div>
      <div class="metadata">
        <div class="kontrollelement">
          <div class="einheit">
              @if(typeof pagination !== "undefined")
              <nav class="steuerung">
                  @if(pagination.prev)
                    <a id="" href="{{ link.main }}{{ pagination.prev }}">← next</a>
                  @else
                    <a id="" href="#" style="visibility: hidden">← next</a>
                  @endif
                  <span>|</span>
                  <a id="random" class="" href="/random">
                    <span>random</span>
                  </a>
                  <span>
                    |
                  </span>
                  @if(pagination.next)
                    <a id="" href="{{ link.main }}{{ pagination.next }}">prev →</a>
                  @else
                    <a id="" href="#" style="visibility: hidden">prev →</a>
                  @endif     
              </nav>
              @endif
          </div>
        </div>
        <div class="blahlol">
                  <span class="badge badge-dark">
          <a href="/{{ item.id }}" class="id-link">{{ item.id }}</a>
          @if(session)
          (<a id="a_username" href="/user/{{ user.name.toLowerCase() }}/f0cks@if(tmp.mime)/{{ tmp.mime }}@endif">{{ user.name }}</a>) 
          @endif
        </span>
        <span class="badge badge-dark"><time class="timeago" tooltip="{{ item.timestamp.timefull }}">{{ item.timestamp.timeago }}</time></span>
        <span class="badge badge-dark" id="tags">
        @if(typeof item.tags !== "undefined")
          @each(item.tags as tag)
          <span @if(session)tooltip="{{ tag.user }}"@endif class="badge {{ tag.badge }} mr-2">
            <a href="/tag/{{ tag.normalized }}">{!! tag.tag !!}</a>@if(session.admin)&nbsp;<a class="removetag" href="#">&#215;</a>@endif
          </span>
          @endeach
        @endif
        @if(session)
          <a href="#" id="a_addtag">add tag</a>&nbsp;-&nbsp;<a href="#" id="a_toggle">toggle</a>
          <datalist id="testlist"></datalist>
        @endif
        </span>
        <span class="badge" id="favs"@if(!item.favorites.length || !session) hidden@endif>
        @if(item.favorites.length && session)
        @each(item.favorites as fav)
        <a href="/user/{{ fav.user.toLowerCase() }}/favs" tooltip="{{ fav.user }}" flow="up"><img src="@if(fav.avatar)/t/{{ fav.avatar }}.webp@else/s/img/default.png@endif" style="height: 32px; width: 32px" /></a>
        @endeach
        @endif
        </span>
        </div>
      </div>
  </div>
</div>
@include(snippets/footer)