'use client';

import { useId, useState } from 'react';
import type { Action, GameView } from '@/game/engine';
import { faction } from '@/game/catalog';
import { territory, MOBILE_STRONGHOLD } from '@/game/board';
import { fighterCount } from '@/game/advisors';
import { reserveShipmentCost } from '@/game/shipment-price';
import type { RicheseNoFieldView } from '@/game/richese-no-field';
import { quoteSmugglerNoField } from '@/game/smuggler-no-field';
import { quoteRicheseHomeworldForces, quoteRicheseHomeworldPair } from '@/game/richese-homeworld-shipment';
import { RicheseHomeworldForces } from './richese-homeworld-forces';
import { ShipmentQuote } from './shipment-quote';
import { Button } from './ui/button';

export function SmugglerNoFieldChoice({
  quote,
  use,
  busy,
  onChange,
}: {
  quote: ReturnType<typeof quoteSmugglerNoField>;
  use: boolean;
  busy: boolean;
  onChange: (use: boolean) => void;
}) {
  if (!quote) return null;
  return (
    <div className="rounded border border-[#8e8159] p-3">
      <label className="flex min-h-11 items-center gap-3">
        <input
          type="checkbox"
          checked={use}
          disabled={busy}
          onChange={(event) => onChange(event.target.checked)}
        />
        Use Smuggler to add 1 real reserve force at no added cost
      </label>
      <p className="fine mt-2">
        The companion force enters the empty territory immediately. The No-Field
        token still uses the normal one-force shipment price, and its hidden
        forces remain in reserves until revelation.
      </p>
    </div>
  );
}

/** This renderer receives public player data only, never the private token model. */
export function NoFieldBoardMarkers({
  players,
}: {
  players: readonly {
    id: string;
    name: string;
    faction: string;
    noField?: RicheseNoFieldView | null;
  }[];
}) {
  return players.flatMap((player) => {
    const marker = player.noField?.deployed;
    if (!marker) return [];
    const t = territory(marker.location.territory);
    const label = `${player.name}: concealed No-Field in ${t.name}, sector ${marker.location.sector}. Counts as one force until revealed.`;
    return [
      <g
        key={`no-field-${player.id}`}
        aria-label={label}
        transform={`translate(${t.center[0] - 45},${t.center[1] - 23})`}
        pointerEvents="none"
      >
        <title>{label}</title>
        <rect
          x="-16"
          y="-15"
          width="32"
          height="30"
          rx="5"
          fill="#181921"
          stroke={faction(player.faction).color}
          strokeWidth="3"
          strokeDasharray="5 2"
        />
        <text
          y="5"
          textAnchor="middle"
          fill="#f5ebd1"
          fontSize="12"
          fontWeight="800"
        >
          NF
        </text>
      </g>,
    ];
  });
}

export function RicheseNoFieldControls({
  game,
  act,
  busy,
  destination,
  sector,
  allyPayment,
}: {
  game: GameView;
  act: (action: Action) => void;
  busy: boolean;
  destination: string;
  sector: number;
  allyPayment: string;
}) {
  const id = useId();
  const [selection, setSelection] = useState('');
  const [pairConcealedSelection, setPairConcealedSelection] = useState('');
  const [pairRevealedSelection, setPairRevealedSelection] = useState('');
  const [useSmuggler, setUseSmuggler] = useState(false);
  const [reserveForces, setReserveForces] = useState(0);
  const info = game.richeseNoField;
  const me = game.players.find((player) => player.id === game.me);
  if (!info || info.owner !== game.me || !info.private || !me) return null;
  const state = info.private;
  const available = state.tokens.filter(
    (token) => token.id !== state.lastShipped,
  );
  const selected =
    available.find((token) => token.id === selection) ?? available[0];
  const pairConcealed =
    available.find((token) => token.id === pairConcealedSelection) ??
    available[0];
  const pairRevealed =
    available.find(
      (token) =>
        token.id === pairRevealedSelection &&
        token.id !== pairConcealed?.id,
    ) ?? available.find((token) => token.id !== pairConcealed?.id);
  const nexus = game.nexusRicheseCunning;
  const deployed = state.deployed;
  const selectedTerritory = territory(destination);
  const rate = {
    faction: me.faction,
    halfRate:
      (!game.guildRateCanceled && (me.faction === 'guild' ||
      game.players.some(
        (player) => player.faction === 'guild' && player.id === me.ally,
      ))) ||
      game.karamaShipping?.player === me.id,
  };
  const smuggler = info.canShip
    ? quoteSmugglerNoField(game, me.id, destination)
    : null;
  let group: ReturnType<typeof quoteRicheseHomeworldForces> | null = null;
  let groupProblem: string | null = null;
  try {
    group = quoteRicheseHomeworldForces({ enabled: info.homeworldForcesEnabled,
      reserves: me.reserves, amount: reserveForces, smuggler: useSmuggler && !!smuggler });
  } catch (error) { groupProblem = error instanceof Error ? error.message : 'Choose available reserve forces.'; }
  const cost = reserveShipmentCost(rate, selectedTerritory.type, group?.priced ?? 1);
  const share =
    !me.ally || allyPayment === ''
      ? Math.max(0, cost - (me.spice ?? 0))
      : Number(allyPayment);
  const validShare = Number.isSafeInteger(share) && share >= 0 && share <= cost;
  const commonProblems: string[] = [];
  if (!info.canShip)
    commonProblems.push(info.shipBlock ?? 'No-Field shipment is not available now.');
  if (!selected) commonProblems.push('No different No-Field token is available.');
  if (destination === MOBILE_STRONGHOLD)
    commonProblems.push('You cannot ship directly into the mobile stronghold.');
  if (
    selectedTerritory.type === 'stronghold' &&
    game.players.filter(
      (player) => player.id !== me.id && fighterCount(player, destination) > 0,
    ).length >= 2
  )
    commonProblems.push('Two other factions already occupy this stronghold.');
  if (!selectedTerritory.sectors.includes(sector))
    commonProblems.push('Select a sector in the destination territory.');
  if (sector === game.storm)
    commonProblems.push('You cannot ship into the storm sector.');
  const problems = [...commonProblems];
  if (groupProblem) problems.push(groupProblem);
  if (!validShare) problems.push(`Choose an ally payment from 0 to ${cost}.`);
  else {
    if (share > game.aid.available)
      problems.push(
        `Only ${game.aid.available} pledged ally spice is available.`,
      );
    if (cost - share > (me.spice ?? 0))
      problems.push('Your spice does not cover the chosen payment.');
  }
  const pairProblems = [...commonProblems];
  let pairGroup: ReturnType<typeof quoteRicheseHomeworldPair> | null = null;
  try {
    pairGroup = quoteRicheseHomeworldPair({ enabled: info.homeworldForcesEnabled,
      reserves: me.reserves, amount: reserveForces, revealedValue: pairRevealed?.value ?? 0 });
  } catch (error) { pairProblems.push(error instanceof Error ? error.message : 'Choose available paid reserve forces.'); }
  const pairPurchasedRate = game.karamaShipping?.player === me.id;
  const pairCost = reserveShipmentCost({ faction: me.faction, halfRate: pairPurchasedRate }, selectedTerritory.type, pairGroup?.priced ?? 1);
  if (pairCost > (me.spice ?? 0)) pairProblems.push(`This Cunning group needs ${pairCost} own spice.`);
  if (nexus?.blocked) pairProblems.push(nexus.blocked);
  if (!pairConcealed || !pairRevealed)
    pairProblems.push('Choose two different available No-Field tokens.');
  const showShipment = game.phase === 5 && game.active === me.id && !me.shipped;
  return (
    <details className="my-4" open={showShipment || !!deployed}>
      <summary className="min-h-11 cursor-pointer py-3 font-semibold">
        Your No-Field tokens
      </summary>
      <div className="flex flex-col gap-3 py-3">
        <p className="fine">
          Your token values are private until revealed. A concealed marker
          counts as one force, even when its value is zero. Its hidden forces
          remain in reserves until revelation; a Smuggler companion is a
          separate real force that leaves reserves immediately.
        </p>
        <ul
          className="m-0 flex flex-wrap gap-3 p-0"
          aria-label="Private No-Field inventory"
        >
          {state.tokens.map((token) => (
            <li
              key={token.id}
              className="list-none rounded border border-[#8e8159] px-3 py-2"
            >
              <strong>No-Field {token.value}</strong>
              <span className="block text-sm">
                {deployed?.tokenId === token.id
                  ? 'Concealed on the board'
                  : state.lastShipped === token.id
                    ? 'Last used · cannot repeat'
                    : 'Available'}
              </span>
            </li>
          ))}
        </ul>
        {deployed && (
          <>
            <p>
              Concealed at {territory(deployed.location.territory).name}, sector{' '}
              {deployed.location.sector}. Use the movement controls to move the
              marker alone or with physical forces from that territory.
            </p>
            <Button
              className="min-h-11 whitespace-normal"
              disabled={busy || !info.canReveal}
              aria-describedby={
                !info.canReveal ? `${id}-reveal-reason` : undefined
              }
              onClick={() => {
                if (!busy && info.canReveal)
                  act({
                    type: 'revealNoField',
                    event: info.event,
                    token: deployed.tokenId,
                  });
              }}
            >
              Reveal your No-Field
            </Button>
            {!info.canReveal && (
              <p id={`${id}-reveal-reason`} className="fine">
                {info.revealBlock ??
                  'Voluntary revelation is not available now.'}
              </p>
            )}
          </>
        )}
        {showShipment && (
          <>
            <label htmlFor={`${id}-token`}>Private token to ship</label>
            <select
              id={`${id}-token`}
              className="min-h-11"
              value={selected?.id ?? ''}
              disabled={busy || !!deployed}
              onChange={(event) => setSelection(event.target.value)}
            >
              {state.tokens.map((token) => (
                <option
                  key={token.id}
                  value={token.id}
                  disabled={token.id === state.lastShipped}
                >
                  No-Field {token.value}
                  {token.id === state.lastShipped ? ' · cannot repeat' : ''}
                </option>
              ))}
            </select>
            <p className="fine">
              Destination: {selectedTerritory.name}, sector {sector}. Choose
              another destination on the map or in the shipment controls. This
              replaces your normal shipment. The marker is priced as one force;
              selected paid reserve forces add to that invoice.
            </p>
            {(game.homeworlds || reserveForces > 0) && <RicheseHomeworldForces
              enabled={info.homeworldForcesEnabled}
              amount={reserveForces}
              max={me.reserves}
              busy={busy}
              onChange={setReserveForces}
            />}
            <ShipmentQuote
              id={`${id}-quote`}
              quote={
                validShare
                  ? {
                      cost,
                      normalCost: reserveShipmentCost(
                        { ...rate, halfRate: false },
                        selectedTerritory.type,
                        group?.priced ?? 1,
                      ),
                      ownPayment: cost - share,
                      pledgedPayment: share,
                    }
                  : null
              }
              funding={{
                ownSpice: me.spice ?? 0,
                pledgedSpice: game.aid.available,
              }}
              unavailableReasons={problems}
            />
            <SmugglerNoFieldChoice
              quote={smuggler}
              use={useSmuggler}
              busy={busy}
              onChange={setUseSmuggler}
            />
            <Button
              className="min-h-11 whitespace-normal"
              disabled={busy || problems.length > 0}
              aria-describedby={`${id}-quote`}
              onClick={() => {
                if (!busy && problems.length === 0 && selected)
                  act({
                    type: 'ship',
                    noField: selected.id,
                    event: info.event,
                    territory: destination,
                    sector,
                    allyPayment: share,
                    ...(useSmuggler && smuggler ? { smuggler: true } : {}),
                    ...(reserveForces ? { noFieldReserves: reserveForces } : {}),
                  });
              }}
            >
              Ship concealed No-Field {selected?.value ?? ''} · {cost} spice
              {reserveForces ? ` · + ${reserveForces} paid forces` : ''}
              {useSmuggler && smuggler ? ' · + 1 real force' : ''}
            </Button>
            {nexus && (
              <div className="rounded border border-[#8e8159] p-3">
                <h3 className="font-semibold">Nexus Cunning: ship two No-Fields</h3>
                <p className="fine mt-2">
                  Choose one token to reveal immediately and one to keep
                  concealed at {selectedTerritory.name}, sector {sector}. The
                  selected paid group reserves {reserveForces} physical counters
                  first. The faceup token then brings {pairGroup?.revealed ?? 0}
                  {' '}from the remaining reserves; the concealed marker still
                  counts as one force. Both tokens are priced as one, plus the
                  paid group: {pairCost} spice. The paid selection above also
                  applies to this pair. Smuggler is a separate selection for
                  the ordinary single-marker route.
                </p>
                {pairPurchasedRate && <p className="fine mt-2">
                  Your purchased Karama rate halves this combined invoice,
                  rounded up once. Pay the Spice Bank. The original rate remains
                  available if the No-Field counter prevents this declaration.
                </p>}
                <label htmlFor={`${id}-pair-revealed`}>
                  Private token to reveal immediately
                </label>
                <select
                  id={`${id}-pair-revealed`}
                  className="block min-h-11"
                  value={pairRevealed?.id ?? ''}
                  disabled={busy || !!deployed || !!nexus.blocked}
                  onChange={(event) => {
                    if (event.target.value === pairConcealed?.id)
                      setPairConcealedSelection(pairRevealed?.id ?? '');
                    setPairRevealedSelection(event.target.value);
                  }}
                >
                  {state.tokens.map((token) => (
                    <option
                      key={token.id}
                      value={token.id}
                      disabled={token.id === state.lastShipped}
                    >
                      No-Field {token.value}
                      {token.id === state.lastShipped ? ' · cannot repeat' : ''}
                    </option>
                  ))}
                </select>
                <label htmlFor={`${id}-pair-concealed`}>
                  Private token to keep concealed
                </label>
                <select
                  id={`${id}-pair-concealed`}
                  className="block min-h-11"
                  value={pairConcealed?.id ?? ''}
                  disabled={busy || !!deployed || !!nexus.blocked}
                  onChange={(event) => {
                    if (event.target.value === pairRevealed?.id)
                      setPairRevealedSelection(pairConcealed?.id ?? '');
                    setPairConcealedSelection(event.target.value);
                  }}
                >
                  {state.tokens.map((token) => (
                    <option
                      key={token.id}
                      value={token.id}
                      disabled={token.id === state.lastShipped}
                    >
                      No-Field {token.value}
                      {token.id === state.lastShipped ? ' · cannot repeat' : ''}
                    </option>
                  ))}
                </select>
                {pairProblems.length > 0 && (
                  <ul className="fine" id={`${id}-pair-reasons`}>
                    {pairProblems.map((reason) => (
                      <li key={reason}>{reason}</li>
                    ))}
                  </ul>
                )}
                <Button
                  className="min-h-11 whitespace-normal"
                  disabled={busy || pairProblems.length > 0}
                  aria-describedby={
                    pairProblems.length > 0 ? `${id}-pair-reasons` : undefined
                  }
                  onClick={() => {
                    if (
                      !busy &&
                      pairProblems.length === 0 &&
                      pairConcealed &&
                      pairRevealed
                    )
                      act({
                        type: 'ship',
                        noField: pairConcealed.id,
                        revealedToken: pairRevealed.id,
                        nexus: nexus.event,
                        event: info.event,
                        territory: destination,
                        sector,
                        allyPayment: 0,
                        ...(reserveForces ? { noFieldReserves: reserveForces } : {}),
                      });
                  }}
                >
                  Reveal No-Field {pairRevealed?.value ?? ''} and ship concealed
                  No-Field {pairConcealed?.value ?? ''} · {pairCost} spice
                  {reserveForces ? ` · + ${reserveForces} paid forces` : ''}
                </Button>
              </div>
            )}
          </>
        )}
      </div>
    </details>
  );
}