import SwiftUI

struct FrontPageView: View {
    @State private var viewModel = FrontPageViewModel()

    var body: some View {
        HStack(spacing: 0) {
            SidebarView(viewModel: viewModel)

            mainContent
                .frame(maxWidth: .infinity, maxHeight: .infinity)
        }
        .frame(minWidth: 900, minHeight: 700)
        .background(AppTheme.background)
    }

    @ViewBuilder
    private var mainContent: some View {
        ZStack {
            RedditWebView(
                url: viewModel.redditURL,
                reloadTrigger: viewModel.redditReloadTrigger
            )
            .id("reddit-webview")
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .allowsHitTesting(viewModel.isRedditActive)
            .accessibilityHidden(!viewModel.isRedditActive)

            if !viewModel.isRedditActive, let item = viewModel.selectedNavItem {
                ToolPlaceholderView(item: item)
            }
        }
        .background(AppTheme.background)
    }
}

private struct ToolPlaceholderView: View {
    let item: SidebarNavItem

    var body: some View {
        VStack(spacing: 12) {
            ModernSidebarIconView(kind: item.iconKind, size: 56)

            Text(item.title)
                .font(.system(size: 20, weight: .semibold))
                .foregroundStyle(AppTheme.textPrimary)

            Text(item.subtitle)
                .font(.system(size: 13))
                .foregroundStyle(AppTheme.textSecondary)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(AppTheme.background)
    }
}

#Preview {
    FrontPageView()
        .frame(width: 1200, height: 900)
}