import SwiftUI

// MARK: - 社交平台输入组件
struct SocialInputView: View {
    @Binding var username: String
    @Binding var message: String
    let platform: SocialPlatform
    @FocusState var focusedField: SocialField?
    
    // 社交平台枚举
    enum SocialPlatform: String, CaseIterable {
        case instagram = "Instagram"
        case facebook = "Facebook"
        case twitter = "X"
        case tiktok = "Tiktok"
        case snapchat = "Snapchat"
        case whatsapp = "Whatsapp"
        case viber = "Viber"
        case spotify = "Spotify"
        
        var displayName: String {
            switch self {
            case .instagram: return "Instagram"
            case .facebook: return "Facebook"
            case .twitter: return "X"
            case .tiktok: return "TikTok"
            case .snapchat: return "Snapchat"
            case .whatsapp: return "WhatsApp"
            case .viber: return "Viber"
            case .spotify: return "Spotify"
            }
        }
        
        var icon: String {
            switch self {
            case .instagram: return "camera"
            case .facebook: return "person.2"
            case .twitter: return "bird"
            case .tiktok: return "music.note"
            case .snapchat: return "ghost"
            case .whatsapp: return "message"
            case .viber: return "phone"
            case .spotify: return "music.note.list"
            }
        }
        
        var placeholder: String {
            switch self {
            case .instagram: return "用户名或链接"
            case .facebook: return "用户名或链接"
            case .twitter: return "用户名"
            case .tiktok: return "用户名"
            case .snapchat: return "用户名"
            case .whatsapp: return "输入WhatsApp电话号码"
            case .viber: return "电话号码"
            case .spotify: return "歌曲或播放列表链接"
            }
        }
        
        var hint: String {
            switch self {
            case .instagram: return "输入Instagram用户名"
            case .facebook: return "输入Facebook用户ID或链接"
            case .twitter: return "输入X用户名或完整链接"
            case .tiktok: return "输入TikTok用户名或完整链接"
            case .snapchat: return "输入Snapchat用户名"
            case .whatsapp: return "输入WhatsApp消息内容"
            case .viber: return "输入Viber电话号码"
            case .spotify: return "输入Spotify歌曲或播放列表链接"
            }
        }
    }
    
    // 社交字段枚举
    enum SocialField: Hashable {
        case username, message
    }
    
    var body: some View {
        VStack(spacing: 16) {
            // 平台信息
            HStack {
                Image(systemName: platform.icon)
                    .font(.title2)
                    .foregroundColor(.blue)
                
                VStack(alignment: .leading, spacing: 2) {
                    Text(platform.displayName)
                        .font(.headline)
                        .foregroundColor(.primary)
                    
                    Text(platform.hint)
                        .font(.caption)
                        .foregroundColor(.secondary)
                }
                
                Spacer()
            }
            .padding(.horizontal, 12)
            .padding(.vertical, 8)
            .background(
                RoundedRectangle(cornerRadius: 8)
                    .fill(Color.blue.opacity(0.1))
            )
            
            // 用户名/链接 (必填)
            VStack(alignment: .leading, spacing: 8) {
                HStack {
                    // 根据平台显示不同的提示
                    Text(getInputLabel())
                        .font(.subheadline)
                        .foregroundColor(.primary)
                    Text("*")
                        .foregroundColor(.red)
                    Spacer()
                }
                
                TextField(platform.placeholder, text: $username)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
                    .autocapitalization(.none)
                    .focused($focusedField, equals: .username)
            }
            

            
            // 格式说明
            VStack(alignment: .leading, spacing: 8) {
                HStack {
                    Image(systemName: "info.circle")
                        .font(.caption)
                        .foregroundColor(.blue)
                    
                    Text("格式说明")
                        .font(.caption)
                        .foregroundColor(.primary)
                    
                    Spacer()
                }
                
                Text(getFormatHint())
                    .font(.caption)
                    .foregroundColor(.secondary)
                    .lineLimit(nil)
            }
            .padding(.horizontal, 12)
            .padding(.vertical, 8)
            .background(
                RoundedRectangle(cornerRadius: 8)
                    .fill(Color.blue.opacity(0.1))
            )
        }
        .toolbar {
            ToolbarItemGroup(placement: .keyboard) {
                Spacer()
                Button("完成") {
                    focusedField = nil
                }
                .foregroundColor(.blue)
                .font(.system(size: 16, weight: .medium))
            }
        }
    }
    
    // MARK: - 根据平台获取输入标签
    private func getInputLabel() -> String {
        switch platform {
        case .instagram:
            return "Instagram用户名"
        case .facebook:
            return "用户ID或链接"
        case .twitter:
            return "X用户名"
        case .tiktok:
            return "TikTok用户名"
        case .snapchat:
            return "Snapchat用户名"
        case .whatsapp:
            return "WhatsApp电话号码"
        case .viber:
            return "Viber电话号码"
        case .spotify:
            return "歌曲链接或ID"
        }
    }
    
    private func getFormatHint() -> String {
        switch platform {
        case .instagram:
            return "• 输入Instagram用户名\n• 将生成instagram://user?username=用户名格式"
        case .facebook:
            return "• 输入Facebook用户ID或完整链接\n• 将自动提取用户名并生成fb://profile/格式\n• 支持：username 或 https://facebook.com/username"
        case .twitter:
            return "• 可以输入用户名（如：username）\n• 将生成twitter://user?screen_name=格式\n• 用户扫描后可直接打开X应用"
        case .tiktok:
            return "• 输入TikTok用户名（如：username）\n• 将生成https://www.tiktok.com/@username格式\n• 用户扫描后可直接访问TikTok主页"
        case .snapchat:
            return "• 输入Snapchat用户名\n• 例如：username"
        case .whatsapp:
            return "• 输入WhatsApp电话号码（如：+1234567890）\n• 将生成whatsapp://send?phone=电话号码格式\n• 用户扫描后可直接打开WhatsApp聊天"
        case .viber:
            return "• 输入Viber电话号码（如：+1234567890）\n• 将生成viber://add?number=格式\n• 用户扫描后可直接添加Viber联系人"
        case .spotify:
            return "• 输入歌曲或播放列表链接\n• 或输入Spotify ID"
        }
    }
}

#Preview {
    SocialInputView(
        username: .constant(""),
        message: .constant(""),
        platform: .tiktok
    )
}