// REQ-USR-003 / REQ-USR-004: 路由表（FE 共享骨架）。
// FE-02 将 '/' 占位替换为应用外壳 + 受保护嵌套路由 + 错误边界。
// 子路由目标内容（FE-03 用户列表 / FE-04 用户单据）由后续 FE 落地，本处仅留可挂载占位。
import { Routes, Route, Navigate } from 'react-router-dom';
import LoginPage from '../pages/usr/Login/LoginPage';
import RequireAuth from './RequireAuth';
import RedirectIfAuthed from './RedirectIfAuthed';
import AppErrorBoundary from './AppErrorBoundary';
import AppLayout from '../layouts/AppLayout/AppLayout';
import HomePage from '../pages/home/HomePage/HomePage';

// FE-03 用户列表容器占位（本 FE 仅提供导航入口与标签挂载位）
function UserListPlaceholder() {
  return <div data-testid="fe03-userlist-placeholder" />;
}

// FE-04 用户单据容器占位（新增 / 修改）
function UserDetailPlaceholder() {
  return <div data-testid="fe04-userdetail-placeholder" />;
}

export default function AppRouter() {
  return (
    <Routes>
      {/* 登录页：放行，包 RedirectIfAuthed（已登录回主页，BR2），不包 AppLayout */}
      <Route
        path="/login"
        element={
          <RedirectIfAuthed>
            <LoginPage />
          </RedirectIfAuthed>
        }
      />

      {/* 受保护区：RequireAuth > AppLayout（外壳），外壳内套 ErrorBoundary 兜底子路由抛错 */}
      <Route element={<RequireAuth />}>
        <Route
          element={
            <AppErrorBoundary>
              <AppLayout />
            </AppErrorBoundary>
          }
        >
          <Route index element={<HomePage />} />
          <Route path="/usr/users" element={<UserListPlaceholder />} />
          <Route path="/usr/users/new" element={<UserDetailPlaceholder />} />
          <Route path="/usr/users/:id" element={<UserDetailPlaceholder />} />
          {/* 受保护区内未匹配 → 回主页（D7） */}
          <Route path="*" element={<Navigate to="/" replace />} />
        </Route>
      </Route>
    </Routes>
  );
}