{% extends "admin/base.html" %}

{% block title %}Admin{% endblock title %}

{% block content %}
<div class="space-y-2">
  <div class="flex flex-wrap items-center justify-between gap-3">
    <div>
      <h1 class="text-2xl font-bold">Dashboard</h1>
      <p class="text-sm opacity-70">Logged in as {{ admin.email }}</p>
    </div>
    <a href="/" class="btn btn-ghost btn-sm">View site</a>
  </div>

  <div class="grid grid-cols-2 gap-4 pt-4">
    <div class="card border border-base-300 bg-base-100 shadow-sm">
      <div class="card-body">
        <div class="flex items-center justify-between gap-2">
          <h2 class="card-title text-base">Blog</h2>
          <span class="badge">Content</span>
        </div>
        <p class="text-sm opacity-70">Create and update blog articles.</p>
        <div class="pt-2">
          <a href="/admin/blog/articles" class="btn btn-neutral btn-sm">Manage blog</a>
        </div>
      </div>
    </div>

    <div class="card border border-base-300 bg-base-100 shadow-sm">
      <div class="card-body">
        <div class="flex items-center justify-between gap-2">
          <h2 class="card-title text-base">About page</h2>
          <span class="badge">Page</span>
        </div>
        <p class="text-sm opacity-70">Edit the public about page content.</p>
        <div class="pt-2">
          <a href="/admin/about" class="btn btn-neutral btn-sm">Edit about</a>
        </div>
      </div>
    </div>

    <div class="card border border-base-300 bg-base-100 shadow-sm">
      <div class="card-body">
        <div class="flex items-center justify-between gap-2">
          <h2 class="card-title text-base">Audio</h2>
          <span class="badge">Media</span>
        </div>
        <p class="text-sm opacity-70">Create albums and upload tracks.</p>
        <div class="pt-2">
          <a href="/admin/audio/albums" class="btn btn-neutral btn-sm">Manage audio</a>
        </div>
      </div>
    </div>

    <div class="card border border-base-300 bg-base-100 shadow-sm">
      <div class="card-body">
        <div class="flex items-center justify-between gap-2">
          <h2 class="card-title text-base">Images</h2>
          <span class="badge">Uploads</span>
        </div>
        <p class="text-sm opacity-70">Upload images for covers and articles.</p>
        <div class="pt-2">
          <a href="/admin/images" class="btn btn-neutral btn-sm">Upload image</a>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock content %}