{% extends "base.html" %}

{% block content %}
<div style="font-family:'Silkscreen',monospace; font-size:14px; color:#d4879c; margin-bottom:16px; text-transform:uppercase;">
  admin dashboard
</div>

<div class="post">
  <div style="display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px;">
    <div style="text-align:center;">
      <div style="font-size:28px; color:#e0e0e0;">{{ user_count }}</div>
      <div style="color:#888; font-size:10px; text-transform:uppercase;">users</div>
    </div>
    <div style="text-align:center;">
      <div style="font-size:28px; color:#e0e0e0;">{{ thread_count }}</div>
      <div style="color:#888; font-size:10px; text-transform:uppercase;">threads</div>
    </div>
    <div style="text-align:center;">
      <div style="font-size:28px; color:#e0e0e0;">{{ post_count }}</div>
      <div style="color:#888; font-size:10px; text-transform:uppercase;">posts</div>
    </div>
  </div>
</div>

<div class="post" style="margin-top:16px;">
  <div style="display:grid; grid-template-columns:1fr 1fr; gap:16px;">
    <div style="text-align:center;">
      <div style="font-size:28px; color:#ff6b6b;">{{ hidden_thread_count }}</div>
      <div style="color:#888; font-size:10px; text-transform:uppercase;">hidden threads</div>
    </div>
    <div style="text-align:center;">
      <div style="font-size:28px; color:#ff6b6b;">{{ banned_user_count }}</div>
      <div style="color:#888; font-size:10px; text-transform:uppercase;">banned users</div>
    </div>
  </div>
</div>

<div style="margin-top:20px; display:flex; gap:12px;">
  <a href="/admin/users" class="btn">manage users</a>
  <a href="/admin/threads" class="btn">manage threads</a>
</div>
{% endblock %}