import { Button, Result, Typography } from 'antd'
import { Link } from 'react-router-dom'

import { BrandLogo } from '@/components/BrandLogo'

export function AdminPlaceholderPage() {
  const basePath = import.meta.env.VITE_ADMIN_BASE_PATH || '/console-jy8k3m'

  return (
    <main className="admin-placeholder">
      <div className="admin-placeholder__card">
        <BrandLogo height={46} />
        <Typography.Title level={2} className="brand-title">
          管理后台 · Phase 0
        </Typography.Title>
        <Typography.Paragraph type="secondary">
          后台 Shell 已就位，当前路径为 <code>{basePath}</code>。订单、商品、财务、分销等 43
          个页面将在后续阶段迁移；当前保留占位，避免误用未完成的权限与数据操作。
        </Typography.Paragraph>
        <Result
          status="info"
          title="后台功能尚未接入"
          subTitle="Phase 0 只验证品牌、路由、认证基础设施与接口连通性。"
          extra={
            <Link to="/">
              <Button type="primary">返回商行首页</Button>
            </Link>
          }
        />
      </div>
    </main>
  )
}