import React, { useState } from 'react';
import { InvestigationCase } from '../../types/forensics';
import { FINCEN_SAR_DATABASE } from '../../data/fincenSarData';
import { FincenSarModal } from '../modals/FincenSarModal';
import { 
  Scale, 
  FileCheck2, 
  ShieldAlert, 
  Globe2, 
  FileText, 
  Download, 
  Copy, 
  Check, 
  AlertOctagon, 
  BookOpen,
  ExternalLink
} from 'lucide-react';

interface StatutoryMatrixTabProps {
  currentCase: InvestigationCase;
  onTraceAddress?: (address: string) => void;
}

export const StatutoryMatrixTab: React.FC<StatutoryMatrixTabProps> = ({
  currentCase,
  onTraceAddress,
}) => {
  const matrix = currentCase.statutoryMatrix;
  const [copiedBrief, setCopiedBrief] = useState(false);
  const [activeBriefView, setActiveBriefView] = useState<'LEGAL_MATRIX' | 'SAR_NARRATIVE'>('LEGAL_MATRIX');
  const [isSarModalOpen, setIsSarModalOpen] = useState(false);

  const generateSarText = () => {
    return `SUSPICIOUS ACTIVITY REPORT (SAR) - PART V NARRATIVE
=====================================================
DOCKET ID: ${currentCase.id}
FILING INSTITUTION: Sentinel Threat Intelligence Enclave
DATE: 2026-09-01
PRIMARY SUBJECT: ${currentCase.entityTarget.primaryAlias} (${currentCase.entityTarget.legalName || 'Unverified Subject'})
ENTITY TYPE: ${currentCase.entityTarget.entityType}
WALLET / RAILS: ${currentCase.entityTarget.walletAddress || 'N/A'}
TOTAL VOLUME: $${currentCase.financialLedger.totalVolumeUsd.toLocaleString()} USD

I. EXECUTIVE SUMMARY & JURISDICTIONAL BASIS
The filing entity hereby transmits this electronic Suspicious Activity Report pursuant to the Bank Secrecy Act (31 U.S.C. 5318(g)) and 18 U.S.C. § 2339B / 18 U.S.C. § 2331. The target entity was identified conducting high-velocity structured financial activity and cross-border value transfer to sanctioned endpoints.

II. TECHNICAL DE-ANONYMIZATION & EVASION FINDINGS
The target presented an egress IP address of ${currentCase.networkTelemetry.claimedGeo.ip} (${currentCase.networkTelemetry.claimedGeo.city}, ${currentCase.networkTelemetry.claimedGeo.country}). However, multi-point Anycast BGP speed-of-light triangulation (formula: t >= 2d / (c * 2/3)) revealed an irreconcilable latency delta of ${currentCase.networkTelemetry.bgpAnycast.propagationDeltaMs} ms. True physical origin was attributed to ${currentCase.networkTelemetry.bgpAnycast.physicalOriginInference}. Client-side STUN probing confirmed unmasked physical NIC address ${currentCase.networkTelemetry.clientProbes.webrtcCandidateLeak.unmaskedPublicIp}.

III. STRUCTURING & LAUNDERING METHODOLOGY
The subject executed structured transactions deliberately calibrated below the $10,000 Currency Transaction Reporting (CTR) threshold: "${currentCase.financialLedger.structuringSummary}". Funds were routed through anonymizing mixing protocols before settlement to recipient nodes.

IV. STATUTORY CLASSIFICATION & REGULATORY MANDATE
- 18 U.S.C. § 2339B (Material Support): Strict liability applies; foreign entity designation verified.
- EU TCO Regulation (EU) 2021/784: 1-Hour removal order executed across all EU edge points.
- Platform Editorial Rights: Content suppressed under 47 U.S.C. § 230(c)(2)(A) and Moody v. NetChoice (2024).

V. LAW ENFORCEMENT DISPOSITION & EVIDENCE SUMMARY
The filing entity has frozen all associated internal balance queues and preserved forensic PCAP and transaction records (Evidence Locker ${currentCase.id}). Referral transmitted to FinCEN and FBI Joint Terrorism Task Force (JTTF).`;
  };

  const copyBriefToClipboard = () => {
    navigator.clipboard.writeText(generateSarText());
    setCopiedBrief(true);
    setTimeout(() => setCopiedBrief(false), 3000);
  };

  return (
    <div className="space-y-4 p-4 text-slate-100">
      {/* Top Banner: Multi-Jurisdictional Statutory Overview */}
      <div className="bg-slate-900/80 border border-slate-800 rounded-xl p-4 shadow-md space-y-2">
        <div className="flex items-center justify-between">
          <div className="flex items-center gap-2">
            <Scale className="w-5 h-5 text-indigo-400" />
            <h3 className="text-sm font-bold uppercase tracking-wider font-mono">
              Multi-Jurisdictional Statutory Alignment & Regulatory Matrix
            </h3>
          </div>
          <span className="text-[11px] font-mono px-2 py-0.5 rounded bg-indigo-950 text-indigo-300 border border-indigo-800/80 font-bold">
            U.S. FEDERAL • EU DSA/TCO • MOODY V. NETCHOICE
          </span>
        </div>

        <p className="text-xs text-slate-300 leading-relaxed font-mono">
          Statutory criminal law and private platform moderation operate from distinct baselines. While U.S. federal criminal prosecutions under 18 U.S.C. § 2331 and the Brandenburg incitement standard require an underlying criminal act dangerous to human life, private platforms enforce proactive harm thresholds and 1-hour removal mandates under EU TCO (Reg 2021/784) and DSA Articles 34/35, shielded by Section 230 and First Amendment editorial discretion (Moody v. NetChoice 2024).
        </p>

        {/* View Switcher */}
        <div className="flex flex-wrap items-center justify-between gap-2 pt-2 border-t border-slate-800 text-xs font-mono">
          <div className="flex items-center gap-2">
            <button
              onClick={() => setActiveBriefView('LEGAL_MATRIX')}
              className={`px-3 py-1.5 rounded font-bold transition-all cursor-pointer ${
                activeBriefView === 'LEGAL_MATRIX'
                  ? 'bg-indigo-600 text-white shadow-sm'
                  : 'bg-slate-800 text-slate-400 hover:text-slate-200'
              }`}
            >
              Comparative Alignment Matrix
            </button>
            <button
              onClick={() => setActiveBriefView('SAR_NARRATIVE')}
              className={`px-3 py-1.5 rounded font-bold transition-all cursor-pointer ${
                activeBriefView === 'SAR_NARRATIVE'
                  ? 'bg-cyan-600 text-white shadow-sm'
                  : 'bg-slate-800 text-slate-400 hover:text-slate-200'
              }`}
            >
              FinCEN SAR / eGuardian Brief
            </button>
          </div>

          <button
            onClick={() => setIsSarModalOpen(true)}
            className="flex items-center gap-1.5 px-3 py-1.5 rounded font-bold bg-indigo-950 border border-indigo-700 text-indigo-300 hover:bg-indigo-900 transition-all cursor-pointer"
          >
            <ShieldAlert className="w-3.5 h-3.5" />
            <span>Open FinCEN SAR Registry ({FINCEN_SAR_DATABASE.length} Filings)</span>
          </button>
        </div>
      </div>

      {activeBriefView === 'LEGAL_MATRIX' ? (
        <div className="space-y-4">
          {/* Comparative Matrix Table */}
          <div className="bg-slate-900/80 border border-slate-800 rounded-xl p-4 shadow-md space-y-3">
            <div className="flex items-center justify-between">
              <span className="text-xs font-bold text-slate-200 font-mono">
                STATUTORY FRAMEWORK COMPARISON TABLE
              </span>
              <span className="text-[10px] font-mono text-cyan-400">
                Applicability for Case {currentCase.id}
              </span>
            </div>

            <div className="overflow-x-auto">
              <table className="w-full text-left text-xs font-mono border-collapse">
                <thead>
                  <tr className="bg-slate-950 text-slate-400 border-b border-slate-800">
                    <th className="p-3 w-1/4">Legal / Policy Dimension</th>
                    <th className="p-3 w-1/4">18 U.S.C. § 2331 (U.S. Federal Baseline)</th>
                    <th className="p-3 w-1/4">28 C.F.R. § 0.85(l) (FBI Mandate)</th>
                    <th className="p-3 w-1/4">Private Platform & EU TCO/DSA</th>
                  </tr>
                </thead>
                <tbody className="divide-y divide-slate-800/60 text-slate-300">
                  <tr className="hover:bg-slate-800/40">
                    <td className="p-3 font-bold text-cyan-300">Intent & Coercive Purpose</td>
                    <td className="p-3 text-[11px] leading-relaxed">
                      Requires activities intended to intimidate/coerce civilian population or government policy via mass destruction, kidnapping, or assassination.
                    </td>
                    <td className="p-3 text-[11px] leading-relaxed">
                      Targets unlawful use of force/violence committed to intimidate or coerce in furtherance of political/social objectives.
                    </td>
                    <td className="p-3 text-[11px] leading-relaxed text-amber-200 bg-amber-950/20">
                      Decoupled from criminal mens rea; evaluates expressive harms, manifestos, and radicalization pipelines upstream.
                    </td>
                  </tr>

                  <tr className="hover:bg-slate-800/40">
                    <td className="p-3 font-bold text-cyan-300">Physical Harm & Predicate Acts</td>
                    <td className="p-3 text-[11px] leading-relaxed">
                      Must involve acts dangerous to human life violating criminal laws of the U.S. or any state.
                    </td>
                    <td className="p-3 text-[11px] leading-relaxed">
                      Encompasses unlawful force/violence against persons or property.
                    </td>
                    <td className="p-3 text-[11px] leading-relaxed text-amber-200 bg-amber-950/20">
                      Precautionary threshold: bans ideological manifestos, tactical blueprints, and terrorwave propaganda before acts occur.
                    </td>
                  </tr>

                  <tr className="hover:bg-slate-800/40">
                    <td className="p-3 font-bold text-cyan-300">Entity Designation Authority</td>
                    <td className="p-3 text-[11px] leading-relaxed">
                      FTO designated under INA § 219 (8 U.S.C. § 1189). Domestic groups cannot be constitutionally blacklisted by the state.
                    </td>
                    <td className="p-3 text-[11px] leading-relaxed">
                      FBI enterprise investigation rules without maintaining a formal domestic blacklist.
                    </td>
                    <td className="p-3 text-[11px] leading-relaxed text-amber-200 bg-amber-950/20">
                      Bridges domestic/international divide; maintains Dangerous Organizations & Individuals (DOI/VEO) lists.
                    </td>
                  </tr>

                  <tr className="hover:bg-slate-800/40">
                    <td className="p-3 font-bold text-cyan-300">Material Support & Enforcement</td>
                    <td className="p-3 text-[11px] leading-relaxed">
                      Criminalizes material support to FTOs (18 U.S.C. § 2339B; Holder v. Humanitarian Law Project).
                    </td>
                    <td className="p-3 text-[11px] leading-relaxed">
                      Authorizes investigative and intelligence collection against criminal enterprises.
                    </td>
                    <td className="p-3 text-[11px] leading-relaxed text-amber-200 bg-amber-950/20">
                      Strict liability account deplatforming, GIFCT hash sync, and EU TCO 1-Hour mandatory removal under fines up to 6% global revenue.
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>

          {/* Constitutional Boundaries Card */}
          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div className="bg-slate-900/80 border border-slate-800 rounded-xl p-4 shadow-md space-y-2">
              <div className="flex items-center gap-2 text-xs font-bold text-slate-200 font-mono">
                <BookOpen className="w-4 h-4 text-rose-400" />
                <span>FIRST AMENDMENT & STATUTORY BOUNDARIES</span>
              </div>
              <p className="text-xs text-slate-300 leading-relaxed font-mono">
                {matrix.firstAmendmentBoundary}
              </p>
            </div>

            <div className="bg-slate-900/80 border border-slate-800 rounded-xl p-4 shadow-md space-y-2">
              <div className="flex items-center gap-2 text-xs font-bold text-slate-200 font-mono">
                <FileCheck2 className="w-4 h-4 text-emerald-400" />
                <span>PLATFORM EDITORIAL DISCRETION & SECTION 230</span>
              </div>
              <p className="text-xs text-slate-300 leading-relaxed font-mono">
                {matrix.platformEditorialProtection}
              </p>
            </div>
          </div>
        </div>
      ) : (
        /* FinCEN SAR Part V Narrative View */
        <div className="bg-slate-900/80 border border-slate-800 rounded-xl p-4 shadow-md space-y-3">
          <div className="flex items-center justify-between border-b border-slate-800 pb-2">
            <div className="flex items-center gap-2 text-xs font-bold text-slate-200 font-mono">
              <FileText className="w-4 h-4 text-cyan-400" />
              <span>FINCEN SUSPICIOUS ACTIVITY REPORT (PART V) & JTTF REFERRAL</span>
            </div>

            <button
              onClick={copyBriefToClipboard}
              className="flex items-center gap-1.5 bg-cyan-600 hover:bg-cyan-500 text-slate-950 font-bold px-3 py-1 rounded text-xs transition-all cursor-pointer"
            >
              {copiedBrief ? (
                <>
                  <Check className="w-3.5 h-3.5 text-slate-950" />
                  <span>Copied!</span>
                </>
              ) : (
                <>
                  <Copy className="w-3.5 h-3.5" />
                  <span>Copy Official SAR Narrative</span>
                </>
              )}
            </button>
          </div>

          <pre className="p-4 bg-slate-950 rounded-lg border border-slate-800 text-xs font-mono text-cyan-100 whitespace-pre-wrap leading-relaxed overflow-x-auto max-h-[500px]">
            {generateSarText()}
          </pre>
        </div>
      )}

      {/* FinCEN SAR Modal */}
      <FincenSarModal
        isOpen={isSarModalOpen}
        onClose={() => setIsSarModalOpen(false)}
        selectedBsanId={null}
        onTraceAddress={onTraceAddress}
      />
    </div>
  );
};