//
//  SmartBannerHelpSheet.swift
//  modules
//
//  Created by Lukáš Korba on 04-03-2025.
//

import SwiftUI
import ComposableArchitecture
import Generated
import UIComponents

extension SmartBannerView {
    @ViewBuilder func helpSheetContent() -> some View {
        WithPerceptionTracking {
            switch store.priorityContent {
            case .priority1: disconnectedHelpContent()
            case .priority2: syncingErrorHelpContent()
            case .priority3: restoringHelpContent()
            case .priority4: syncingHelpContent()
            case .priority5: updatingBalanceHelpContent()
            case .priority6: walletBackupHelpContent()
            case .priority7: shieldingHelpContent()
            case .priority9: autoShieldingHelpContent()
            default: EmptyView()
            }
        }
    }
    
    @ViewBuilder func disconnectedHelpContent() -> some View {
        VStack(alignment: .leading, spacing: 0) {
            Asset.Assets.Icons.wifiOff.image
                .zImage(size: 20, color: Design.Text.primary.color(colorScheme))
                .padding(10)
                .background {
                    Circle()
                        .fill(Design.Surfaces.bgTertiary.color(colorScheme))
                        .frame(width: 40, height: 40)
                }
                .padding(.top, 32)
                .padding(.bottom, 12)

            Text(L10n.SmartBanner.Help.Diconnected.title)
                .zFont(.semiBold, size: 20, style: Design.Text.primary)
                .padding(.bottom, 4)
                .fixedSize(horizontal: false, vertical: true)

            Text(L10n.SmartBanner.Help.Diconnected.info)
                .zFont(size: 16, style: Design.Text.tertiary)
                .padding(.bottom, 32)
                .fixedSize(horizontal: false, vertical: true)
            
            ZashiButton(L10n.General.ok.uppercased()) {
                store.send(.closeSheetTapped)
            }
            .padding(.bottom, 32)
        }
    }

    @ViewBuilder func syncingErrorHelpContent() -> some View {
        VStack(alignment: .leading, spacing: 0) {
            Text(L10n.SmartBanner.Help.SyncError.title)
                .zFont(.semiBold, size: 20, style: Design.Text.primary)
                .padding(.top, 32)
                .padding(.bottom, 12)

            Text(store.lastKnownErrorMessage)
                .zFont(size: 16, style: Design.Text.tertiary)
                .padding(.bottom, 32)
                .fixedSize(horizontal: false, vertical: true)

            ZashiButton(
                L10n.Send.report,
                type: .ghost
            ) {
                store.send(.reportTapped)
            }
            .padding(.bottom, 12)

            ZashiButton(L10n.General.ok.uppercased()) {
                store.send(.closeSheetTapped)
            }
            .padding(.bottom, 32)
        }
    }
    
    @ViewBuilder func restoringHelpContent() -> some View {
        VStack(alignment: .leading, spacing: 0) {
            Text(L10n.SmartBanner.Help.Restore.title)
                .zFont(.semiBold, size: 20, style: Design.Text.primary)
                .padding(.top, 32)
                .padding(.bottom, 12)
                .fixedSize(horizontal: false, vertical: true)

            Text(L10n.SmartBanner.Help.Restore.info)
                .zFont(size: 16, style: Design.Text.tertiary)
                .padding(.bottom, 12)
                .fixedSize(horizontal: false, vertical: true)
            
            bulletpoint(L10n.SmartBanner.Help.Restore.point1)
            bulletpoint(L10n.SmartBanner.Help.Restore.point2)
                .padding(.bottom, 32)

            if !store.areFundsSpendable {
                note(L10n.SmartBanner.Help.Restore.warning)
                    .padding(.bottom, 24)
            }

            ZashiButton(L10n.General.ok.uppercased()) {
                store.send(.closeSheetTapped)
            }
            .padding(.bottom, 32)
        }
    }

    @ViewBuilder func syncingHelpContent() -> some View {
        VStack(alignment: .leading, spacing: 0) {
            Text(L10n.SmartBanner.Help.Sync.title)
                .zFont(.semiBold, size: 20, style: Design.Text.primary)
                .padding(.top, 32)
                .padding(.bottom, 12)
                .fixedSize(horizontal: false, vertical: true)

            Text(L10n.SmartBanner.Help.Sync.info)
                .zFont(size: 16, style: Design.Text.tertiary)
                .padding(.bottom, 32)
                .fixedSize(horizontal: false, vertical: true)
            
            ZashiButton(L10n.General.ok.uppercased()) {
                store.send(.closeSheetTapped)
            }
            .padding(.bottom, 32)
        }
    }

    @ViewBuilder func updatingBalanceHelpContent() -> some View {
        VStack(alignment: .leading, spacing: 0) {
            Asset.Assets.Icons.loading.image
                .zImage(size: 20, color: Design.Text.primary.color(colorScheme))
                .padding(10)
                .background {
                    Circle()
                        .fill(Design.Surfaces.bgTertiary.color(colorScheme))
                        .frame(width: 40, height: 40)
                }
                .padding(.top, 32)
                .padding(.bottom, 12)

            Text(L10n.SmartBanner.Help.UpdatingBalance.title)
                .zFont(.semiBold, size: 20, style: Design.Text.primary)
                .padding(.bottom, 4)
                .fixedSize(horizontal: false, vertical: true)

            Text(L10n.SmartBanner.Help.UpdatingBalance.info)
                .zFont(size: 16, style: Design.Text.tertiary)
                .padding(.bottom, 32)
                .fixedSize(horizontal: false, vertical: true)
            
            ZashiButton(L10n.General.ok.uppercased()) {
                store.send(.closeSheetTapped)
            }
            .padding(.bottom, 32)
        }
    }

    @ViewBuilder func walletBackupHelpContent() -> some View {
        VStack(alignment: .leading, spacing: 0) {
            Asset.Assets.Icons.alertTriangle.image
                .zImage(size: 20, color: Design.Text.primary.color(colorScheme))
                .padding(10)
                .background {
                    Circle()
                        .fill(Design.Surfaces.bgTertiary.color(colorScheme))
                        .frame(width: 40, height: 40)
                }
                .padding(.top, 32)
                .padding(.bottom, 12)

            Text(L10n.SmartBanner.Help.Backup.title)
                .zFont(.semiBold, size: 20, style: Design.Text.primary)
                .padding(.bottom, 4)
                .fixedSize(horizontal: false, vertical: true)

            Text(L10n.SmartBanner.Help.Backup.info1)
                .zFont(size: 16, style: Design.Text.tertiary)
                .padding(.bottom, 12)
                .fixedSize(horizontal: false, vertical: true)

            Text(L10n.SmartBanner.Help.Backup.info2)
                .zFont(size: 16, style: Design.Text.tertiary)
                .padding(.bottom, 12)
                .fixedSize(horizontal: false, vertical: true)

            bulletpoint(L10n.SmartBanner.Help.Backup.point1)
            bulletpoint(L10n.SmartBanner.Help.Backup.point2)
                .padding(.bottom, 12)

            Text(L10n.SmartBanner.Help.Backup.info3)
                .zFont(size: 16, style: Design.Text.tertiary)
                .padding(.bottom, 24)
                .fixedSize(horizontal: false, vertical: true)

            Text(L10n.SmartBanner.Help.Backup.info4)
                .zFont(size: 16, style: Design.Text.tertiary)
                .padding(.bottom, 32)
                .fixedSize(horizontal: false, vertical: true)

            if !store.isWalletBackupAcknowledgedAtKeychain {
                ZashiToggle(
                    isOn: $store.isWalletBackupAcknowledged,
                    label: L10n.SmartBanner.Help.Backup.acknowledge
                )
                .padding(.bottom, 24)
                .fixedSize(horizontal: false, vertical: true)
            }

            ZashiButton(
                store.remindMeWalletBackupText,
                type: .ghost
            ) {
                store.send(.remindMeLaterTapped(.priority6))
            }
            .padding(.bottom, 12)
            .disabled(!store.isWalletBackupAcknowledged)

            ZashiButton(L10n.SmartBanner.Content.Backup.button) {
                store.send(.walletBackupTapped)
            }
            .padding(.bottom, 32)
        }
    }

    @ViewBuilder func shieldingHelpContent() -> some View {
        VStack(alignment: .leading, spacing: 0) {
            Asset.Assets.shieldTick.image
                .zImage(size: 20, color: Design.Text.primary.color(colorScheme))
                .padding(10)
                .background {
                    Circle()
                        .fill(Design.Surfaces.bgTertiary.color(colorScheme))
                        .frame(width: 40, height: 40)
                }
                .padding(.top, 32)
                .padding(.bottom, 12)

            Text(L10n.SmartBanner.Help.Shield.title)
                .zFont(.semiBold, size: 20, style: Design.Text.primary)
                .padding(.bottom, 4)
                .fixedSize(horizontal: false, vertical: true)

            Text(L10n.SmartBanner.Help.Shield.info1)
                .zFont(size: 16, style: Design.Text.tertiary)
                .padding(.bottom, 12)
                .fixedSize(horizontal: false, vertical: true)

            Text(L10n.SmartBanner.Help.Shield.info2("\(L10n.General.feeShort(store.feeStr)) \(tokenName)"))
                .zFont(size: 16, style: Design.Text.tertiary)
                .padding(.bottom, 32)
                .fixedSize(horizontal: false, vertical: true)

            VStack(alignment: .leading, spacing: 0) {
                HStack(spacing: 0) {
                    Text(L10n.SmartBanner.Help.Shield.transparent)
                        .zFont(.medium, size: 16, style: Design.Text.primary)
                        .padding(.trailing, 4)
                    
                    Asset.Assets.Icons.shieldOff.image
                        .zImage(size: 16, style: Design.Text.primary)
                    
                    Spacer()
                }
                .padding(.bottom, 4)

                ZatoshiText(store.transparentBalance, .expanded, store.tokenName)
                    .zFont(.semiBold, size: 20, style: Design.Text.primary)
            }
            .frame(maxWidth: .infinity)
            .padding(.vertical, 12)
            .padding(.horizontal, 20)
            .background {
                RoundedRectangle(cornerRadius: Design.Radius._2xl)
                    .fill(Design.Surfaces.bgSecondary.color(colorScheme))
                    .background {
                        RoundedRectangle(cornerRadius: Design.Radius._2xl)
                            .stroke(Design.Surfaces.strokeSecondary.color(colorScheme))
                    }
            }
            .padding(.bottom, 24)

            
            ZashiToggle(
                isOn: $store.isShieldingAcknowledged,
                label: L10n.SmartBanner.Help.Shield.doNotShowAgain
            )
            .padding(.bottom, 24)
            .fixedSize(horizontal: false, vertical: true)

            ZashiButton(
                L10n.SmartBanner.Help.Shield.notNow,
                type: .ghost
            ) {
                store.send(.closeSheetTapped)
            }
            .padding(.bottom, 12)

            ZashiButton(L10n.SmartBanner.Content.Shield.button) {
                store.send(.shieldFundsTapped)
            }
            .disabled(store.isShielding)
            .padding(.bottom, 32)
        }
    }

    @ViewBuilder func autoShieldingHelpContent() -> some View {
        Text("autoShieldingHelpContent")
            .zFont(size: 14, style: Design.Text.primary)
            .padding(.vertical, 50)
    }
    
    @ViewBuilder private func bulletpoint(_ text: String) -> some View {
        HStack(alignment: .top) {
            Circle()
                .fill(Design.Text.tertiary.color(colorScheme))
                .frame(width: 4, height: 4)
                .padding(.top, 7)
                .padding(.leading, 8)

            Text(text)
                .zFont(size: 14, style: Design.Text.tertiary)
                .fixedSize(horizontal: false, vertical: true)
        }
        .padding(.bottom, 5)
    }
    
    @ViewBuilder private func note(_ text: String) -> some View {
        VStack {
            HStack(alignment: .top, spacing: 0) {
                Asset.Assets.infoCircle.image
                    .zImage(size: 20, style: Design.Text.tertiary)
                    .padding(.trailing, 12)
                
                Text(text)
                    .zFont(size: 12, style: Design.Text.tertiary)
                    .fixedSize(horizontal: false, vertical: true)
            }
        }
        .frame(maxWidth: .infinity)
    }
}