import { Suspense } from "react";
import { getDashboardStats } from "@/lib/dashboard-queries";
import { FollowUpWidget } from "@/components/admin/dashboard/FollowUpWidget";
import { InboxBand } from "@/components/admin/dashboard/InboxBand";
import {
  getAnalyticsByYear,
  getTotalTrackedHours,
  getClientProfitability,
} from "@/lib/analytics-queries";
import { getRevenueForecast12Months, getOffersSoldBreakdown } from "@/lib/forecast-queries";
import { YearSelector } from "@/components/admin/YearSelector";
import { ForecastChart } from "@/components/admin/ForecastChart";
import { OffersSoldChart } from "@/components/admin/OffersSoldChart";
import { ClientProfitability } from "@/components/admin/dashboard/ClientProfitability";
import { MetricCard, fmtEur0 } from "@/components/admin/MetricCard";

export const revalidate = 0;

export default async function AdminDashboard({
  searchParams,
}: {
  searchParams: Promise<{ year?: string }>;
}) {
  const { year: yearParam } = await searchParams;
  const year = parseInt(yearParam ?? "") || new Date().getFullYear();

  const { kpi } = await getDashboardStats();

  const [data, totalHours, profitability, forecast, offersSold] = await Promise.all([
    getAnalyticsByYear(year),
    getTotalTrackedHours(year),
    getClientProfitability(year),
    getRevenueForecast12Months(),
    getOffersSoldBreakdown(),
  ]);

  const collectedPct =
    data.contracted > 0 ? Math.round((data.collected / data.contracted) * 100) : 0;

  return (
    <div className="flex flex-col gap-8">
      {/* Messaggi in attesa — in cima perché è la cosa più urgente della
          giornata. Non renderizza nulla quando non c'è niente da leggere. */}
      <Suspense fallback={null}>
        <InboxBand />
      </Suspense>

      {/* KPI strip */}
      <section className="grid grid-cols-2 lg:grid-cols-4 gap-6">
        <MetricCard
          label="Clienti Attivi"
          value={String(kpi.clientiAttivi)}
          delta={kpi.clientiNuoviMese > 0 ? `+${kpi.clientiNuoviMese} questo mese` : undefined}
          sub="Totale corrente"
        />
        <MetricCard
          label="Contrattualizzato"
          value={fmtEur0(data.contracted)}
          sub={`Totale anno ${year}`}
        />
        <MetricCard
          label="Incassato Reale"
          value={fmtEur0(data.collected)}
          valueAccent={data.collected > 0}
          sub={`${collectedPct}% del totale`}
        />
        <MetricCard label="Ore Tracciate" value={`${totalHours}h`} sub="Su progetti attivi" />
      </section>

      {/* Griglia contenuti: 2/3 + 1/3 */}
      <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
        {/* Colonna 2/3 */}
        <div className="lg:col-span-2 flex flex-col gap-8">
          <ForecastChart data={forecast} headerAction={<YearSelector currentYear={year} />} />
          <ClientProfitability data={profitability} />
        </div>

        {/* Colonna 1/3 */}
        <div className="lg:col-span-1 flex flex-col gap-8">
          <Suspense
            fallback={<div className="animate-pulse h-40 bg-muted rounded-xl" />}
          >
            <FollowUpWidget />
          </Suspense>
          <OffersSoldChart data={offersSold} />
        </div>
      </div>
    </div>
  );
}