import { Routes, Route, Navigate, useParams } from "react-router-dom";
import { AuthProvider } from "./lib/auth";
import LandingPage from "./pages/LandingPage";
import AlbumPage from "./pages/AlbumPage";
import ArticlePage from "./pages/ArticlePage";
import MusicPage from "./pages/MusicPage";
import AdminLogin from "./admin/AdminLogin";
import AdminGuard from "./admin/AdminGuard";
import AdminLayout from "./admin/AdminLayout";
import StampList from "./admin/StampList";
import StampForm from "./admin/StampForm";
import StampQRCode from "./admin/StampQRCode";
import ArticleList from "./admin/ArticleList";
import ArticleForm from "./admin/ArticleForm";
import ArticleQRCode from "./admin/ArticleQRCode";
import MusicList from "./admin/MusicList";
import MusicForm from "./admin/MusicForm";
import MusicQRCode from "./admin/MusicQRCode";
import RuleList from "./admin/RuleList";
import RuleForm from "./admin/RuleForm";
import RedemptionLog from "./admin/RedemptionLog";

function CollectRedirect() {
  const { stampId } = useParams();
  return <Navigate to={`/?stamp=${stampId}`} replace />;
}

export default function App() {
  return (
    <AuthProvider>
      <Routes>
        {/* User-facing mobile H5 */}
        <Route path="/" element={<LandingPage />} />
        <Route path="/album" element={<AlbumPage />} />
        <Route path="/collect/:stampId" element={<CollectRedirect />} />
        <Route path="/article/:id" element={<ArticlePage />} />
        <Route path="/music/:id" element={<MusicPage />} />

        {/* Admin panel */}
        <Route path="/admin" element={<AdminLogin />} />
        <Route element={<AdminGuard />}>
          <Route element={<AdminLayout />}>
            <Route path="/admin/stamps" element={<StampList />} />
            <Route path="/admin/stamps/new" element={<StampForm />} />
            <Route path="/admin/stamps/:id/edit" element={<StampForm />} />
            <Route path="/admin/stamps/:id/qrcode" element={<StampQRCode />} />
            <Route path="/admin/articles" element={<ArticleList />} />
            <Route path="/admin/articles/new" element={<ArticleForm />} />
            <Route path="/admin/articles/:id/edit" element={<ArticleForm />} />
            <Route path="/admin/articles/:id/qrcode" element={<ArticleQRCode />} />
            <Route path="/admin/music" element={<MusicList />} />
            <Route path="/admin/music/new" element={<MusicForm />} />
            <Route path="/admin/music/:id/edit" element={<MusicForm />} />
            <Route path="/admin/music/:id/qrcode" element={<MusicQRCode />} />
            <Route path="/admin/rules" element={<RuleList />} />
            <Route path="/admin/rules/new" element={<RuleForm />} />
            <Route path="/admin/rules/:id/edit" element={<RuleForm />} />
            <Route path="/admin/redemptions" element={<RedemptionLog />} />
          </Route>
        </Route>

        <Route path="*" element={<Navigate to="/" replace />} />
      </Routes>
    </AuthProvider>
  );
}