//
// Copyright 2025 Element Creations Ltd.
// Copyright 2023-2025 New Vector Ltd.
//
// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
// Please see LICENSE files in the repository root for full details.
//

import Compound
import SwiftUI

struct PillView: View {
    @ObservedObject var context: PillContext
    /// callback triggerd by changes in the display text
    let didChangeText: () -> Void
    
    var textColor: Color {
        context.viewState.isOwnMention ? .compound.textBadgeAccent : .compound.textOnSolidPrimary
    }
    
    var backgroundColor: Color {
        context.viewState.isOwnMention ? .compound.bgBadgeAccent : .compound.bgBadgePrimary
    }
    
    var body: some View {
        mainContent
            .onChange(of: context.viewState.displayText) {
                didChangeText()
            }
    }
    
    private var mainContent: some View {
        HStack(spacing: 4) {
            Text(context.viewState.displayText)
                .lineLimit(1)
            
            if let emoji = context.viewState.statusEmoji {
                Text(String(emoji))
            }
        }
        .font(.compound.bodyLGSemibold)
        .foregroundColor(textColor)
        .padding(.leading, 4)
        .padding(.trailing, 6)
        .padding(.vertical, 1)
        .background(backgroundColor, in: .capsule)
    }
}

struct PillView_Previews: PreviewProvider, TestablePreview {
    static let mockMediaProvider = MediaProviderMock(.init())
    
    static var previews: some View {
        PillView(context: PillContext.mock(viewState: .mention(isOwnMention: false,
                                                               displayText: PillUtilities.userPillDisplayText(username: "User",
                                                                                                              userID: "@alice:matrix.org"),
                                                               statusEmoji: nil))) { }
            .frame(maxWidth: PillUtilities.mockMaxWidth)
            .previewDisplayName("User")
        PillView(context: PillContext.mock(viewState: .mention(isOwnMention: false,
                                                               displayText: PillUtilities.userPillDisplayText(username: "Alice but with a very long name",
                                                                                                              userID: "@alice:matrix.org"),
                                                               statusEmoji: nil))) { }
            .frame(maxWidth: PillUtilities.mockMaxWidth)
            .previewDisplayName("User with a long name")
        PillView(context: PillContext.mock(viewState: .mention(isOwnMention: false,
                                                               displayText: PillUtilities.userPillDisplayText(username: nil, userID: "@alice:matrix.org"),
                                                               statusEmoji: nil))) { }
            .frame(maxWidth: PillUtilities.mockMaxWidth)
            .previewDisplayName("User with missing name")
        PillView(context: PillContext.mock(viewState: .mention(isOwnMention: true,
                                                               displayText: PillUtilities.userPillDisplayText(username: "Alice", userID: "@alice:matrix.org"),
                                                               statusEmoji: nil))) { }
            .frame(maxWidth: PillUtilities.mockMaxWidth)
            .previewDisplayName("Own user")
        PillView(context: PillContext.mock(viewState: .mention(isOwnMention: false,
                                                               displayText: PillUtilities.userPillDisplayText(username: "User",
                                                                                                              userID: "@alice:matrix.org"),
                                                               statusEmoji: "🎂"))) { }
            .frame(maxWidth: PillUtilities.mockMaxWidth)
            .previewDisplayName("User with Status")
        PillView(context: PillContext.mock(viewState: .mention(isOwnMention: false,
                                                               displayText: PillUtilities.userPillDisplayText(username: "Alice but with a very long name",
                                                                                                              userID: "@alice:matrix.org"),
                                                               statusEmoji: "🚆"))) { }
            .frame(maxWidth: PillUtilities.mockMaxWidth)
            .previewDisplayName("User with status and long name")
        PillView(context: PillContext.mock(viewState: .reference(displayText: PillUtilities.roomPillDisplayText(roomName: "Room",
                                                                                                                rawRoomText: "#room:matrix.org")))) { }
            .frame(maxWidth: PillUtilities.mockMaxWidth)
            .previewDisplayName("Room")
        PillView(context: PillContext.mock(viewState: .reference(displayText: PillUtilities.roomPillDisplayText(roomName: nil,
                                                                                                                rawRoomText: "#room:matrix.org")))) { }
            .frame(maxWidth: PillUtilities.mockMaxWidth)
            .previewDisplayName("Room without name")
        PillView(context: PillContext.mock(viewState: .reference(displayText: PillUtilities.eventPillDisplayText(roomName: "Room", rawRoomText: "#room:matrix.org")))) { }
            .frame(maxWidth: PillUtilities.mockMaxWidth)
            .previewDisplayName("Message link")
        PillView(context: PillContext.mock(viewState: .reference(displayText: PillUtilities.eventPillDisplayText(roomName: nil, rawRoomText: "#room:matrix.org")))) { }
            .frame(maxWidth: PillUtilities.mockMaxWidth)
            .previewDisplayName("Message link without room name")
    }
}