iOS/Sources/Extensions/Watch/Home/WatchHomeCoordinatorView.swift

import Shared
import SwiftUI

struct WatchHomeCoordinatorView: View {
    @StateObject private var viewModel = WatchHomeCoordinatorViewModel()
    @State private var showAssist = false

    init() {
        MaterialDesignIcons.register()
    }

    var body: some View {
        navigation
            .onReceive(NotificationCenter.default.publisher(for: AssistDefaultComplication.launchNotification)) { _ in
                showAssist = true
            }
            .fullScreenCover(isPresented: $viewModel.isLoading, content: {
                loadingState
            })
            .fullScreenCover(isPresented: $showAssist, content: {
                WatchAssistView.build(
                    serverId: viewModel.watchConfig.assist.serverId,
                    pipelineId: viewModel.watchConfig.assist.pipelineId
                )
            })
            .onAppear {
                viewModel.initialRoutine()
            }
    }

    @ViewBuilder
    private var navigation: some View {
        if #available(watchOS 10, *) {
            NavigationStack {
                content
                    .toolbar {
                        ToolbarItem(placement: .topBarLeading) {
                            navReloadButton
                        }
                        if viewModel.showAssist {
                            ToolbarItem(placement: .topBarTrailing) {
                                assistButton
                                    .modify { view in
                                        if #available(watchOS 11, *) {
                                            view.handGestureShortcut(.primaryAction)
                                        } else {
                                            view
                                        }
                                    }
                            }
                        }
                    }
            }
        } else {
            NavigationView {
                content
            }
        }
    }

    private var assistButton: some View {
        Button(action: {
            showAssist = true
        }, label: {
            Image(uiImage: MaterialDesignIcons.messageProcessingOutlineIcon.image(
                ofSize: .init(width: 24, height: 24),
                color: Asset.Colors.haPrimary.color
            ))
        })
    }

    private var loadingState: some View {
        VStack {
            ProgressView()
                .progressViewStyle(.circular)
                .scaleEffect(2)
            Button(L10n.Watch.Home.CancelAndUseCache.title) {
                viewModel.loadCache()
            }
        }
    }

    @ViewBuilder
    private var content: some View {
        List {
            if viewModel.showError {
                Text(viewModel.errorMessage)
                    .font(.footnote)
                    .listRowBackground(Color.red.opacity(0.5).clipShape(RoundedRectangle(cornerRadius: 12)))
            }
            if viewModel.watchConfig.items.isEmpty {
                Text(L10n.Watch.Labels.noConfig)
                    .font(.footnote)
            } else {
                WatchHomeView(
                    watchConfig: $viewModel.watchConfig,
                    magicItemsInfo: $viewModel.magicItemsInfo,
                    showAssist: $showAssist
                ) {
                    viewModel.requestConfig()
                }
            }
            if viewModel.watchConfig.items.isEmpty || viewModel.showError {
                reloadButton
            }
        }
        .navigationTitle("")
    }

    private var navReloadButton: some View {
        Button {
            viewModel.requestConfig()
        } label: {
            Image(systemName: "arrow.circlepath")
        }
    }

    @ViewBuilder
    private var reloadButton: some View {
        // When watchOS 10 is available, reload is on toolbar
        if #unavailable(watchOS 10.0) {
            Button {
                viewModel.requestConfig()
            } label: {
                Label(L10n.reloadLabel, systemImage: "arrow.circlepath")
                    .frame(maxWidth: .infinity, alignment: .center)
                    .font(.footnote)
            }
            .listRowBackground(Color.clear)
        }
    }
}

#Preview {
    WatchHomeCoordinatorView()
}