RouterOS/RouterOSAssistant/Features/Wizard/Steps/Setup/SetupView.swift

import SwiftUI

struct SetupView: View {
    @ObservedObject var connectionService: ConnectionService
    @StateObject private var viewModel: SetupViewModel

    init(connectionService: ConnectionService) {
        self.connectionService = connectionService
        _viewModel = StateObject(wrappedValue: SetupViewModel(connectionService: connectionService))
    }

    var body: some View {
        NavigationStack {
            Group {
                if connectionService.credentials == nil {
                    ContentUnavailableView(
                        "Nicht verbunden",
                        systemImage: "network.slash",
                        description: Text("Verbinde dich zuerst im Tab \"Verbinden\" mit deinem Router.")
                    )
                } else {
                    switch viewModel.step {
                    case .mode:
                        ModeStepView(viewModel: viewModel)
                    case .wan:
                        WanStepView(viewModel: viewModel, availableInterfaces: configurableInterfaces)
                    case .lan:
                        LanStepView(viewModel: viewModel, availableInterfaces: configurableInterfaces)
                    case .vlan:
                        VlanStepView(viewModel: viewModel, availableInterfaces: configurableInterfaces)
                    case .wifi:
                        WifiStepView(viewModel: viewModel)
                    case .firewall:
                        FirewallStepView(viewModel: viewModel)
                    case .review:
                        ReviewApplyView(viewModel: viewModel, credentials: connectionService.credentials)
                    }
                }
            }
        }
        .onAppear {
            viewModel.prepareDefaults(from: configurableInterfaces)
        }
    }

    /// Loopback is never something a person should pick as WAN/LAN/VLAN base interface —
    /// excluded here (not just via defaults) so a parsing hiccup elsewhere can't offer it as
    /// a selectable option, which on a real hEX device caused every WAN/firewall command to
    /// silently reference "lo" instead of the real WAN port. Found via live testing.
    private var configurableInterfaces: [NetworkInterface] {
        connectionService.interfaces.filter { $0.type.lowercased() != "loopback" }
    }
}

#Preview {
    SetupView(connectionService: ConnectionService())
}