moodlit-native/Sources/Features/Sequences/CreateSequenceSheet.swift

import SwiftUI

/// Sequence-Erstellungs-Form mit Mood-Multipicker.
public struct CreateSequenceSheet: View {
	let onCreate: (_ name: String, _ moodIds: [String], _ durationSec: Int) -> Void

	@Environment(\.dismiss) private var dismiss
	@Environment(MoodStore.self) private var store
	@State private var name = ""
	@State private var durationSec = 30
	@State private var selectedMoodIds: Set<String> = []

	public init(onCreate: @escaping (_ name: String, _ moodIds: [String], _ durationSec: Int) -> Void) {
		self.onCreate = onCreate
	}

	public var body: some View {
		NavigationStack {
			Form {
				Section("Name") {
					TextField("Sequenz-Name", text: $name)
				}

				Section("Dauer pro Mood") {
					Stepper("\(durationSec) Sekunden", value: $durationSec, in: 5...600, step: 5)
				}

				Section("Moods (\(selectedMoodIds.count) ausgewählt)") {
					ForEach(store.allMoods) { mood in
						HStack {
							Image(systemName: selectedMoodIds.contains(mood.id) ? "checkmark.circle.fill" : "circle")
								.foregroundStyle(selectedMoodIds.contains(mood.id) ? MoodlitTheme.primary : MoodlitTheme.mutedForeground)
							Text(mood.name)
							Spacer()
							Text(mood.animation.displayName)
								.font(.caption2)
								.foregroundStyle(MoodlitTheme.mutedForeground)
						}
						.contentShape(Rectangle())
						.onTapGesture { toggle(mood.id) }
					}
				}
			}
			.navigationTitle("Neue Sequenz")
			#if os(iOS)
			.navigationBarTitleDisplayMode(.inline)
			#endif
			.toolbar {
				ToolbarItem(placement: .cancellationAction) {
					Button("Abbrechen") { dismiss() }
				}
				ToolbarItem(placement: .confirmationAction) {
					Button("Erstellen") {
						let trimmed = name.trimmingCharacters(in: .whitespacesAndNewlines)
						onCreate(trimmed, Array(selectedMoodIds), durationSec)
					}
					.disabled(name.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty || selectedMoodIds.isEmpty)
				}
			}
		}
	}

	private func toggle(_ id: String) {
		if selectedMoodIds.contains(id) {
			selectedMoodIds.remove(id)
		} else {
			selectedMoodIds.insert(id)
		}
	}
}