punchnet-macos/punchnet/Views/Network/NetworkView.swift

//
//  NetworkView.swift
//  punchnet
//
//  Created by 安礼成 on 2026/1/16.
//

import SwiftUI

struct NetworkView: View {
    @Environment(UserContext.self) var userContext: UserContext
    @State private var networkModel = NetworkModel()
    
    var body: some View {
        VStack {
            HStack {
                
                VStack {
                    HStack(alignment: .center) {
                        Text(userContext.networkSession?.networkName ?? "未知")
                        Text(">")
                        Spacer()
                    }
                    
                    HStack {
                        Toggle("", isOn: $networkModel.isOn)
                            .toggleStyle(SwitchToggleStyle(tint: .green))
                        
                        Text("已连接")
                        
                        Spacer()
                    }
                }
                .frame(width: 320)
                
                // 显示设备和资源选项
                HStack {
                    Button {
                        self.networkModel.showModel = .resource
                    } label: {
                        Text("资源")
                    }
                    
                    Button {
                        self.networkModel.showModel = .device
                    } label: {
                        Text("设备")
                    }
                }
                Spacer()
            }
            
            Group {
                switch self.networkModel.connectState {
                case .waitAuth:
                    NetworkWaitAuthView(networkModel: self.networkModel)
                case .connected:
                    NetworkConnctedView(networkModel: self.networkModel)
                case .disconnected:
                    NetworkDisconnctedView(networkModel: self.networkModel)
                }
            }
            
            Spacer()
        }
        .padding(.top, 10)
        .padding(.leading, 10)
        .toolbar {
            ToolbarItem(placement: .primaryAction) {
                Button {
                    print("clicked")
                } label: {
                    Image(systemName: "gearshape")
                }
            }
        }
    }
}

// 网络处于未连接状态
struct NetworkDisconnctedView: View {
    @Bindable var networkModel: NetworkModel

    var body: some View {
        ZStack {
            Color.clear
            
            VStack {
                
                Button {
                    Task {
                        try await startVpn()
                    }
                } label: {
                    Text("连接")
                        .font(.system(size: 14, weight: .regular))
                        .padding([.top, .bottom], 8)
                        .padding([.leading, .trailing], 30)
                        .foregroundColor(.white)
                    
                }
                .background(Color(red: 74/255, green: 207/255, blue: 154/255))
                .cornerRadius(5)
                .frame(width: 120, height: 35)
                
                Button {
                    Task {
                        try await VPNManager.shared.disableVpn()
                    }
                } label: {
                    Text("关闭")
                        .font(.system(size: 14, weight: .regular))
                        .padding([.top, .bottom], 8)
                        .padding([.leading, .trailing], 30)
                        .foregroundColor(.white)
                    
                }
                .background(Color(red: 74/255, green: 207/255, blue: 154/255))
                .cornerRadius(5)
                .frame(width: 120, height: 35)
            }
        }
        
    }
    
    // 执行登陆操作
    private func startVpn() async throws {
        let clientId = SystemConfig.getClientId()
        
        let options = SystemConfig.getOptions(networkId: 8,
                                              networkDomain: "punchnet.com",
                                              ip: "10.211.179.1",
                                              maskLen: 24,
                                              accessToken: "accessToken1234",
                                              identityId: 1234,
                                              hostname: "mysql",
                                              noticePort: 1234)
        // token存在则优先使用token
        try await VPNManager.shared.enableVpn(options: options!)
    }
    
}

// 网络处于连接状态

struct NetworkConnctedView: View {
    @Bindable var networkModel: NetworkModel
    
    var body: some View {
        Group {
            switch networkModel.showModel {
            case .resource:
                NetworkResourceGroupView(networkModel: self.networkModel)
            case .device:
                NetworkDeviceGroupView(networkModel: self.networkModel)
            }
        }
    }
}

extension NetworkConnctedView {
    
    // 显示资源信息
    struct NetworkResourceGroupView: View {
        @Bindable var networkModel: NetworkModel
        
        var body: some View {
            LazyVGrid(columns: Array(repeating: GridItem(.flexible()), count: 3), spacing: 8) {
                ForEach(self.networkModel.resources, id: \.id) { resource in
                    NetworkResourceView(resource: resource)
                }
            }
        }
    }
    
    struct NetworkResourceView: View {
        var resource: NetworkModel.Resource
        
        var body: some View {
            VStack {
                HStack {
                    Text(resource.status == 1 ? "yes" : "no")
                    
                    Text(resource.name)
                        .font(.system(size: 14, weight: .regular))
                }
                
                Text(resource.schema)
                    .font(.system(size: 14, weight: .regular))
                    .padding(.leading, 30)
                
            }
        }
    }
    
    // 显示设备信息
    struct NetworkDeviceGroupView: View {
        @Bindable var networkModel: NetworkModel
        @State private var selectedId: Int?
        
        var body: some View {
            NavigationSplitView {
                List(self.networkModel.devices, id: \.id, selection: $selectedId) { device in
                    NetworkDeviceHeadView(device: device)
                }
                .listStyle(.sidebar)
                .onChange(of: selectedId) {
                    self.networkModel.changeSelectedDevice(deviceId: selectedId)
                }
                .onAppear {
                    if selectedId == nil {
                        selectedId = self.networkModel.devices.first?.id
                    }
                }
            } detail: {
                NetworkDeviceDetailView(device: $networkModel.selectedDevice)
            }
        }
        
    }
    
    struct NetworkDeviceHeadView: View {
        var device: NetworkModel.Device
        
        var body: some View {
            VStack {
                HStack {
                    Text(device.status == 1 ? "yes" : "no")
                    
                    Text(device.name)
                        .font(.system(size: 14, weight: .regular))
                }
                
                Text(device.ipv4)
                    .font(.system(size: 14, weight: .regular))
                    .padding(.leading, 30)
            }
        }
    }
    
    struct NetworkDeviceDetailView: View {
        @Binding var device: NetworkModel.Device?
        
        var body: some View {
            Group {
                if let device {
                    List {
                        Section {
                            HStack {
                                Text("连接状态")
                                
                                Text("\(device.status)")
                                
                                Spacer()
                            }
                            
                            HStack {
                                Text("虚拟IPv4")
                                
                                Text("\(device.ipv4)")
                                Spacer()
                            }
                            
                            HStack {
                                Text("虚拟IPv6")
                                
                                Text("\(device.ipv6)")
                                Spacer()
                            }
                            
                            HStack {
                                Text("操作系统")
                                
                                Text("\(device.system)")
                                Spacer()
                            }
                        }
                        
                        Section("服务列表") {
                            ForEach(device.resources, id: \.id) { resource in
                                HStack {
                                    Text("\(resource.name)")
                                    Text("\(resource.schema)")
                                }
                            }
                        }
                    }
                } else {
                    EmptyView()
                }
            }
        }
    }
}

struct NetworkWaitAuthView: View {
    @Bindable var networkModel: NetworkModel
    
    var body: some View {
        Color.clear
            .overlay {
                Text("等待确认中")
            }
    }
}

#Preview {
    NetworkView()
}