import SwiftUI

struct ContentView: View {
    @Environment(GamesViewModel.self) private var viewModel
    @State private var selectedSection: AppSection = .today

    var body: some View {
        VStack(spacing: 0) {
            // Top navigation bar
            CategoryPillBar(
                selected: $selectedSection,
                streamCount: viewModel.activeStreams.count
            )
            .padding(.horizontal, DS.Spacing.edgeInset)
            .padding(.vertical, navPadV)
            .background(DS.Colors.background)

            // Content area
            Group {
                switch selectedSection {
                case .today:
                    DashboardView()
                case .intel:
                    LeagueCenterView()
                case .highlights:
                    FeedView()
                case .multiView:
                    MultiStreamView()
                case .settings:
                    SettingsView()
                }
            }
        }
        .background(DS.Colors.background)
        .task {
            await viewModel.loadGames()
        }
    }

    #if os(tvOS)
    private var navPadV: CGFloat { 20 }
    #else
    private var navPadV: CGFloat { 12 }
    #endif
}