// /media/hf/data/projects/Dawinder/transport/components/ui/StatusBadge.tsx
import React from 'react';
import { cn } from '@/lib/utils';

interface StatusBadgeProps {
  status: string;
}

export default function StatusBadge({ status }: StatusBadgeProps) {
  const normalized = status.toLowerCase().replace(/_/g, ' ');
  
  let colorClass = 'bg-surface text-text-muted border-border'; // default
  
  // Trip statuses
  if (normalized === 'in transit') colorClass = 'bg-[#1e3a5f] text-[#60a5fa] border-[#60a5fa]/20';
  else if (normalized === 'loaded') colorClass = 'bg-[#1a3a2a] text-[#34d399] border-[#34d399]/20';
  else if (normalized === 'reached pickup' || normalized === 'at pickup') colorClass = 'bg-[#2d2a1a] text-[#fbbf24] border-[#fbbf24]/20';
  else if (normalized === 'pod pending' || normalized === 'pod uploaded') colorClass = 'bg-[#2a1a2a] text-[#c084fc] border-[#c084fc]/20';
  else if (normalized === 'completed') colorClass = 'bg-[#21262d] text-[#8b949e] border-[#8b949e]/20';
  // Vehicle statuses
  else if (normalized === 'active') colorClass = 'bg-[#1a3a2a] text-[#34d399] border-[#34d399]/20';
  else if (normalized === 'idle') colorClass = 'bg-[#1e3a5f] text-[#60a5fa] border-[#60a5fa]/20';
  else if (normalized === 'in trip') colorClass = 'bg-[#2d2a1a] text-[#fbbf24] border-[#fbbf24]/20';
  else if (normalized === 'maintenance') colorClass = 'bg-[#3a1a1a] text-[#f87171] border-[#f87171]/20';
  // Expense/Advance statuses
  else if (normalized === 'approved' || normalized === 'settled') colorClass = 'bg-[#1a3a2a] text-[#34d399] border-[#34d399]/20';
  else if (normalized === 'pending') colorClass = 'bg-[#2d2a1a] text-[#fbbf24] border-[#fbbf24]/20';
  else if (normalized === 'rejected') colorClass = 'bg-[#3a1a1a] text-[#f87171] border-[#f87171]/20';

  return (
    <span className={cn("px-2.5 py-1 rounded-full text-xs font-medium border capitalize whitespace-nowrap", colorClass)}>
      {normalized}
    </span>
  );
}