import { useTheme } from '@tamagui/core';

export const ADMIN_COLORS = {
  primary: '#FF5C5C',
  primaryStrong: '#E63B57',
  accent: '#3D5AFE',
  accentSoft: '#E8ECFF',
  accentWarm: '#FFE3D6',
  warning: '#FBBF24',
  success: '#22C55E',
  danger: '#EF4444',
  text: '#0B132B',
  textMuted: '#54606E',
  textSubtle: '#8C99A8',
  border: '#F3D6C9',
  surface: '#FFFFFF',
  surfaceMuted: '#FFF6F0',
  backdrop: '#0B132B',
};

export const ADMIN_ACTION_COLORS = {
  settings: '#00C2A8',
  tasks: '#FFC857',
  qr: '#3D5AFE',
  images: '#FF7AB6',
  liveShow: '#FF6D00',
  liveShowSettings: '#00B0FF',
  guests: '#22C55E',
  guestMessages: '#FF8A00',
  branding: '#00B4D8',
  photobooth: '#FF3D71',
  recap: '#94A3B8',
  packages: ADMIN_COLORS.primary,
  analytics: '#22C55E',
  invites: '#3D5AFE',
};

export const ADMIN_GRADIENTS = {
  primaryCta: `linear-gradient(135deg, ${ADMIN_COLORS.primary}, #FF9A5C, ${ADMIN_COLORS.accent})`,
  softCard: 'linear-gradient(145deg, rgba(255,255,255,0.98), rgba(255,245,238,0.92))',
  loginBackground: 'linear-gradient(135deg, #0b132b, #162040, #0b132b)',
  appBackground:
    'radial-gradient(circle at 15% 0%, rgba(255, 92, 92, 0.22), transparent 50%), radial-gradient(circle at 85% 10%, rgba(61, 90, 254, 0.2), transparent 55%), linear-gradient(180deg, #fff4ee 0%, #ffefe4 100%)',
  appBackgroundDark:
    'radial-gradient(circle at 15% 0%, rgba(255, 92, 92, 0.18), transparent 55%), radial-gradient(circle at 85% 10%, rgba(61, 90, 254, 0.18), transparent 55%), linear-gradient(180deg, #0b132b 0%, #0e1a33 100%)',
};

export const ADMIN_MOTION = {
  tileStaggerMs: 40,
};

type Rgb = { r: number; g: number; b: number };

function parseRgb(color: string): Rgb | null {
  const trimmed = color.trim();
  if (trimmed.startsWith('#')) {
    const hex = trimmed.slice(1);
    const normalized = hex.length === 3 ? hex.split('').map((ch) => ch + ch).join('') : hex;
    if (normalized.length === 6) {
      return {
        r: Number.parseInt(normalized.slice(0, 2), 16),
        g: Number.parseInt(normalized.slice(2, 4), 16),
        b: Number.parseInt(normalized.slice(4, 6), 16),
      };
    }
  }

  const rgb = trimmed.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/i);
  if (rgb) {
    return { r: Number(rgb[1]), g: Number(rgb[2]), b: Number(rgb[3]) };
  }

  const rgba = trimmed.match(/^rgba\((\d+),\s*(\d+),\s*(\d+),\s*([0-9.]+)\)$/i);
  if (rgba) {
    return { r: Number(rgba[1]), g: Number(rgba[2]), b: Number(rgba[3]) };
  }

  return null;
}

function withAlpha(color: string, alpha: number): string {
  const rgb = parseRgb(color);
  if (! rgb) {
    return color;
  }

  return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})`;
}

function isDarkColor(color: string): boolean {
  const rgb = parseRgb(color);
  if (! rgb) {
    return false;
  }

  const luminance = (0.2126 * rgb.r + 0.7152 * rgb.g + 0.0722 * rgb.b) / 255;
  return luminance < 0.5;
}

export function useAdminTheme() {
  const theme = useTheme();
  const background = String(theme.background?.val ?? '#FFF8F5');
  const surface = String(theme.surface?.val ?? ADMIN_COLORS.surface);
  const border = String(theme.borderColor?.val ?? ADMIN_COLORS.border);
  const isDark = isDarkColor(background);
  const glassSurface = withAlpha(surface, isDark ? 0.96 : 0.98);
  const glassSurfaceStrong = withAlpha(surface, isDark ? 1 : 1);
  const glassBorder = withAlpha(border, isDark ? 0.85 : 0.95);
  const glassShadow = isDark ? 'rgba(0, 0, 0, 0.55)' : 'rgba(11, 19, 43, 0.18)';
  const appBackground = isDark ? ADMIN_GRADIENTS.appBackgroundDark : ADMIN_GRADIENTS.appBackground;

  return {
    theme,
    background,
    surface,
    surfaceMuted: String(theme.gray2?.val ?? ADMIN_COLORS.surfaceMuted),
    border,
    text: String(theme.color?.val ?? ADMIN_COLORS.text),
    textStrong: String(theme.color12?.val ?? theme.color?.val ?? ADMIN_COLORS.text),
    muted: String(theme.gray?.val ?? ADMIN_COLORS.textMuted),
    subtle: String(theme.gray8?.val ?? ADMIN_COLORS.textSubtle),
    primary: String(theme.primary?.val ?? ADMIN_COLORS.primary),
    accent: String(theme.blue6?.val ?? theme.accent?.val ?? ADMIN_COLORS.accent),
    accentSoft: String(theme.blue3?.val ?? ADMIN_COLORS.accentSoft),
    accentStrong: String(theme.blue10?.val ?? ADMIN_COLORS.primaryStrong),
    successBg: String(theme.green3?.val ?? '#DCFCE7'),
    successText: String(theme.green10?.val ?? '#166534'),
    dangerBg: String(theme.red3?.val ?? '#FEE2E2'),
    dangerText: String(theme.red11?.val ?? ADMIN_COLORS.danger),
    warningBg: String(theme.yellow3?.val ?? '#FFF7ED'),
    warningBorder: String(theme.yellow6?.val ?? '#FED7AA'),
    warningText: String(theme.yellow11?.val ?? '#92400E'),
    infoBg: String(theme.blue3?.val ?? ADMIN_COLORS.accentSoft),
    infoText: String(theme.blue10?.val ?? ADMIN_COLORS.primaryStrong),
    danger: String(theme.red10?.val ?? ADMIN_COLORS.danger),
    backdrop: String(theme.gray12?.val ?? ADMIN_COLORS.backdrop),
    overlay: withAlpha(String(theme.gray12?.val ?? ADMIN_COLORS.backdrop), 0.6),
    shadow: String(theme.shadowColor?.val ?? 'rgba(15, 23, 42, 0.12)'),
    glassSurface,
    glassSurfaceStrong,
    glassBorder,
    glassShadow,
    appBackground,
  };
}