"use client";

import { useAuth } from "@/hooks/use-auth";
import { useTranslations } from "@/lib/i18n/context";
import { QueryErrorRow } from "@/components/ui/query-error-row";
import { AdminShell } from "@/components/admin/admin-shell";
import { SystemStatusSummary } from "@/components/admin/system-status-summary";
import { VersionTileSection } from "@/components/admin/version-tile-section";
import { RecentAuditPreview } from "@/components/admin/recent-audit-preview";
import { useAdminSettings } from "@/components/admin/_shared";

/**
 * `/admin` — overview landing page. v1.4.15 (phase A2) replaces the
 * previous status-card grid + section quick-jump menu with two
 * at-a-glance panes: a compact system snapshot and the 10 most recent
 * audit entries. The section navigation is already exposed in the
 * shell sidebar (and in the global app sidebar after Phase 4b), so the
 * old grid duplicated existing nav. See `.planning/phase-A2-report.md`.
 */
export default function AdminOverviewPage() {
  const { user } = useAuth();
  const { t } = useTranslations();
  // Surface admin-settings fetch failures once at the top of the page.
  // Many sub-sections share `useAdminSettings()` and render defaults
  // silently on error — the banner makes the failure visible so the
  // admin knows the toggles below aren't reflecting real state.
  const {
    isError: settingsError,
    error: settingsFailure,
    refetch: refetchSettings,
  } = useAdminSettings();

  if (!user || user.role !== "ADMIN") return null;

  return (
    <AdminShell>
      <div className="space-y-6">
        {/* v1.18.6.1 — the console title + subtitle render in `<AdminShell>`
            now (its own grid row, so the nav lines up with the first card). */}
        {settingsError && (
          <QueryErrorRow
            error={settingsFailure}
            message={t("admin.adminSettingsLoadError")}
            onRetry={() => void refetchSettings()}
          />
        )}

        <VersionTileSection />

        <SystemStatusSummary />

        <RecentAuditPreview />
      </div>
    </AdminShell>
  );
}