<script setup lang="ts">
import { useAuthSession } from '../../../composables/useAuthSession'

const { user } = useAuthSession()

usePageTitle('管理员中心')
</script>

<template>
  <UContainer class="py-8 space-y-6">
    <div>
      <h1 class="text-2xl font-semibold">
        管理员中心
      </h1>
      <p class="mt-1 text-sm text-muted">
        站点级配置、用户管理与媒体存储校验入口。
      </p>
    </div>

    <UAlert
      v-if="user?.role !== 'admin'"
      color="error"
      variant="subtle"
      title="无权限访问"
      description="该页面仅管理员可访问。"
      icon="i-lucide-shield-alert"
    />

    <div v-else class="grid gap-3 sm:grid-cols-2">
      <UCard>
        <div class="font-medium">
          应用配置
        </div>
        <p class="mt-1 text-sm text-muted">
          站点名称、注册开关
        </p>
        <UButton to="/me/admin/config" class="mt-3" size="sm">
          打开
        </UButton>
      </UCard>

      <UCard>
        <div class="font-medium">
          用户管理
        </div>
        <p class="mt-1 text-sm text-muted">
          用户列表与权限管理
        </p>
        <UButton to="/me/admin/users" class="mt-3" size="sm">
          打开
        </UButton>
      </UCard>

      <UCard>
        <div class="font-medium">
          文章媒体存储校验
        </div>
        <p class="mt-1 text-sm text-muted">
          磁盘与 media_assets 一致性
        </p>
        <UButton to="/me/admin/media-storage" class="mt-3" size="sm">
          打开
        </UButton>
      </UCard>
    </div>
  </UContainer>
</template>
