import React, { useState } from 'react';
import { X, ShieldCheck, Copy, Check, FileCode, Scale, ExternalLink } from 'lucide-react';

interface ProvenanceModalProps {
  isOpen: boolean;
  onClose: () => void;
}

export const ProvenanceModal: React.FC<ProvenanceModalProps> = ({ isOpen, onClose }) => {
  const [copied, setCopied] = useState(false);

  if (!isOpen) return null;

  const licenseSummary = `ALBERT LANE PROPRIETARY SOFTWARE LICENSE AND INTELLECTUAL PROPERTY DECLARATION
Rights Holder: Albert Lane ("Rights Holder," "Author," "Owner")
Effective Date: May 30, 2026
Governing Jurisdiction (Primary): State of Oregon, United States of America
Governing Jurisdiction (Secondary): England and Wales, United Kingdom
Filing Reference: SEC Whistleblower No. 17684-273-411-436
Contact: albertlane.net

All Rights Reserved. No contractual license is granted without explicit written agreement.
Covers software, architectures, cryptographic implementations, ML prompt pipelines, and forensic methodologies.`;

  const handleCopy = () => {
    navigator.clipboard.writeText(licenseSummary);
    setCopied(true);
    setTimeout(() => setCopied(false), 2500);
  };

  return (
    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm p-4">
      <div className="bg-[#0e1626] border border-cyan-500/50 rounded-xl w-full max-w-2xl text-slate-100 shadow-2xl overflow-hidden animate-fade-in flex flex-col max-h-[90vh]">
        {/* Header */}
        <div className="flex items-center justify-between p-4 border-b border-slate-800 bg-slate-900 shrink-0">
          <div className="flex items-center gap-2.5">
            <Scale className="w-5 h-5 text-cyan-400" />
            <div>
              <h3 className="text-sm font-bold font-mono text-cyan-300">
                PROVENANCE & PROPRIETARY LICENSE DECLARATION
              </h3>
              <p className="text-[11px] text-slate-400 font-mono">
                SEC Whistleblower Ref #17684-273-411-436 • Oregon / England & Wales
              </p>
            </div>
          </div>
          <button
            onClick={onClose}
            className="text-slate-400 hover:text-slate-100 p-1 rounded hover:bg-slate-800 transition-colors cursor-pointer"
          >
            <X className="w-4 h-4" />
          </button>
        </div>

        {/* Content */}
        <div className="p-5 space-y-4 overflow-y-auto text-xs font-mono">
          <div className="p-3.5 bg-cyan-950/40 border border-cyan-500/30 rounded-lg text-cyan-100 space-y-1.5">
            <div className="flex items-center gap-2 font-bold text-cyan-300">
              <ShieldCheck className="w-4 h-4 text-cyan-400" />
              <span>Albert Lane Intellectual Property Enclave</span>
            </div>
            <p className="text-[11px] text-slate-300 leading-relaxed">
              This forensic application, mathematical algorithms, speed-of-light triangulation models, and forensic dossier schemas are protected under the Albert Lane Proprietary Software License & IP Declaration.
            </p>
          </div>

          <div className="grid grid-cols-2 gap-3 text-[11px]">
            <div className="p-3 bg-slate-950 rounded-lg border border-slate-800 space-y-1">
              <span className="text-slate-500 block">RIGHTS HOLDER:</span>
              <span className="text-slate-200 font-bold">Albert Lane</span>
            </div>
            <div className="p-3 bg-slate-950 rounded-lg border border-slate-800 space-y-1">
              <span className="text-slate-500 block">SEC WHISTLEBLOWER REF:</span>
              <span className="text-cyan-300 font-bold">No. 17684-273-411-436</span>
            </div>
            <div className="p-3 bg-slate-950 rounded-lg border border-slate-800 space-y-1">
              <span className="text-slate-500 block">PRIMARY JURISDICTION:</span>
              <span className="text-slate-200 font-bold">State of Oregon, USA</span>
            </div>
            <div className="p-3 bg-slate-950 rounded-lg border border-slate-800 space-y-1">
              <span className="text-slate-500 block">SECONDARY JURISDICTION:</span>
              <span className="text-slate-200 font-bold">England & Wales, UK</span>
            </div>
          </div>

          <div className="p-3 bg-slate-950 rounded-lg border border-slate-800 text-[11px] text-slate-400 space-y-1.5">
            <div className="text-slate-300 font-bold">COVERED CODE & REPOSITORIES:</div>
            <p>
              Includes all client-side JavaScript/TypeScript algorithms, Rust/Wasm speed-of-light solvers, Benford distribution estimators, Shannon flow entropy evaluators, and statutory matrices.
            </p>
          </div>
        </div>

        {/* Footer */}
        <div className="p-3.5 bg-slate-900 border-t border-slate-800 flex items-center justify-between shrink-0">
          <span className="text-[11px] font-mono text-slate-500">
            Contact & Licensure: albertlane.net
          </span>
          <div className="flex gap-2">
            <button
              onClick={handleCopy}
              className="flex items-center gap-1.5 px-3 py-1.5 bg-slate-800 hover:bg-slate-700 text-slate-200 rounded text-xs font-mono font-bold cursor-pointer transition-colors"
            >
              {copied ? <Check className="w-3.5 h-3.5" /> : <Copy className="w-3.5 h-3.5" />}
              <span>{copied ? 'Copied' : 'Copy Declaration'}</span>
            </button>
            <button
              onClick={onClose}
              className="px-4 py-1.5 bg-cyan-500 hover:bg-cyan-400 text-slate-950 rounded text-xs font-mono font-bold cursor-pointer transition-colors"
            >
              Acknowledge
            </button>
          </div>
        </div>
      </div>
    </div>
  );
};