import APIClient
import Clerk
import ClerkClient
import ComposableArchitecture
import Foundation
import Localization
import SwiftUI

@Reducer
public struct PhoneSignIn {
    @ObservableState
    public struct State: Equatable {
        @Presents public var alert: AlertState<Action.Alert>?

        public var isWorking = false
        public var isFocused = true

        public var value: String = ""

        public init() {}
    }

    public enum Action: BindableAction {
        public enum Internal {
            case sendVerificationCodeResponse(Result<Void, Error>)
        }

        @CasePathable
        @dynamicMemberLookup
        public enum Delegate {
            case onAppear
            case phoneCodeSent(phoneNumber: String)
            case cancelTapped
        }

        @CasePathable
        public enum Alert: Equatable {
            case dismiss
        }

        case onAppear
        case confirmTapped
        case setFocus(Bool)

        case binding(BindingAction<State>)
        case `internal`(Internal)
        case delegate(Delegate)
        case alert(PresentationAction<Alert>)
    }

    public init() {}

    @Dependency(APIClient.self) var apiClient
    @Dependency(ClerkClient.self) var clerk

    public var body: some ReducerOf<Self> {
        BindingReducer()

        Reduce { state, action in
            switch action {
            case .onAppear:
                return .send(.delegate(.onAppear))

            case .confirmTapped:
                state.isWorking = true
                return .run { [phone = state.value] send in
                    do {
                        try await clerk.signInWithPhone(phone)
                        await send(.internal(.sendVerificationCodeResponse(.success(()))))
                    } catch {
                        await send(.internal(.sendVerificationCodeResponse(.failure(error))))
                    }
                }

            case .setFocus(let value):
                state.isFocused = value
                return .none

            case .internal(.sendVerificationCodeResponse(let result)):
                state.isWorking = false

                switch result {
                case .success:
                    return .send(.delegate(.phoneCodeSent(phoneNumber: state.value)))

                case .failure(let error):
                    state.alert = .init(
                        title: { TextState(L10n.FeatureSocial.errorTitle) },
                        actions: {
                            ButtonState { TextState(L10n.FeatureSocial.errorButton) }
                        },
                        message: { TextState(error.underlyingError) }
                    )
                    return .none
                }

            case .alert(.dismiss), .alert(.presented(.dismiss)):
                state.alert = nil
                return .none

            case .binding:
                // catch-all
                return .none

            case .delegate:
                // Handled upstream
                return .none
            }
        }
        .ifLet(\.$alert, action: \.alert)

        Analytics()
    }
}

public struct PhoneSignInScreen: View {
    @Bindable var store: StoreOf<PhoneSignIn>
    @FocusState private var focusedState: Bool

    public init(store: StoreOf<PhoneSignIn>) {
        self.store = store
    }

    public var body: some View {
        PhoneEntryView(
            title: L10n.FeatureSocial.phoneEntrySignInNavigationTitle,
            isWorking: store.isWorking,
            confirmTapped: { store.send(.confirmTapped) },
            value: $store.value,
            focused: $store.isFocused.sending(\.setFocus)
        )
        .customBackButton(background: Material.ultraThin) {
            store.send(.delegate(.cancelTapped))
        }
        .alert($store.scope(state: \.alert, action: \.alert))
        .onAppear { store.send(.onAppear) }
    }
}