import type { TeamDetailPageDto } from '@/lib/page-queries/page-queries/TeamDetailPageQuery';
import type { TeamDetailViewData, TeamDetailData, TeamMemberData, SponsorMetric, TeamTab } from '@/lib/view-data/TeamDetailViewData';
import { Users, Zap, Calendar } from 'lucide-react';

/**
 * TeamDetailPresenter - Client-side presenter for team detail page
 * Transforms PageQuery DTO into ViewData for the template
 * Deterministic; no hooks; no side effects
 */
export class TeamDetailPresenter {
  static createViewData(pageDto: TeamDetailPageDto): TeamDetailViewData {
    const team: TeamDetailData = {
      id: pageDto.team.id,
      name: pageDto.team.name,
      tag: pageDto.team.tag,
      description: pageDto.team.description,
      ownerId: pageDto.team.ownerId,
      leagues: pageDto.team.leagues,
      createdAt: pageDto.team.createdAt,
      specialization: pageDto.team.specialization,
      region: pageDto.team.region,
      languages: pageDto.team.languages,
      category: pageDto.team.category,
      membership: pageDto.team.membership,
      canManage: pageDto.team.canManage,
    };

    const memberships: TeamMemberData[] = pageDto.memberships.map(membership => ({
      driverId: membership.driverId,
      driverName: membership.driverName,
      role: membership.role,
      joinedAt: membership.joinedAt,
      isActive: membership.isActive,
      avatarUrl: membership.avatarUrl,
    }));

    // Calculate isAdmin based on current driver's role
    const currentDriverMembership = memberships.find(m => m.driverId === pageDto.currentDriverId);
    const isAdmin = currentDriverMembership?.role === 'owner' || currentDriverMembership?.role === 'manager';

    // Build sponsor metrics
    const leagueCount = team.leagues?.length ?? 0;
    const teamMetrics: SponsorMetric[] = [
      {
        icon: Users,
        label: 'Members',
        value: memberships.length,
        color: 'text-primary-blue',
      },
      {
        icon: Zap,
        label: 'Est. Reach',
        value: memberships.length * 15,
        color: 'text-purple-400',
      },
      {
        icon: Calendar,
        label: 'Races',
        value: leagueCount,
        color: 'text-neon-aqua',
      },
      {
        icon: Users,
        label: 'Engagement',
        value: '82%',
        color: 'text-performance-green',
      },
    ];

    // Build tabs
    const tabs: TeamTab[] = [
      { id: 'overview', label: 'Overview', visible: true },
      { id: 'roster', label: 'Roster', visible: true },
      { id: 'standings', label: 'Standings', visible: true },
      { id: 'admin', label: 'Admin', visible: isAdmin },
    ];

    return {
      team,
      memberships,
      currentDriverId: pageDto.currentDriverId,
      isAdmin,
      teamMetrics,
      tabs,
    };
  }
}