@include(snippets/header)
<div id="main">
  <div class="profile_head">
    @if(user.avatar)
      <div class="profile_head_avatar">
        <img src="/t/{{ user.avatar }}.webp" style="display: grid;width: 55px" />
      </div>
    @endif
    <div class="layersoffear">
      <div class="profile_head_username">
        <span>{{ user.user }}</span>
      </div>
      <div class="profile_head_user_stats">
        ID: {{ user.user_id }} {{ count.f0cks }} f0ck{{ count.f0cks == 1 ? '' : 's' }} {{ count.favs }} fav{{ count.favs == 1 ? '' : 's' }} Joined: {{ user.created_at }}
      </div>
    </div>
  </div>

  <h2>f0cks:</h2>
  @if('items' in f0cks)
  <div class="posts">
    @each(f0cks.items as item)
    <a href="{{ f0cks.link.main }}{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.webp')"><p></p></a>
    @endeach
  </div>
  <a href="{{ f0cks.link.main }}">show all f0cks</a>
  @else
    no f0cks given
  @endif

  <h2>favs:</h2>
  @if('items' in favs)
  <div class="posts">
    @each(favs.items as item)
    <a href="{{ favs.link.main }}{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.webp')"><p></p></a>
    @endeach
  </div>
  <a href="{{ favs.link.main }}">show all favs</a>
  @else
    no favorites
  @endif
</div>
@include(snippets/footer)