//
// Copyright 2022-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 Compound
import SwiftUI

struct VideoMediaEventsTimelineView: View {
    @Environment(\.timelineContext) private var context
    let timelineItem: VideoRoomTimelineItem
    
    var body: some View {
        Color.clear // Let the image aspect fill in place
            .aspectRatio(1, contentMode: .fill)
            .overlay {
                thumbnail
            }
            .clipped()
            .overlay(alignment: .bottom) { overlay }
            .accessibilityElement(children: .ignore)
            .accessibilityLabel(L10n.commonVideo)
    }
    
    @ViewBuilder
    var thumbnail: some View {
        if let thumbnailSource = timelineItem.content.thumbnailInfo?.source {
            LoadableImage(mediaSource: thumbnailSource,
                          mediaType: .timelineItem(uniqueID: timelineItem.id.uniqueID),
                          blurhash: timelineItem.content.blurhash,
                          size: timelineItem.content.thumbnailInfo?.size,
                          mediaProvider: context?.mediaProvider) {
                placeholder
            }
            .mediaGalleryTimelineAspectRatio(imageInfo: timelineItem.content.thumbnailInfo)
        } else {
            overlay
        }
    }
    
    var overlay: some View {
        HStack(spacing: 0) {
            CompoundIcon(\.videoCallSolid)
            Spacer()
            Text(Duration.seconds(timelineItem.content.videoInfo.duration).formatted(.time(pattern: .minuteSecond)))
        }
        .padding(8)
        .background {
            LinearGradient(stops: [.init(color: .clear, location: 0.0),
                                   .init(color: .compound.bgCanvasDefault, location: 1.0)],
                           startPoint: .top,
                           endPoint: .bottom)
        }
        .font(.compound.bodyXSSemibold)
        .foregroundStyle(.compound.textPrimary)
    }
    
    var placeholder: some View {
        Rectangle()
            .foregroundColor(.compound.bgSubtleSecondary)
            .opacity(0.3)
    }
}

struct VideoMediaEventsTimelineView_Previews: PreviewProvider, TestablePreview {
    static let viewModel = TimelineViewModel.mock
    
    static var previews: some View {
        VideoMediaEventsTimelineView(timelineItem: makeTimelineItem())
            .frame(width: 100, height: 100)
            .environmentObject(viewModel.context)
            .environment(\.timelineContext, viewModel.context)
            .previewLayout(.sizeThatFits)
            .background(.black)
    }
    
    private static func makeTimelineItem(caption: String? = nil, isEdited: Bool = false) -> VideoRoomTimelineItem {
        VideoRoomTimelineItem(id: .randomEvent,
                              timestamp: .mock,
                              isOutgoing: false,
                              isEditable: false,
                              canBeRepliedTo: true,
                              isThreaded: false,
                              sender: .init(id: "Bob"),
                              content: .init(filename: "video.mp4",
                                             videoInfo: .mockVideo,
                                             thumbnailInfo: .mockVideoThumbnail))
    }
}
