nirvana-ios/nirvana-ios/Views/Contacts/FindFriendsView.swift

//
//  FindFriendsView.swift
//  nirvana-ios
//
//  Created by Arjun Patel on 12/20/21.
//

import SwiftUI
import Contacts
import NavigationStack

struct FindFriendsView: View {
    @EnvironmentObject var navigationStack : NavigationStack
    @EnvironmentObject var authSessionStore: AuthSessionStore
    
    @StateObject var contactsVM = ContactsViewModel()
    
    @State private var searchQuery: String = ""
    
    var body: some View {
        ZStack {
            WavesGlassBackgroundView()
            
            // programmatic back button
            ZStack(alignment: .topLeading) {
                Color.clear
                
                Button {
                    self.navigationStack.pop()
                } label: {
                    Label("back", systemImage:"chevron.left")
                        .labelStyle(.iconOnly)
                        .font(.title2)
                        .foregroundColor(NirvanaColor.teal)
                }
                .padding()
            }
            
            // main content
            VStack {
                // header logo area
                LogoHeaderView()
                
                // action text
                VStack(alignment: .leading) {
                    Text("Let's add some friends.")
                        .font(.title)
                        .fontWeight(.medium)
                        .foregroundColor(NirvanaColor.teal)
                        .multilineTextAlignment(.center)
                    
                    Text("You must have someone in your phone contacts to add them. You can only add 10 people to your circle! 🥬")
                        .font(.subheadline)
                        .foregroundColor(NirvanaColor.teal)
                }
                
                List {
                    ForEach(searchItems, id: \.self) { key in
                        if let currContact = self.contactsVM.contacts[key] { // getting contact's info
                            ListContactRow(contactsVM: self.contactsVM, contact: currContact)
                        }
                    }
                }
                .searchable(text: self.$searchQuery)
            }
        }
        .onAppear {
            self.contactsVM.fetchContacts()
        }
    }
    
    var searchItems: [String] {
        let keys = (Array(self.contactsVM.contacts.keys) as [String]).sorted()
        
        // checking if currcontact is already a friend
        let currFriends = self.authSessionStore.friendsArr.map { $0.id }
        let newPotentialFriends = keys.filter {
            if let friend = self.contactsVM.contacts[$0]?.user { // seeing if this contact is an existing user
                if currFriends.contains(friend.id) { // if this is already a friend
                    return false
                }
                
                // goes here if is an existing contact and not a friend
            }
            
            return true
        }
        
        if self.searchQuery.isEmpty  {
            return newPotentialFriends
        } else {
            return newPotentialFriends.filter { $0.contains(self.searchQuery) }
        }
    }
    
    
}

struct FindFriendsView_Previews: PreviewProvider {
    static var previews: some View {
        FindFriendsView().environmentObject(AuthSessionStore(isPreview: true))
    }
}

// TODO: just encapsulate in main sheet view so that the dismiss works nicely
struct ListContactRow: View {
    @EnvironmentObject var navigationStack : NavigationStack
    @EnvironmentObject var authSessionStore: AuthSessionStore
    
    @ObservedObject var contactsVM: ContactsViewModel
    var contact:ContactsViewModelContact
    
    @State var showAlert = false
    @State var alertText = "🌱Confirm Arjun into Your Circle?"
    @State var alertMessage = "Note: You can have a maximium of 12 people in your circle!"
    
    var body: some View {
        if contact.isExisting { // add to circle
            // TODO: check if this contact is already in user's circle
            HStack(alignment: .center, spacing: 0) {
                Image(contact.user?.avatar ?? Avatars.avatarSystemNames[1])
                    .resizable()
                    .scaledToFit()
                    .clipShape(Circle())
                    .frame(width: 40, height: 40)
                    .padding(.trailing, 10)
                        
                Text(contact.cnName)
                    .font(.headline)
                
                Spacer()
                
                Button {
                    print("showing alert now")
                    // TODO: show alert if circle is full
                    self.showAlert.toggle()
                    
                } label: {
                    Label("Add", systemImage: "plus.circle")
                        .font(.title3)
                        .foregroundColor(NirvanaColor.solidTeal)
                }
            }
            .alert(isPresented: self.$showAlert) {
                Alert(
                    title: Text(self.alertText),
                    message: Text(self.alertMessage),
                    primaryButton: .default(Text("Cancel")),
                    secondaryButton: .default(Text("Confirm")) {
                        print("adding contact to circle")
                        // call method in vm to get it done, then navigate to the circle
                        self.contactsVM.addOrActivateFriendToCircle(userId: self.authSessionStore.user!.id!, friendId: (contact.user!.id)!) {res in
                            print(res)
                            
                            switch res {
                            case .error(let err):
                                print(err)
                            case .success(let str):
                                print(str)
                            }
                        }
                        
                        self.navigationStack.push(InnerCircleView())
                    }
                )
            }
        }
        else { // invite button to text the person
            HStack(alignment: .center, spacing: 0) {
                Image(Avatars.avatarSystemNames[1])
                    .resizable()
                    .scaledToFit()
                    .clipShape(Circle())
                    .frame(width: 40, height: 40)
                    .blur(radius: 8)
                    .padding(.trailing, 10)
                
                Text(contact.cnName)
                    .font(.headline)
                
                Spacer()
                
                Button {
                    print("inviting user now")
                    // text message to him/her
                    
                    if contact.cnPhoneNumber != nil {
                        let sms: String = "sms://\(contact.cnPhoneNumber)&body=Join me on Nirvana! I sent you a message there! https://usenirvana.com"
                        let strUrl: String = sms.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed)!
                        
                        UIApplication.shared.open(URL(string: strUrl)!, options: [:], completionHandler: nil)
                    } else {
                        print("phone number is nil of contact")
                    }
                } label: {
                    Label("Invite", systemImage: "paperplane")
                        .font(.title3)
                        .foregroundColor(Color.orange)
                }
            }
        }
    }
}