<template>
  <div class="space-y-4">
    <a-page-header title="概览" sub-title="开发者能力与交付入口" />

    <a-row :gutter="[16, 16]">
      <a-col :xs="24" :md="12" :lg="8">
        <a-card :bordered="false" class="card">
          <div class="text-gray-500">可开发应用</div>
          <div class="text-2xl font-semibold mt-1">-</div>
          <div class="text-gray-400 mt-2">订阅有效且已购买源码权益</div>
        </a-card>
      </a-col>
      <a-col :xs="24" :md="12" :lg="8">
        <a-card :bordered="false" class="card">
          <div class="text-gray-500">待处理申请</div>
          <div class="text-2xl font-semibold mt-1">-</div>
          <div class="text-gray-400 mt-2">Git 加组申请处理状态</div>
        </a-card>
      </a-col>
      <a-col :xs="24" :md="12" :lg="8">
        <a-card :bordered="false" class="card">
          <div class="text-gray-500">教程更新</div>
          <div class="text-2xl font-semibold mt-1">-</div>
          <div class="text-gray-400 mt-2">后续接入教程内容源</div>
        </a-card>
      </a-col>
    </a-row>

    <a-card title="快捷入口" :bordered="false" class="card">
      <div class="flex flex-wrap gap-3">
        <a-button type="primary" @click="navigateTo('/developer/apps')">应用中心</a-button>
        <a-button @click="navigateTo('/developer/source')">源码与仓库</a-button>
        <a-button @click="navigateTo('/developer/tutorial')">开发教程</a-button>
        <a-button @click="navigateTo('/developer/git')">Git 账号绑定</a-button>
        <a-button @click="navigateTo('/developer/requests')">权限申请记录</a-button>
      </div>
    </a-card>
  </div>
</template>

<script setup lang="ts">
definePageMeta({ layout: 'developer' })
</script>

<style scoped>
.card {
  border-radius: 12px;
}
</style>
