//
// Copyright 2023, 2024 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 Foundation
import SwiftUI

struct StickerRoomTimelineView: View {
    @Environment(\.timelineContext) private var context
    let timelineItem: StickerRoomTimelineItem
    
    var body: some View {
        TimelineStyler(timelineItem: timelineItem) {
            LoadableImage(mediaSource: timelineItem.imageInfo.source,
                          mediaType: .timelineItem(uniqueID: timelineItem.id.uniqueID),
                          blurhash: timelineItem.blurhash,
                          size: timelineItem.imageInfo.size,
                          mediaProvider: context?.mediaProvider) {
                placeholder
            }
            .timelineMediaFrame(imageInfo: timelineItem.imageInfo)
            .accessibilityElement(children: .ignore)
            .accessibilityLabel("\(L10n.commonSticker), \(timelineItem.body)")
            .onTapGesture {
                context?.send(viewAction: .mediaTapped(itemID: timelineItem.id))
            }
        }
    }
    
    private var placeholder: some View {
        Rectangle()
            .foregroundColor(timelineItem.isOutgoing ? .compound._bgBubbleOutgoing : .compound._bgBubbleIncoming)
            .opacity(0.3)
    }
}

struct StickerRoomTimelineView_Previews: PreviewProvider, TestablePreview {
    static let viewModel = TimelineViewModel.mock
    
    static var previews: some View {
        VStack(spacing: 20.0) {
            StickerRoomTimelineView(timelineItem: StickerRoomTimelineItem(id: .randomEvent,
                                                                          body: "Some image",
                                                                          timestamp: .mock,
                                                                          isOutgoing: false,
                                                                          isEditable: false,
                                                                          canBeRepliedTo: true,
                                                                          sender: .init(id: "Bob"),
                                                                          imageInfo: .mockImage))
            
            StickerRoomTimelineView(timelineItem: StickerRoomTimelineItem(id: .randomEvent,
                                                                          body: "Blurhashed image",
                                                                          timestamp: .mock,
                                                                          isOutgoing: false,
                                                                          isEditable: false,
                                                                          canBeRepliedTo: true,
                                                                          sender: .init(id: "Bob"),
                                                                          imageInfo: .mockImage,
                                                                          blurhash: "L%KUc%kqS$RP?Ks,WEf8OlrqaekW"))
        }
        .environmentObject(viewModel.context)
        .environment(\.timelineContext, viewModel.context)
    }
}
