import { useState } from "react";
import AttachmentsDataPage from "../../../govoplan-campaign/webui/src/features/campaigns/AttachmentsDataPage";
import RecipientDataPage from "../../../govoplan-campaign/webui/src/features/campaigns/RecipientDataPage";
import { generatedTranslations as campaignTranslations } from "../../../govoplan-campaign/webui/src/i18n/generatedTranslations";
import ManagedFileChooser from "../../../govoplan-files/webui/src/features/files/components/ManagedFileChooser";
import { listFileSpaces } from "../../../govoplan-files/webui/src/api/files";
import { generatedTranslations as filesTranslations } from "../../../govoplan-files/webui/src/i18n/generatedTranslations";
import { ConcurrencyConflictProvider } from "../src/components/ConcurrencyConflictDialog";
import { PlatformLanguageProvider } from "../src/i18n/LanguageContext";
import { PlatformModulesProvider } from "../src/platform/ModuleContext";
import type { AuthInfo, PlatformWebModule } from "../src/types";
import "../../../govoplan-campaign/webui/src/styles/campaign-workspace.css";
import "../../../govoplan-files/webui/src/styles/file-manager.css";

const auth: AuthInfo = { user: { id: "user-1", account_id: "account-1", email: "fixture@example.test" },
  tenant: { id: "tenant-1", name: "Fixture", slug: "fixture" }, scopes: ["campaigns:write", "files:file:read"],
  roles: [], groups: [], profile_loaded: true, roles_loaded: true, groups_loaded: true };

export default function CampaignAttachmentsScenario() {
  const [available, setAvailable] = useState(true);
  const modules: PlatformWebModule[] = [
    { id: "campaigns", label: "Campaign", version: "fixture" },
    { id: "files", label: "Files", version: "fixture", uiCapabilities: available ? {
      "files.fileExplorer": { ManagedFileChooser, listFileSpaces }
    } : {} }
  ];
  return <PlatformModulesProvider modules={modules}>
    <PlatformLanguageProvider preferredLanguageCode="en" moduleTranslations={[campaignTranslations, filesTranslations]}>
      <button type="button" onClick={() => setAvailable(value => !value)}>Toggle Files capability</button>
      <ConcurrencyConflictProvider>
        {new URLSearchParams(window.location.search).has("recipient-data")
          ? <RecipientDataPage settings={{ apiBaseUrl: "", apiKey: "", accessToken: "" }} campaignId="campaign-attachments" />
          : <AttachmentsDataPage settings={{ apiBaseUrl: "", apiKey: "", accessToken: "" }} auth={auth} campaignId="campaign-attachments" />}
      </ConcurrencyConflictProvider>
    </PlatformLanguageProvider>
  </PlatformModulesProvider>;
}