import SwiftUI

struct ContactsScreen: View {
    @EnvironmentObject var wrapper: MonalXmppWrapper
    @Environment(\.router) var router

    var body: some View {
        ZStack {
            // Background color
            Color.Material.Background.light
                .ignoresSafeArea()

            // Content
            VStack(spacing: 0) {
                // Header
                SharedNavigationBar(
                    centerText: .init(text: L10n.Contacts.title),
                    rightButton: .init(
                        image: Image(systemName: "plus"),
                        action: {
                            router.showScreen(.fullScreenCover) { _ in
                                AddContactOrChannelScreen()
                            }
                        }
                    )
                )

                // Contacts list
                if !wrapper.contacts.isEmpty {
                    List {
                        ForEach(wrapper.contacts) {
                            ContactsScreenRow(contact: $0)
                        }
                    }
                    .listStyle(.plain)
                    .background(Color.Material.Background.light)
                } else {
                    Spacer()
                }
            }
        }
    }
}

private struct ContactsScreenRow: View {
    @EnvironmentObject var wrapper: MonalXmppWrapper
    @Environment(\.router) var router

    var contact: Contact

    var body: some View {
        SharedListRow(
            iconType: .charCircle(contact.name?.firstLetter ?? contact.contactJid.firstLetter),
            text: contact.contactJid,
            controlType: .none
        )
        .onTapGesture {
            startChat()
        }
        .swipeActions(edge: .trailing, allowsFullSwipe: false) {
            Button {
                router.showAlert(.confirmationDialog, title: L10n.Contacts.deleteContact, subtitle: L10n.Contacts.Delete.message) {
                    deleteConfirmation
                }
            } label: {
                Label("", systemImage: "trash")
            }
            .tint(Color.red)
        }
        .contextMenu {
            Button(L10n.Contacts.sendMessage, systemImage: "message") {
                startChat()
            }
            Divider()

            Button(L10n.Contacts.editContact) {
                print("Edit contact")
            }

            Button(L10n.Contacts.selectContact) {
                print("Select contact")
            }

            Divider()
            Button(L10n.Contacts.deleteContact, systemImage: "trash", role: .destructive) {
                router.showAlert(.confirmationDialog, title: L10n.Contacts.deleteContact, subtitle: L10n.Contacts.Delete.message) {
                    deleteConfirmation
                }
            }
        }
    }

    @ViewBuilder private var deleteConfirmation: some View {
        Button(role: .destructive) {
            Task {
                await deleteFromDevice()
            }
        } label: {
            Text(L10n.Contacts.Delete.deleteFromDevice)
        }

        Button(role: .destructive) {
            Task {
                await deleteCompletely()
            }
        } label: {
            Text(L10n.Contacts.Delete.deleteCompletely)
        }

        Button(role: .cancel) {} label: {
            Text(L10n.Global.cancel)
        }
    }

    private func deleteFromDevice() async {
        router.showModal {
            LoadingScreen()
        }

        defer {
            router.dismissModal()
        }

        // var roster = roster
        // try? await roster.setLocallyDeleted(true)
    }

    private func deleteCompletely() async {
        router.showModal {
            LoadingScreen()
        }

        defer {
            router.dismissModal()
        }

        do {
            // try await clientsStore.deleteRoster(roster)
        } catch {
            router.showAlert(
                .alert,
                title: L10n.Global.Error.title,
                subtitle: L10n.Contacts.Delete.error
            ) {
                Button(L10n.Global.ok, role: .cancel) {}
            }
        }
    }

    private func startChat() {
        Task {
            router.showModal {
                LoadingScreen()
            }
            defer {
                router.dismissModal()
            }

            do {
                // let (messages, attachments, settings) = try await clientsStore.conversationStores(for: roster)
                // router.showScreen(.push) { _ in
                //     ConversationScreen(messagesStore: messages, attachments: attachments, settings: settings)
                //         .navigationBarHidden(true)
                // }
            } catch {
                router.showAlert(
                    .alert,
                    title: L10n.Global.Error.title,
                    subtitle: L10n.Conversation.startError
                ) {
                    Button(L10n.Global.ok, role: .cancel) {}
                }
            }
        }
    }
}