Meshtastic-Apple/Meshtastic/Views/Settings/Channels/ChannelForm.swift

//
//  ChannelForm.swift
//  Meshtastic
//
//  Copyright(c) Garth Vander Houwen 3/17/24.
//

import SwiftUI
#if canImport(MapKit)
import MapKit
#endif

struct ChannelForm: View {

	@Binding var channelIndex: Int32
	@Binding var channelName: String
	@Binding var channelKeySize: Int
	@Binding var channelKey: String
	@Binding var channelRole: Int
	@Binding var uplink: Bool
	@Binding var downlink: Bool
	@Binding var positionPrecision: Double
	@Binding var preciseLocation: Bool
	@Binding var positionsEnabled: Bool
	@Binding var hasChanges: Bool
	@Binding var hasValidKey: Bool
	@Binding var supportedVersion: Bool

	var body: some View {

		NavigationStack {
			Form {
				Section(header: Text("channel details")) {
					HStack {
						Text("name")
						Spacer()
						TextField(
							"Channel Name",
							text: $channelName
						)
						.disableAutocorrection(true)
						.keyboardType(.alphabet)
						.foregroundColor(Color.gray)
						.onChange(of: channelName, perform: { _ in
							channelName = channelName.replacing(" ", with: "")
							let totalBytes = channelName.utf8.count
							// Only mess with the value if it is too big
							if totalBytes > 11 {
								channelName = String(channelName.dropLast())
							}
							hasChanges = true
						})
					}
					HStack {
						Picker("Key Size", selection: $channelKeySize) {
							Text("Empty").tag(0)
							Text("Default").tag(-1)
							Text("1 byte").tag(1)
							Text("128 bit").tag(16)
							Text("192 bit").tag(24)
							Text("256 bit").tag(32)
						}
						.pickerStyle(DefaultPickerStyle())
						Spacer()
						Button {
							if channelKeySize == -1 {
								channelKey = "AQ=="
							} else {
								let key = generateChannelKey(size: channelKeySize)
								channelKey = key
							}
						} label: {
							Image(systemName: "lock.rotation")
								.font(.title)
						}
						.buttonStyle(.bordered)
						.buttonBorderShape(.capsule)
						.controlSize(.small)
					}
					HStack(alignment: .center) {
						Text("Key")
						Spacer()
						TextField(
							"Key",
							text: $channelKey,
							axis: .vertical
						)
						.padding(6)
						.disableAutocorrection(true)
						.keyboardType(.alphabet)
						.foregroundColor(Color.gray)
						.textSelection(.enabled)
						.background(
							RoundedRectangle(cornerRadius: 10.0)
								.stroke(
									hasValidKey ?
									Color.clear :
										Color.red
									, lineWidth: 2.0)

						)
						.onChange(of: channelKey, perform: { _ in

							let tempKey = Data(base64Encoded: channelKey) ?? Data()
							if tempKey.count == channelKeySize || channelKeySize == -1 {
								hasValidKey = true
							} else {
								hasValidKey = false
							}
							hasChanges = true
						})
						.disabled(channelKeySize <= 0)
					}
					HStack {
						if channelRole == 1 {
							Picker("Channel Role", selection: $channelRole) {
								Text("Primary").tag(1)
							}
							.pickerStyle(.automatic)
							.disabled(true)
						} else {
							Text("Channel Role")
							Spacer()
							Picker("Channel Role", selection: $channelRole) {
								Text("Disabled").tag(0)
								Text("Secondary").tag(2)
							}
							.pickerStyle(.segmented)
						}
					}
				}

				Section(header: Text("position")) {

					VStack(alignment: .leading) {
						Toggle(isOn: $positionsEnabled) {
							Label(channelRole == 1 ? "Positions Enabled" : "Allow Position Requests", systemImage: positionsEnabled ? "mappin" : "mappin.slash")
						}
						.toggleStyle(SwitchToggleStyle(tint: .accentColor))
						.disabled(!supportedVersion)
					}

					if positionsEnabled {
						VStack(alignment: .leading) {
							Toggle(isOn: $preciseLocation) {
								Label("Precise Location", systemImage: "scope")
							}
							.toggleStyle(SwitchToggleStyle(tint: .accentColor))
							.disabled(!supportedVersion)
							.listRowSeparator(.visible)
							.onChange(of: preciseLocation) { pl in
								if pl == false {
									positionPrecision = 13
								}
							}
						}

						if !preciseLocation {
							VStack(alignment: .leading) {
								Label("Approximate Location", systemImage: "location.slash.circle.fill")
								Slider(value: $positionPrecision, in: 10...19, step: 1) {
								} minimumValueLabel: {
									Image(systemName: "minus")
								} maximumValueLabel: {
									Image(systemName: "plus")
								}
								Text(PositionPrecision(rawValue: Int(positionPrecision))?.description ?? "")
									.foregroundColor(.gray)
									.font(.callout)
							}
						}
					}
				}
				Section(header: Text("mqtt")) {
					Toggle(isOn: $uplink) {
						Label("Uplink Enabled", systemImage: "arrowshape.up")
					}
					.toggleStyle(SwitchToggleStyle(tint: .accentColor))
					.listRowSeparator(.visible)

					Toggle(isOn: $downlink) {
						Label("Downlink Enabled", systemImage: "arrowshape.down")
					}
					.toggleStyle(SwitchToggleStyle(tint: .accentColor))
					.listRowSeparator(.visible)
				}
			}
			.onChange(of: channelName) { _ in
				hasChanges = true
			}
			.onChange(of: channelKeySize) { _ in
				if channelKeySize == -1 {
					channelKey = "AQ=="
				} else {
					let key = generateChannelKey(size: channelKeySize)
					channelKey = key
				}
				hasChanges = true
			}
			.onChange(of: channelKey) { _ in
				hasChanges = true
			}
			.onChange(of: channelRole) { _ in
				hasChanges = true
			}
			.onChange(of: preciseLocation) { loc in
				if loc == true {
					positionPrecision = 32
				} else {
					positionPrecision = 14
				}
				hasChanges = true
			}
			.onChange(of: positionPrecision) { _ in
				hasChanges = true
			}
			.onChange(of: positionsEnabled) { pe in
				if pe {
					if positionPrecision == 0 {
						positionPrecision = 32
					}
				} else {
					positionPrecision = 0
				}
				hasChanges = true
			}
			.onChange(of: uplink) { _ in
				hasChanges = true
			}
			.onChange(of: downlink) { _ in
				hasChanges = true
			}
			.onAppear {
				let tempKey = Data(base64Encoded: channelKey) ?? Data()
				if tempKey.count == channelKeySize || channelKeySize == -1 {
					hasValidKey = true
				} else {
					hasValidKey = false
				}
			}
		}
	}
}