import Link from 'next/link';
import type { LotRow } from '@/lib/queries/market-lists';
import { cn, confidenceLabel, fmtMoney, fmtNum, fmtRelative } from '@/lib/format';
import { Table, th, td, tdNum, EmptyState, Badge, VsRiv } from '@/components/ui/primitives';
import { FeeBasisPill, GradeBadge, Thumb } from './bits';

/**
 * Auction intelligence table (§33–§35): the house's own estimate and bid in native currency, the
 * buyer-pays all-in cost in USD (hammer + buyer's premium from the house schedule) and the gated
 * comparison with the RareIndex Valuation. Lots the worker has not assessed yet say so.
 */
export function LotsIntelTable({ items, className, showHouse = true, emptyTitle = 'No auction lots', emptyDescription = 'Lots appear once auction-house connectors publish catalogues.' }: { items: LotRow[]; className?: string; showHouse?: boolean; emptyTitle?: string; emptyDescription?: string }) {
  if (!items.length) return <EmptyState title={emptyTitle} description={emptyDescription} />;
  return (
    <Table className={className}>
      <thead>
        <tr>
          <th className={th}>Lot</th>
          {showHouse ? <th className={th}>House · auction</th> : null}
          <th className={cn(th, 'text-right')}>Estimate</th>
          <th className={cn(th, 'text-right')}>Current bid</th>
          <th className={cn(th, 'text-right')} title="Buyer-pays cost in USD: hammer + buyer's premium from the house's published or estimated schedule. VAT/duties/shipping not included.">
            All-in est.
          </th>
          <th className={cn(th, 'text-right')}>RIV</th>
          <th className={cn(th, 'text-right')} title="(all-in bid − RIV) / RIV of the lot's variant. Falls back to the low estimate (“est.”) when there is no bid. Same gates as listings.">
            Bid vs RIV
          </th>
          <th className={th}>Ends</th>
        </tr>
      </thead>
      <tbody>
        {items.map((l) => (
          <LotIntelRow key={l.id} l={l} showHouse={showHouse} />
        ))}
      </tbody>
    </Table>
  );
}

function LotIntelRow({ l, showHouse }: { l: LotRow; showHouse: boolean }) {
  const cur = l.currency ?? 'USD';
  const hasBid = l.currentBid !== null && (l.bidCount ?? 1) > 0;
  const approx = l.feeBasis === 'added_approximate' || l.feeBasis === 'added_default';
  const allIn = l.hammerPriceUsd ?? l.allInBidUsd ?? l.allInEstimateLowUsd;
  const allInIsEstimate = l.hammerPriceUsd === null && l.allInBidUsd === null && l.allInEstimateLowUsd !== null;
  const vs = l.bidVsRiv ?? l.estimateVsRiv;
  const vsIsEstimate = l.bidVsRiv === null && l.estimateVsRiv !== null;
  return (
    <tr className="hover:bg-sunken">
      <td className={cn(td, 'max-w-[360px]')}>
        <span className="flex items-center gap-2">
          <Thumb src={l.imageUrls[0]} alt="" size={32} />
          <span className="min-w-0">
            <a href={l.url} target="_blank" rel="noopener nofollow" className="block truncate font-medium text-fg hover:underline" title={l.title}>
              {l.lotNumber ? `Lot ${l.lotNumber} · ` : ''}
              {l.title}
            </a>
            <span className="flex flex-wrap items-center gap-x-1.5 text-[11px] text-muted">
              {l.assetSlug ? (
                <Link href={`/asset/${l.assetSlug}`} className="truncate hover:text-fg">
                  {l.assetTitle}
                </Link>
              ) : (
                <span className="text-subtle">Not yet matched to a canonical asset</span>
              )}
              <GradeBadge grader={l.grader} grade={l.grade} />
            </span>
          </span>
        </span>
      </td>
      {showHouse ? (
        <td className={cn(td, 'text-muted')}>
          {l.auctionHouseSlug ? (
            <Link href={`/auctions/house/${l.auctionHouseSlug}`} className="hover:text-fg">
              {l.auctionHouse}
            </Link>
          ) : (
            l.auctionHouse
          )}
          {l.auctionName ? <span className="block max-w-[200px] truncate text-[10px] text-subtle">{l.auctionName}</span> : null}
        </td>
      ) : null}
      <td className={tdNum}>
        {l.estimateLow !== null || l.estimateHigh !== null ? (
          <span className="inline-flex flex-col items-end leading-tight">
            <span>
              {fmtMoney(l.estimateLow, cur)} – {fmtMoney(l.estimateHigh, cur)}
            </span>
            {cur !== 'USD' && (l.estimateLowUsd !== null || l.estimateHighUsd !== null) ? <span className="text-[10px] text-subtle">{fmtMoney(l.estimateLowUsd)} – {fmtMoney(l.estimateHighUsd)}</span> : null}
          </span>
        ) : (
          <span className="text-subtle">—</span>
        )}
      </td>
      <td className={tdNum}>
        {l.hammerPrice !== null ? (
          <span className="inline-flex flex-col items-end leading-tight">
            <span className="font-medium">{fmtMoney(l.hammerPrice, cur)}</span>
            <span className="text-[10px] text-subtle">hammer</span>
          </span>
        ) : hasBid ? (
          <span className="inline-flex flex-col items-end leading-tight">
            <span>{fmtMoney(l.currentBid, cur)}</span>
            <span className="text-[10px] text-subtle">{l.bidCount !== null ? `${fmtNum(l.bidCount)} bid${l.bidCount === 1 ? '' : 's'}` : 'bid'}</span>
          </span>
        ) : l.currentBid !== null ? (
          <span className="inline-flex flex-col items-end leading-tight text-muted" title="Opening price — no bid placed yet">
            <span>{fmtMoney(l.currentBid, cur)}</span>
            <span className="text-[10px] text-subtle">opening · 0 bids</span>
          </span>
        ) : (
          <span className="text-subtle">—</span>
        )}
      </td>
      <td className={tdNum}>
        {allIn !== null ? (
          <span className="inline-flex flex-col items-end leading-tight">
            <span className="font-medium text-fg">
              {approx ? '≈ ' : ''}
              {fmtMoney(allIn)}
            </span>
            <span className="flex items-center gap-1 text-[10px] text-subtle">
              {allInIsEstimate ? <span>on low est.</span> : null}
              <FeeBasisPill basis={l.feeBasis} rate={l.buyerPremiumRate} className="text-[9px]" />
            </span>
          </span>
        ) : l.assessedAt ? (
          <span className="text-subtle" title="No price to assess (no bid and no estimate)">—</span>
        ) : (
          <span className="text-[10px] text-subtle">Not assessed yet</span>
        )}
      </td>
      <td className={tdNum}>
        {l.rivUsd !== null ? (
          <span className="inline-flex flex-col items-end leading-tight">
            <span>{fmtMoney(l.rivUsd)}</span>
            <span className="text-[10px] text-subtle">
              {confidenceLabel(l.rivConfidence)} · n={l.rivSampleSize}
            </span>
          </span>
        ) : (
          <span className="text-subtle">—</span>
        )}
      </td>
      <td className={tdNum}>
        {vs !== null ? (
          <span className="inline-flex flex-col items-end leading-tight">
            <VsRiv discount={vs} showLabel={false} />
            {vsIsEstimate ? <span className="text-[10px] text-subtle">est. vs RIV</span> : null}
          </span>
        ) : l.assessedAt && l.assessmentVerdict === 'ungated' ? (
          <span className="text-subtle" title="Not compared: the valuation does not meet the gates (transaction-based RIV, ≥ 5 sales, medium+ confidence, same variant)">—</span>
        ) : l.assessedAt && l.assessmentVerdict === 'anomaly' ? (
          <Badge tone="alert">Data/identity anomaly</Badge>
        ) : l.assessedAt ? (
          <span className="text-subtle">—</span>
        ) : (
          <span className="text-[10px] text-subtle">Not assessed yet</span>
        )}
      </td>
      <td className={cn(td, 'whitespace-nowrap text-muted')}>
        {l.endsAt ? <span title={l.endsAt.toISOString()}>{fmtRelative(l.endsAt)}</span> : '—'}
        <Badge tone={l.status === 'live' ? 'gain' : l.status === 'upcoming' ? 'index' : 'neutral'} className="ml-1.5">
          {l.status}
        </Badge>
      </td>
    </tr>
  );
}

/** Card list of lots for phones (image, title, house, all-in, bid vs RIV, ends). */
export function LotsIntelCards({ items, className }: { items: LotRow[]; className?: string }) {
  if (!items.length) return null;
  return (
    <ul className={cn('divide-y divide-border', className)}>
      {items.map((l) => {
        const allIn = l.hammerPriceUsd ?? l.allInBidUsd ?? l.allInEstimateLowUsd;
        const vs = l.bidVsRiv ?? l.estimateVsRiv;
        const approx = l.feeBasis === 'added_approximate' || l.feeBasis === 'added_default';
        return (
          <li key={l.id}>
            <a href={l.url} target="_blank" rel="noopener nofollow" className="flex min-h-[64px] items-center gap-3 px-3 py-2.5 hover:bg-sunken">
              <Thumb src={l.imageUrls[0]} alt="" size={44} rounded="rounded-[5px]" />
              <span className="min-w-0 flex-1">
                <span className="line-clamp-2 text-[13px] font-medium leading-[1.3] text-fg">{l.title}</span>
                <span className="mt-0.5 block truncate text-[11px] text-muted">
                  {l.auctionHouse}
                  {l.endsAt ? ` · ends ${fmtRelative(l.endsAt)}` : ''}
                </span>
              </span>
              <span className="num flex shrink-0 flex-col items-end leading-tight">
                <span className="text-[14px] font-semibold text-fg">{allIn !== null ? `${approx ? '≈ ' : ''}${fmtMoney(allIn)}` : l.currentBid !== null ? fmtMoney(l.currentBid, l.currency ?? 'USD') : l.estimateHigh !== null ? `est. ${fmtMoney(l.estimateHigh, l.currency ?? 'USD')}` : '—'}</span>
                {vs !== null ? <VsRiv discount={vs} className="text-[11px]" showLabel={false} /> : <span className="text-[10px] text-subtle">{allIn !== null ? 'all-in' : 'not assessed'}</span>}
              </span>
            </a>
          </li>
        );
      })}
    </ul>
  );
}