import { __, _n, sprintf } from '@/wp-externals/i18n';
import { useSelect } from '@/wp-externals/data';
import { useEntityProp } from '@/wp-externals/core-data';
import { Button, Notice, PanelBody, Spinner, ToggleControl } from '@/wp-externals/components';
import editorPkg from '@/wp-externals/editor';
import editPostPkg from '@/wp-externals/edit-post';
import { ScoreBadge } from '@/components/score-badge';
import { DiagnosticsChecklist } from '@/components/editor/diagnostics-checklist';
import { useVisibilityData, type VisibilityData } from '@/components/editor/use-visibility-data';
import { normalizeRecommendations } from '@/components/readiness-recommendations-list';
import '@/components/editor/editor-data';

/**
 * Gutenberg surfaces for LLMagnet (adoption plan Feature 2.2 + 5.2,
 * Phase E Lane E1):
 * - PluginSidebar: score badge, diagnostics checklist, recommendations,
 *   llms.txt include toggle, Fix deep-link;
 * - PluginDocumentSettingPanel: compact score row + toggle in the Document tab;
 * - PluginPrePublishPanel: "AI Visibility: N — quick fixes" publish-flow summary.
 *
 * Built ONLY via vite.editor.config.ts (WordPress-provided React); registered
 * by src/editor-main.tsx through @wordpress/plugins.
 */

const TD = 'llmagnet-llm-txt-generator';

// Since WP 6.6 the Plugin* slot-fills live on wp.editor; the wp.editPost
// copies still work on older versions (and log deprecations on newer ones),
// so prefer the editor package and fall back.
const PluginSidebar = editorPkg?.PluginSidebar ?? editPostPkg?.PluginSidebar;
const PluginSidebarMoreMenuItem =
  editorPkg?.PluginSidebarMoreMenuItem ?? editPostPkg?.PluginSidebarMoreMenuItem;
const PluginDocumentSettingPanel =
  editorPkg?.PluginDocumentSettingPanel ?? editPostPkg?.PluginDocumentSettingPanel;
const PluginPrePublishPanel =
  editorPkg?.PluginPrePublishPanel ?? editPostPkg?.PluginPrePublishPanel;

export function LlmagnetIcon() {
  // assets/llmagnet-icon.svg, fill switched to currentColor for editor chrome.
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
      <path
        d="M18.3306 10.4099H20C20 9.3862 19.7965 8.39258 19.3953 7.45584C19.008 6.55182 18.4539 5.74073 17.7486 5.0445C17.0432 4.34827 16.2214 3.80111 15.3057 3.41898C14.3572 3.02273 13.3504 2.822 12.3134 2.822C11.2764 2.822 10.2699 3.02273 9.32103 3.41898C8.40574 3.80148 7.58393 4.34828 6.8782 5.0445C6.17285 5.74073 5.61877 6.5522 5.23187 7.45584C4.83245 8.38826 4.62933 9.3771 4.62747 10.3958C4.15427 9.55255 3.88463 8.58442 3.88463 7.55444C3.88463 4.28852 6.59069 1.64077 9.92837 1.64077V0C8.88675 0 7.87583 0.199983 6.92276 0.59438C6.00297 0.975016 5.17773 1.51959 4.46934 2.21285C3.76097 2.9061 3.20425 3.71385 2.81546 4.61378C2.41229 5.54606 2.20807 6.53556 2.20807 7.55483C2.20807 8.57409 2.41229 9.56324 2.81546 10.4958C3.20463 11.3955 3.76097 12.2031 4.46934 12.8968C5.17772 13.5901 6.00335 14.1346 6.92276 14.5149C7.86266 14.9038 8.85896 15.1028 9.88534 15.1082C9.20397 15.3726 8.46271 15.5194 7.68628 15.5194C4.36337 15.5194 1.66941 12.8598 1.66941 9.57933H0C0 10.6031 0.203477 11.5967 0.604755 12.5334C0.992035 13.4374 1.54611 14.2485 2.25146 14.9447C2.95681 15.641 3.77864 16.1881 4.69429 16.5703C5.64282 16.9665 6.64961 17.1673 7.68664 17.1673C8.72367 17.1673 9.7301 16.9665 10.679 16.5703C11.5943 16.1878 12.4161 15.641 13.1218 14.9447C13.8272 14.2485 14.3813 13.4371 14.7681 12.5334C15.169 11.5978 15.3723 10.6054 15.3728 9.58293C15.8535 10.4312 16.1281 11.4068 16.1281 12.4455C16.1281 15.7114 13.4221 18.3592 10.0844 18.3592V20C11.126 20 12.1369 19.8 13.09 19.4056C14.0098 19.0249 14.8351 18.4804 15.5434 17.7871C16.2518 17.0939 16.8085 16.2861 17.1973 15.3862C17.6005 14.4539 17.8047 13.4644 17.8047 12.4452C17.8047 11.4259 17.6005 10.4368 17.1973 9.50409C16.8081 8.60454 16.2518 7.7968 15.5434 7.10317C14.8351 6.40992 14.0094 5.86535 13.09 5.48508C12.1385 5.09133 11.1293 4.89149 10.0895 4.89083C10.7778 4.6202 11.5278 4.46982 12.3138 4.46982C15.6367 4.46982 18.3306 7.12948 18.3306 10.4099ZM15.3707 9.57933H13.7027C13.7027 12.0771 12.1404 14.2135 9.92836 15.0915V13.4677C7.64921 13.4677 5.66534 12.2328 4.63575 10.4099H6.29727C6.29727 7.90736 7.86568 5.76763 10.0844 4.89284V6.53222C12.359 6.53222 14.3394 7.76238 15.3707 9.57933Z"
        fill="currentColor"
      />
    </svg>
  );
}

/** "Include in llms.txt" toggle bound to `_llmagnet_exclude_from_llms` (E1-3). */
function IncludeToggle({ postType }: { postType: string }) {
  // Meta registered show_in_rest with per-post edit_post auth
  // (includes/class-post-meta.php) — zero custom endpoints needed.
  const [meta, setMeta] = useEntityProp('postType', postType, 'meta');
  const excluded = Boolean(meta?._llmagnet_exclude_from_llms);

  return (
    <ToggleControl
      __nextHasNoMarginBottom
      label={__('Include in llms.txt', TD)}
      help={__(
        'When off, this content is left out of llms.txt, llms-full.txt and the markdown docs.',
        TD
      )}
      checked={!excluded}
      onChange={(on: boolean) => setMeta({ ...(meta ?? {}), _llmagnet_exclude_from_llms: !on })}
    />
  );
}

/** Score badge row + saving/dirty/error states + Fix deep-link (E1-2/E1-4). */
function ScoreRow({
  data,
  isDirty,
  compact = false,
}: {
  data: VisibilityData;
  isDirty: boolean;
  compact?: boolean;
}) {
  const editorData = window.llmagnetEditorData;
  const fixUrl = editorData?.canManage ? editorData.drawerUrl : '';

  if (data.loading) {
    return (
      <p className="m-0 flex items-center gap-2 text-sm text-gray-500">
        <Spinner />
        {__('Loading score…', TD)}
      </p>
    );
  }

  if (data.error) {
    return (
      <Notice status="warning" isDismissible={false}>
        {sprintf(
          /* translators: %s: error message */
          __('Could not load the AI visibility score: %s', TD),
          data.error
        )}
      </Notice>
    );
  }

  return (
    <div className="llmagnet-surface">
      <div className="flex items-center gap-2">
        <ScoreBadge score={data.score} size={compact ? 'sm' : 'md'} />
        {data.score === null && (
          <span className="text-xs text-gray-500">{__('Not calculated yet', TD)}</span>
        )}
        {fixUrl && data.score !== null && data.score < 100 && (
          <Button
            variant="secondary"
            size="small"
            href={fixUrl}
            target="_blank"
            rel="noreferrer"
            title={__('Open LLMagnet to improve this score', TD)}
          >
            {__('Fix', TD)}
          </Button>
        )}
      </div>
      {isDirty && (
        <p className="m-0 mt-1.5 text-xs italic text-gray-500">
          {__('You have unsaved changes — save to refresh the score.', TD)}
        </p>
      )}
    </div>
  );
}

/** "AI Visibility: N — quick fixes" pre-publish summary (E1-6 / plan 5.2). */
function PrePublishSummary({ data }: { data: VisibilityData }) {
  const recommendations = normalizeRecommendations(data.details?.recommendations);
  const editorData = window.llmagnetEditorData;
  const title =
    data.score !== null
      ? sprintf(
          /* translators: %d: AI visibility score 0-100 */
          __('AI Visibility: %d', TD),
          data.score
        )
      : __('AI Visibility', TD);

  return (
    <PluginPrePublishPanel title={title} initialOpen icon={<LlmagnetIcon />}>
      <div className="llmagnet-surface space-y-2">
        <ScoreBadge score={data.score} />
        {recommendations.length > 0 && (
          <>
            <p className="m-0 text-sm font-medium">
              {sprintf(
                /* translators: %d: number of quick fixes */
                _n('%d quick fix available', '%d quick fixes available', recommendations.length, TD),
                recommendations.length
              )}
            </p>
            <ul className="m-0 list-disc space-y-1 pl-4 text-sm">
              {recommendations.slice(0, 3).map((rec) => (
                <li key={rec.id}>{rec.message}</li>
              ))}
            </ul>
          </>
        )}
        {editorData?.canManage && editorData.drawerUrl && data.score !== null && data.score < 100 && (
          <Button variant="link" href={editorData.drawerUrl} target="_blank" rel="noreferrer">
            {__('Open LLMagnet to fix', TD)}
          </Button>
        )}
      </div>
    </PluginPrePublishPanel>
  );
}

export default function EditorPanels() {
  const { postId, postType } = useSelect((select: any) => {
    const editor = select('core/editor');
    return {
      postId: editor?.getCurrentPostId?.() ?? undefined,
      postType: editor?.getCurrentPostType?.() ?? undefined,
    };
  }, []);

  const isDirty: boolean = useSelect(
    (select: any) => select('core/editor')?.isEditedPostDirty?.() ?? false,
    []
  );

  const data = useVisibilityData(postId, postType);

  if (!postId || !postType || !PluginSidebar || !PluginDocumentSettingPanel) {
    return null;
  }

  return (
    <>
      {PluginSidebarMoreMenuItem && (
        <PluginSidebarMoreMenuItem target="llmagnet-sidebar" icon={<LlmagnetIcon />}>
          {__('LLMagnet', TD)}
        </PluginSidebarMoreMenuItem>
      )}

      <PluginSidebar
        name="llmagnet-sidebar"
        title={__('LLMagnet — AI Visibility', TD)}
        icon={<LlmagnetIcon />}
      >
        <div className="llmagnet-surface">
          <PanelBody title={__('AI visibility score', TD)} initialOpen>
            <ScoreRow data={data} isDirty={isDirty} />
          </PanelBody>

          {data.details && (
            <PanelBody title={__('Diagnostics', TD)} initialOpen>
              <DiagnosticsChecklist details={data.details} postType={postType} />
            </PanelBody>
          )}

          {data.restricted && (
            <PanelBody title={__('Diagnostics', TD)} initialOpen={false}>
              <p className="m-0 text-sm text-gray-500">
                {__('Detailed diagnostics require an administrator account.', TD)}
              </p>
            </PanelBody>
          )}

          <PanelBody title={__('llms.txt', TD)} initialOpen>
            <IncludeToggle postType={postType} />
          </PanelBody>
        </div>
      </PluginSidebar>

      <PluginDocumentSettingPanel
        name="llmagnet-score"
        title={__('LLMagnet', TD)}
        className="llmagnet-surface"
      >
        <ScoreRow data={data} isDirty={isDirty} compact />
        <IncludeToggle postType={postType} />
      </PluginDocumentSettingPanel>

      {PluginPrePublishPanel && <PrePublishSummary data={data} />}
    </>
  );
}