//
//  SettingsAccountView.swift
//  punchnet
//
//  Created by 安礼成 on 2026/1/16.
//
import SwiftUI

struct SettingsAccountView: View {
    @Environment(UserContext.self) var userContext: UserContext
    @Environment(\.openWindow) var openWindow
    @Environment(\.openURL) var openURL
    
    var body: some View {
        ScrollView(.vertical, showsIndicators: false) {
            VStack(alignment: .leading, spacing: 24) {
                // MARK: - 账户部分
                sectionHeader(title: "账户安全", icon: "shield.lefthalf.filled")
                
                VStack(spacing: 0) {
                    if userContext.isLogined, let loginCredit = userContext.loginCredit {
                        switch loginCredit {
                        case .token(let token):
                            TokenCreditView(token: token)
                        case .accountAndPasword(let account, _):
                            AccountCreditView(username: account)
                        }
                    } else {
                        // 蓝色主按钮
                        Button {
                            self.openMainWindow(id: "main")
                        } label: {
                            Text("登录")
                                .fontWeight(.medium)
                        }
                        .buttonStyle(.borderedProminent)
                    }
                }
                .background(Color.primary.opacity(0.03))
                .cornerRadius(12)
                .overlay(RoundedRectangle(cornerRadius: 12).stroke(Color.primary.opacity(0.05), lineWidth: 1))
            }
            .frame(maxWidth: 600) // 限制宽度防止在大屏幕上显得太散
        }
    }
    
    // 打开窗口
    private func openMainWindow(id: String) {
        let window = NSApp.windows.first { win in
            if let idStr = win.identifier?.rawValue {
                return idStr.starts(with: id)
            }
            return false
        }
        
        if let window {
            window.makeKeyAndOrderFront(nil)
            NSApp.activate(ignoringOtherApps: true)
        } else {
            openWindow(id: id)
        }
    }
    
    // 辅助头部组件
    private func sectionHeader(title: String, icon: String) -> some View {
        HStack {
            Image(systemName: icon)
                .foregroundColor(.blue)
            
            Text(title)
                .font(.system(size: 16, weight: .bold))
        }
        .padding(.leading, 4)
    }
}

// MARK: - 内部视图扩展
extension SettingsAccountView {
    
    // 统一的条目容器样式
    struct AccountRow: View {
        let icon: String
        let title: String
        let subtitle: String
        var actions: AnyView
        
        var body: some View {
            HStack(spacing: 16) {
                // 模拟 Logo
                Circle()
                    .fill(Color.blue.gradient)
                    .frame(width: 32, height: 32)
                    .overlay(
                        Image(systemName: icon)
                            .foregroundColor(.white)
                            .font(.system(size: 14))
                    )
                
                VStack(alignment: .leading, spacing: 2) {
                    Text(title)
                        .font(.subheadline)
                        .foregroundColor(.secondary)
                    
                    Text(subtitle)
                        .font(.system(size: 15, weight: .medium, design: .monospaced))
                        .lineLimit(1)
                }
                
                Spacer()
                
                actions
            }
            .padding(16)
        }
    }
    
    struct AccountCreditView: View {
        @Environment(UserContext.self) var userContext: UserContext
        let username: String
        
        var body: some View {
            AccountRow(icon: "person.fill", title: "当前登录账号", subtitle: username, actions: AnyView(
                HStack(spacing: 12) {
                    Button("修改密码") {
                        
                    }
                    .buttonStyle(.link)
                    
                    Button("退出登录") {
                        Task { @MainActor in
                            try await userContext.logout()
                        }
                    }
                    .buttonStyle(.bordered)
                    .foregroundColor(.red)
                }
            ))
        }
    }
    
    struct TokenCreditView: View {
        @Environment(UserContext.self) var userContext: UserContext
        let token: String
        
        var body: some View {
            AccountRow(icon: "key.horizontal.fill", title: "Token 登录", subtitle: token, actions: AnyView(
                Button("退出登录") {
                    Task { @MainActor in
                        try await userContext.logout()
                    }
                }
                .buttonStyle(.bordered)
                .foregroundColor(.red)
            ))
        }
    }
}