//
//  StatisticsView.swift
//  YggdrasilSwiftUI
//
//  Created by Neil on 10/02/2023.
//

import SwiftUI

struct PeersView: View {
    @ObservedObject private var appDelegate = Application.appDelegate
#if os(iOS)
    @Environment(\.editMode) var editMode
#endif
    
    var body: some View {
        Form {
            Section(content: {
                ForEach(Array(appDelegate.yggdrasilConfig.peers.enumerated()), id: \.offset) { index, peer in
                    HStack() {
                        TextField("tls://host:port", text: $appDelegate.yggdrasilConfig.peers[index])
                            .labelsHidden()
#if os(iOS)
                            .disabled(!editMode!.wrappedValue.isEditing)
#endif
#if os(macOS)
                        Spacer()
                        Button(role: .destructive) {
                            appDelegate.yggdrasilConfig.peers.remove(at: index)
                        } label: {
                            Image(systemName: "xmark.circle.fill")
                        }
                        .buttonStyle(.plain)
#endif
                    }
                }
                .onMove { indexSet, offset in
                    appDelegate.yggdrasilConfig.peers.move(fromOffsets: indexSet, toOffset: offset)
                }
                .onDelete { indexSet in
                    appDelegate.yggdrasilConfig.peers.remove(atOffsets: indexSet)
                }
                
#if os(macOS)
                Button {
                    appDelegate.yggdrasilConfig.peers.append("")
                } label: {
                    Label("Add peer", systemImage: "plus")
                }
                .buttonStyle(.plain)
                .foregroundColor(.accentColor)
#endif
                
                Text("Yggdrasil will automatically attempt to connect to configured peers when started. If you configure more than one peer, your device may carry traffic on behalf of other network nodes. Avoid this by configuring only a single peer. Data charges may apply when using mobile data.")
                    .font(.system(size: 11))
                    .foregroundColor(.gray)
            }, header: {
                Text("Configured peers")
            })
            
            Section(content: {
                Toggle(isOn: $appDelegate.yggdrasilConfig.multicastBeacons) {
                    VStack(alignment: .leading) {
                        Text("Discoverable over multicast")
                        Text("Make your device discoverable to other Yggdrasil nodes on the same Wi-Fi network.")
                            .font(.system(size: 11))
                            .foregroundColor(.gray)
                    }
                }
                Toggle(isOn: $appDelegate.yggdrasilConfig.multicastListen) {
                    VStack(alignment: .leading) {
                        Text("Search for multicast peers")
                        Text("Automatically connect to discoverable Yggdrasil nodes on the same Wi-Fi network.")
                            .font(.system(size: 11))
                            .foregroundColor(.gray)
                    }
                }
                VStack {
                    HStack {
                        Text("Multicast password")
                        TextField("None", text: $appDelegate.yggdrasilConfig.multicastPassword)
                            .labelsHidden()
                            .multilineTextAlignment(.trailing)
                    }
                    Text("If provided, this device will only automatically peer with other nodes that share the same password.")
                        .font(.system(size: 11))
                        .foregroundColor(.gray)
                        .frame(maxWidth: .infinity, alignment: .leading)
                }
            }, header: {
                Text("Local connectivity")
            })
        }
        .formStyle(.grouped)
        .navigationTitle("Peers")
#if os(iOS)
        .toolbar {
            if editMode!.wrappedValue.isEditing {
                Button("Add", systemImage: "plus") {
                    appDelegate.yggdrasilConfig.peers.append("")
                }
            }
            EditButton()
                .onChange(of: editMode!.wrappedValue) { edit in
                    if !edit.isEditing {
                        try? appDelegate.yggdrasilConfig.save(to: &appDelegate.vpnManager)
                    }
                }
        }
        .navigationBarTitleDisplayMode(.large)
#endif
    }
}

struct PeersView_Previews: PreviewProvider {
    static var previews: some View {
        PeersView()
    }
}