import { ArrowLeftRight, Coins, TrendingDown, TrendingUp } from "lucide-react";
import dynamic from "next/dynamic";
import { redirect } from "next/navigation";
import { StatsCard } from "@/components/admin/stats-card";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Skeleton } from "@/components/ui/skeleton";
import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
import { prisma } from "@/lib/prisma";

const RevenueChart = dynamic(
	() =>
		import("@/components/admin/revenue-chart").then((m) => ({
			default: m.RevenueChart,
		})),
	{ loading: () => <Skeleton className="h-[300px] w-full rounded-xl" /> },
);

async function getEconomyData() {
	const now = Math.floor(Date.now() / 1000);
	const todayStart = now - (now % 86400);
	const weekAgo = now - 7 * 86400;

	// Total currency in circulation — parallel instead of sequential
	const [creditsAgg, pixelsAgg, pointsAgg] = await Promise.all([
		prisma.user.aggregate({ _sum: { credits: true } }),
		prisma.user.aggregate({ _sum: { pixels: true } }),
		prisma.user.aggregate({ _sum: { points: true } }),
	]);
	const totalCredits = creditsAgg._sum.credits ?? 0;
	const totalPixels = pixelsAgg._sum.pixels ?? 0;
	const totalPoints = pointsAgg._sum.points ?? 0;

	// Shop revenue (7 days)
	const shopRevenue = await prisma.logsShopPurchases.aggregate({
		where: { timestamp: { gte: weekAgo } },
		_sum: { costCredits: true, costPoints: true },
		_count: true,
	});

	// Marketplace stats
	const marketplaceActive = await prisma.marketplaceItems.count({
		where: { state: 1 },
	});
	const marketplaceSold = await prisma.marketplaceItems.count({
		where: { state: 2, soldTimestamp: { gte: weekAgo } },
	});

	// Revenue chart (7 days) — single GROUP BY query instead of 7 sequential queries
	const rangeStart = todayStart - 6 * 86400;
	const revRows = await prisma.$queryRaw<
		{ day_bucket: bigint; credits: number; points: number }[]
	>`
    SELECT FLOOR(timestamp / 86400) AS day_bucket,
           COALESCE(SUM(cost_credits), 0) AS credits,
           COALESCE(SUM(cost_points), 0) AS points
    FROM logs_shop_purchases
    WHERE timestamp >= ${rangeStart}
    GROUP BY day_bucket ORDER BY day_bucket
  `;
	const revMap = new Map(
		revRows.map((r) => [
			Number(r.day_bucket),
			{ credits: Number(r.credits), points: Number(r.points) },
		]),
	);
	const revenueData = [];
	for (let i = 6; i >= 0; i--) {
		const dayStart = todayStart - i * 86400;
		const bucket = Math.floor(dayStart / 86400);
		const date = new Date(dayStart * 1000);
		const entry = revMap.get(bucket);
		revenueData.push({
			label: date.toLocaleDateString("en", { weekday: "short" }),
			credits: entry?.credits ?? 0,
			points: entry?.points ?? 0,
		});
	}

	// Trades (7 days)
	const weekTrades = await prisma.roomTradeLog.count({
		where: { timestamp: { gte: weekAgo } },
	});

	return {
		totalCredits,
		totalPixels,
		totalPoints,
		shopPurchases:
			typeof shopRevenue._count === "number" ? shopRevenue._count : 0,
		shopCreditsSpent: shopRevenue._sum?.costCredits ?? 0,
		shopPointsSpent: shopRevenue._sum?.costPoints ?? 0,
		marketplaceActive,
		marketplaceSold,
		weekTrades,
		revenueData,
	};
}

export default async function EconomyPage() {
	const { session, permissions } = await getAdminContext();
	if (!canAccess(permissions, PERMS.ANALYTICS_VIEW, session.user.rank)) {
		redirect("/admin");
	}

	const data = await getEconomyData();

	return (
		<div className="space-y-6">
			<div>
				<h1 className="text-3xl font-bold tracking-tight">Economy</h1>
				<p className="text-muted-foreground">
					Currency circulation, shop revenue and marketplace activity
				</p>
			</div>

			<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
				<StatsCard
					title="Credits in Circulation"
					value={data.totalCredits.toLocaleString()}
					description="Total credits across all users"
					icon={<Coins className="h-4 w-4" />}
				/>
				<StatsCard
					title="Pixels in Circulation"
					value={data.totalPixels.toLocaleString()}
					description="Total pixels across all users"
					icon={<TrendingUp className="h-4 w-4" />}
				/>
				<StatsCard
					title="Points in Circulation"
					value={data.totalPoints.toLocaleString()}
					description="Total points across all users"
					icon={<TrendingDown className="h-4 w-4" />}
				/>
				<StatsCard
					title="Weekly Trades"
					value={data.weekTrades.toLocaleString()}
					description={`${data.marketplaceActive} marketplace listings`}
					icon={<ArrowLeftRight className="h-4 w-4" />}
				/>
			</div>

			<RevenueChart data={data.revenueData} />

			<div className="grid gap-6 md:grid-cols-3">
				<Card>
					<CardHeader>
						<CardTitle>Shop Revenue (7d)</CardTitle>
					</CardHeader>
					<CardContent>
						<div className="space-y-2">
							<div className="flex justify-between">
								<span className="text-muted-foreground">Purchases</span>
								<span className="font-medium">{data.shopPurchases}</span>
							</div>
							<div className="flex justify-between">
								<span className="text-muted-foreground">Credits spent</span>
								<span className="font-medium">
									{data.shopCreditsSpent.toLocaleString()}
								</span>
							</div>
							<div className="flex justify-between">
								<span className="text-muted-foreground">Points spent</span>
								<span className="font-medium">
									{data.shopPointsSpent.toLocaleString()}
								</span>
							</div>
						</div>
					</CardContent>
				</Card>
				<Card>
					<CardHeader>
						<CardTitle>Marketplace</CardTitle>
					</CardHeader>
					<CardContent>
						<div className="space-y-2">
							<div className="flex justify-between">
								<span className="text-muted-foreground">Active listings</span>
								<span className="font-medium">{data.marketplaceActive}</span>
							</div>
							<div className="flex justify-between">
								<span className="text-muted-foreground">Sold (7d)</span>
								<span className="font-medium">{data.marketplaceSold}</span>
							</div>
						</div>
					</CardContent>
				</Card>
				<Card>
					<CardHeader>
						<CardTitle>Currency Distribution</CardTitle>
					</CardHeader>
					<CardContent>
						<div className="space-y-2">
							<div className="flex justify-between">
								<span className="text-muted-foreground">Credits</span>
								<span className="font-medium">
									{data.totalCredits.toLocaleString()}
								</span>
							</div>
							<div className="flex justify-between">
								<span className="text-muted-foreground">Pixels</span>
								<span className="font-medium">
									{data.totalPixels.toLocaleString()}
								</span>
							</div>
							<div className="flex justify-between">
								<span className="text-muted-foreground">Points</span>
								<span className="font-medium">
									{data.totalPoints.toLocaleString()}
								</span>
							</div>
						</div>
					</CardContent>
				</Card>
			</div>
		</div>
	);
}