moodlit-native/Sources/Features/Settings/LIFXSettingsView.swift

import SwiftUI

/// Setup-UI für LIFX-Cloud-API. Token-Paste → Validate → Light-Picker.
public struct LIFXSettingsView: View {
	@Environment(LIFXController.self) private var controller
	@State private var tokenInput = ""

	public init() {}

	public var body: some View {
		Form {
			statusSection
			if !isConfigured {
				tokenSection
			}
			if !controller.availableLights.isEmpty {
				lightsSection
			}
			if isConfigured {
				resetSection
			}
			infoSection
		}
		.navigationTitle("LIFX")
		#if os(iOS)
		.navigationBarTitleDisplayMode(.inline)
		#endif
	}

	@ViewBuilder
	private var statusSection: some View {
		Section {
			switch controller.setupState {
			case .notConfigured:
				Label("Kein Token verbunden", systemImage: "lightbulb.slash")
					.foregroundStyle(MoodlitTheme.mutedForeground)
			case .validating:
				HStack(spacing: 12) {
					ProgressView()
					Text("Token wird geprüft …")
				}
			case .configured(let count):
				VStack(alignment: .leading, spacing: 4) {
					Label("Verbunden", systemImage: "checkmark.circle.fill")
						.foregroundStyle(.green)
					Text("\(count) Lampe(n) ausgewählt")
						.font(.caption)
						.foregroundStyle(MoodlitTheme.mutedForeground)
				}
			case .failed(let msg):
				Label(msg, systemImage: "exclamationmark.triangle.fill")
					.foregroundStyle(.orange)
					.font(.callout)
			}
		}
	}

	@ViewBuilder
	private var tokenSection: some View {
		Section("Personal Access Token") {
			TextField("LIFX-Token einfügen", text: $tokenInput, axis: .vertical)
				.lineLimit(2...4)
				#if os(iOS)
				.autocapitalization(.none)
				#endif
				.disableAutocorrection(true)
				.font(.system(.body, design: .monospaced))
			Button("Verbinden") {
				Task { await controller.setToken(tokenInput) }
			}
			.disabled(tokenInput.trimmingCharacters(in: .whitespaces).isEmpty)
			Text("Token erstellen auf cloud.lifx.com/settings — er bleibt im iOS-Keychain dieses Geräts, wird nicht an mana-Server geschickt.")
				.font(.caption)
				.foregroundStyle(MoodlitTheme.mutedForeground)
		}
	}

	@ViewBuilder
	private var lightsSection: some View {
		Section("Lampen") {
			ForEach(controller.availableLights) { light in
				Button {
					controller.toggleSelected(lightId: light.id)
				} label: {
					HStack(spacing: 12) {
						Image(systemName: controller.selectedLightIds.contains(light.id)
							? "checkmark.circle.fill"
							: "circle"
						)
						.foregroundStyle(
							controller.selectedLightIds.contains(light.id)
								? MoodlitTheme.primary
								: MoodlitTheme.mutedForeground
						)
						VStack(alignment: .leading, spacing: 2) {
							Text(light.label)
							if let group = light.group {
								Text(group.name)
									.font(.caption2)
									.foregroundStyle(MoodlitTheme.mutedForeground)
							}
						}
						Spacer()
						Image(systemName: light.power == "on" ? "lightbulb.fill" : "lightbulb")
							.foregroundStyle(light.power == "on" ? .yellow : MoodlitTheme.mutedForeground)
					}
				}
				.buttonStyle(.plain)
				.contentShape(Rectangle())
			}
			Button("Lampenliste aktualisieren") {
				Task { await controller.refreshLights() }
			}
			.font(.caption)
		}
	}

	@ViewBuilder
	private var resetSection: some View {
		Section {
			Button(role: .destructive) {
				controller.clearConfig()
				tokenInput = ""
			} label: {
				Label("Token entfernen", systemImage: "trash")
			}
		}
	}

	@ViewBuilder
	private var infoSection: some View {
		Section {
			Text("LIFX-Cloud-API hat ~200 ms Latenz (gegen ~30 ms Hue-LAN). Für Mood-Wechsel okay, für Beat-Sync nutz lieber Hue. LAN-Direkt-Steuerung kommt mit μ-9.5.1.")
				.font(.caption)
				.foregroundStyle(MoodlitTheme.mutedForeground)
		}
	}

	private var isConfigured: Bool {
		if case .configured = controller.setupState { return true }
		return false
	}
}