import { HeaderActions } from '@/components/layout/HeaderActions';
import { PublicNav } from '@/components/layout/PublicNav';
import { useCurrentSession } from '@/hooks/auth/useCurrentSession';
import { routes } from '@/lib/routing/RouteConfig';
import { Box } from '@/ui/Box';
import { BrandMark } from '@/ui/BrandMark';
import { Stack } from '@/ui/Stack';
import { Text } from '@/ui/Text';
import { usePathname } from 'next/navigation';
import { ViewData } from '@/lib/contracts/view-data/ViewData';

export interface HeaderContentViewData extends ViewData {}

export function HeaderContentTemplate(_props: HeaderContentViewData) {
  const pathname = usePathname();
  const { data: session } = useCurrentSession();
  const isAuthenticated = !!session;
  const homeHref = isAuthenticated ? routes.protected.dashboard : routes.public.home;

  return (
    <Box display="flex" alignItems="center" justifyContent="between" width="full" h="full" px={6}>
      {/* Left: Context */}
      <Stack direction="row" align="center" gap={4} h="full">
        <BrandMark href={homeHref} priority />
        
        {isAuthenticated && (
          <Box 
            display="flex" 
            alignItems="center" 
            gap={3} 
            paddingLeft={4} 
            borderLeft={true} 
            h="24px"
            style={{ borderLeftColor: 'var(--ui-color-border-muted)' }}
          >
             <Text size="xs" weight="medium" variant="low" font="mono" uppercase>
               Workspace
             </Text>
          </Box>
        )}
      </Stack>

      {/* Center: Navigation (if public) */}
      {!isAuthenticated && (
        <Box display={{ base: 'none', md: 'flex' }} data-testid="public-top-nav">
          <PublicNav pathname={pathname} direction="row" />
        </Box>
      )}
      
      {/* Right: Session Controls */}
      <Box display="flex" alignItems="center" gap={4}>
        <Box display={{ base: 'none', sm: 'flex' }} alignItems="center" gap={2}>
          <Box w="6px" h="6px" rounded="full" bg="var(--ui-color-intent-success)" />
          <Text size="xs" variant="low" weight="bold" font="mono" letterSpacing="0.1em">
            LIVE
          </Text>
        </Box>
        <HeaderActions isAuthenticated={isAuthenticated} />
      </Box>
    </Box>
  );
}