import { Sparkles, BadgeCheck } from 'lucide-react';
import { Badge } from '@/components/ui/badge';
import { cn } from '@/lib/utils';
import { isFeaturedActive } from '@/lib/types';
import { useFeaturedVerification } from '@/hooks/useFeaturedVerification';

interface ProBadgeProps {
  /** The `featuredUntil` unix-seconds timestamp from a parsed entity. */
  featuredUntil?: number;
  className?: string;
  /** Compact = icon only (for dense card corners). */
  compact?: boolean;
  /**
   * When set (an addressable `kind:pubkey:d` coordinate), the badge verifies the
   * featured status against a NIP-57 zap receipt and shows a "Verified" state
   * when found. Use on detail pages; omit in dense lists to avoid over-fetching.
   */
  entityCoord?: string;
}

/**
 * "Pro" badge shown on featured Lab profiles, events, and tours.
 * Renders nothing if the entity isn't currently featured.
 */
export function ProBadge({ featuredUntil, className, compact = false, entityCoord }: ProBadgeProps) {
  const { data: status } = useFeaturedVerification(
    entityCoord,
    entityCoord ? featuredUntil : undefined,
  );

  if (!isFeaturedActive(featuredUntil)) return null;

  const verified = status === 'verified';

  return (
    <Badge
      className={cn(
        'gap-1 border-0 font-black uppercase tracking-wide shadow-sm',
        verified
          ? 'bg-gradient-to-r from-emerald-400 to-green-500 text-black shadow-green-500/30'
          : 'bg-gradient-to-r from-amber-400 to-orange-500 text-black shadow-orange-500/30',
        compact ? 'px-1.5 py-0 text-[9px]' : 'text-[10px]',
        className,
      )}
      title={
        verified
          ? 'Verified Pro — payment confirmed on-chain via a Nostr zap receipt.'
          : 'Pro listing — this profile supports SkateSpots and is featured.'
      }
    >
      {verified ? (
        <BadgeCheck className={compact ? 'h-2.5 w-2.5' : 'h-3 w-3'} />
      ) : (
        <Sparkles className={compact ? 'h-2.5 w-2.5' : 'h-3 w-3'} />
      )}
      Pro
    </Badge>
  );
}