Cable/Cable/Systems/SystemEditorView.swift

//
//  SystemEditorView.swift
//  Cable
//
//  Created by Stefan Lange-Hegermann on 16.09.25.
//

import SwiftUI

struct SystemEditorView: View {
    @Binding var systemName: String
    @Binding var location: String
    @Binding var iconName: String
    @Binding var colorName: String
    @Binding var maxVoltageDropPercent: Double
    
    @State private var tempLocation: String
    
    private let systemIcons = [
        "building.2", "house", "building", "tent", "sailboat",
        "airplane", "ferry", "bus", "truck.box",
        "server.rack", "externaldrive", "cpu", "gear", "wrench.adjustable", "hammer",
        "lightbulb", "bolt", "powerplug", "battery.100","sun.max",
        "engine.combustion", "fuelpump", "drop", "flame", "snowflake", "thermometer"
    ]
    
    /// Targets offered as presets: ABYC E-11 uses 3 % for critical circuits and 10 % for
    /// non-critical ones, 5 % is the default middle ground.
    private let voltageDropTargets: [Double] = [3, 5, 10]

    init(
        systemName: Binding<String>,
        location: Binding<String>,
        iconName: Binding<String>,
        colorName: Binding<String>,
        maxVoltageDropPercent: Binding<Double>
    ) {
        self._systemName = systemName
        self._location = location
        self._iconName = iconName
        self._colorName = colorName
        self._maxVoltageDropPercent = maxVoltageDropPercent
        self._tempLocation = State(initialValue: location.wrappedValue)
    }
    
    var body: some View {
        let editorTitle = String(localized: "editor.system.title", comment: "Title for the system editor")
        let namePlaceholder = String(localized: "editor.system.name_field", comment: "Label for the system name text field")
        let locationPlaceholder = String(localized: "editor.system.location.optional", comment: "Placeholder text shown when no location is specified")

        ItemEditorView(
            title: editorTitle,
            nameFieldLabel: namePlaceholder,
            previewSubtitle: tempLocation.isEmpty ? locationPlaceholder : tempLocation,
            icons: systemIcons,
            name: $systemName,
            iconName: $iconName,
            colorName: $colorName,
            additionalFields: {
                AnyView(
                    VStack(alignment: .leading, spacing: 12) {
                        TextField(locationPlaceholder, text: $tempLocation)
                            .autocapitalization(.words)
                            .onChange(of: tempLocation) { _, newValue in
                                location = newValue
                            }

                        VStack(alignment: .leading, spacing: 6) {
                            Text(
                                String(
                                    localized: "editor.system.voltage_drop.label",
                                    defaultValue: "Voltage drop budget"
                                )
                            )
                            .font(.subheadline.weight(.semibold))

                            Picker(
                                String(
                                    localized: "editor.system.voltage_drop.label",
                                    defaultValue: "Voltage drop budget"
                                ),
                                selection: $maxVoltageDropPercent
                            ) {
                                ForEach(voltageDropTargets, id: \.self) { target in
                                    Text(String(format: "%.0f %%", target)).tag(target)
                                }
                            }
                            .pickerStyle(.segmented)
                            .accessibilityIdentifier("system-voltage-drop-picker")

                            Text(voltageDropHint)
                                .font(.caption)
                                .foregroundStyle(.secondary)
                        }
                    }
                )
            }
        )
        .onAppear {
            tempLocation = location
        }
    }

    private var voltageDropHint: String {
        switch maxVoltageDropPercent {
        case ..<4:
            return String(
                localized: "editor.system.voltage_drop.hint.critical",
                defaultValue: "3 % — for critical circuits like navigation, bilge pumps and electronics."
            )
        case ..<6:
            return String(
                localized: "editor.system.voltage_drop.hint.standard",
                defaultValue: "5 % — balanced default for mixed installations."
            )
        default:
            return String(
                localized: "editor.system.voltage_drop.hint.noncritical",
                defaultValue: "10 % — for non-critical loads such as cabin lighting."
            )
        }
    }
}

#Preview {
    @Previewable @State var name = "My System"
    @Previewable @State var location = "Main Building"
    @Previewable @State var icon = "building.2"
    @Previewable @State var color = "blue"
    @Previewable @State var dropTarget = 5.0

    return SystemEditorView(
        systemName: $name,
        location: $location,
        iconName: $icon,
        colorName: $color,
        maxVoltageDropPercent: $dropTarget
    )
}