yattee/Shared/Views/ControlsBar.swift

import Defaults
import SDWebImageSwiftUI
import SwiftUI

struct ControlsBar: View {
    enum ExpansionState {
        case mini
        case full
    }

    @Binding var fullScreen: Bool
    @State private var presentingShareSheet = false
    @State private var shareURL: URL?
    @Binding var expansionState: ExpansionState

    @State internal var gestureThrottle = Throttle(interval: 0.25)

    var presentingControls = true
    var backgroundEnabled = true
    var detailsTogglePlayer = true
    var detailsToggleFullScreen = false
    var playerBar = false
    var titleLineLimit = 2

    @ObservedObject private var accounts = AccountsModel.shared
    @ObservedObject private var model = PlayerModel.shared
    @ObservedObject private var playlists = PlaylistsModel.shared
    @ObservedObject private var subscriptions = SubscribedChannelsModel.shared
    @ObservedObject private var controls = PlayerControlsModel.shared

    @Environment(\.navigationStyle) private var navigationStyle

    private let navigation = NavigationModel.shared
    private let controlsOverlayModel = ControlOverlaysModel.shared

    @Default(.playerButtonShowsControlButtonsWhenMinimized) private var controlsWhenMinimized
    @Default(.playerButtonSingleTapGesture) private var playerButtonSingleTapGesture
    @Default(.playerButtonDoubleTapGesture) private var playerButtonDoubleTapGesture

    var body: some View {
        HStack(spacing: 0) {
            detailsButton

            if presentingControls, expansionState == .full || (controlsWhenMinimized && model.currentItem != nil) {
                if expansionState == .full {
                    Spacer()
                }
                controlsView
                    .frame(maxWidth: 120)
            }
        }

        .buttonStyle(.plain)
        .labelStyle(.iconOnly)
        .padding(.horizontal, 10)
        .padding(.vertical, 2)
        .frame(maxHeight: barHeight)
        .padding(.trailing, expansionState == .mini && !controlsWhenMinimized ? 8 : 0)
        .modifier(ControlBackgroundModifier(enabled: backgroundEnabled))
        .clipShape(RoundedRectangle(cornerRadius: expansionState == .full || !playerBar ? 0 : 6))
        .overlay(
            RoundedRectangle(cornerRadius: expansionState == .full || !playerBar ? 0 : 6)
                .stroke(Color("ControlsBorderColor"), lineWidth: 0.5)
        )
        #if os(iOS)
        .background(
            EmptyView().sheet(isPresented: $presentingShareSheet) {
                if let shareURL {
                    ShareSheet(activityItems: [shareURL])
                }
            }
        )
        #endif
    }

    @ViewBuilder var detailsButton: some View {
        if detailsTogglePlayer {
            Button {
                model.togglePlayer()
            } label: {
                details
                    .contentShape(Rectangle())
            }
        } else if detailsToggleFullScreen {
            Button {
                controlsOverlayModel.hide()
                controls.presentingControls = false
                withAnimation {
                    fullScreen.toggle()
                }
            } label: {
                details
                    .contentShape(Rectangle())
            }
            #if !os(tvOS)
            .keyboardShortcut("t")
            #endif
        } else {
            details
        }
    }

    var controlsView: some View {
        HStack(spacing: 4) {
            Group {
                if controls.isPlaying {
                    Button(action: {
                        model.pause()
                    }) {
                        Label("Pause", systemImage: "pause.fill")
                            .padding(.vertical, 10)
                            .frame(maxWidth: .infinity)
                            .contentShape(Rectangle())
                    }
                } else {
                    Button(action: {
                        model.play()
                    }) {
                        Label("Play", systemImage: "play.fill")
                            .padding(.vertical, 10)
                            .frame(maxWidth: .infinity)
                            .contentShape(Rectangle())
                    }
                }
            }
            .disabled(controls.isLoadingVideo || model.currentItem.isNil)

            Button(action: { model.advanceToNextItem() }) {
                Label("Next", systemImage: "forward.fill")
                    .padding(.vertical, 10)
                    .frame(maxWidth: .infinity)
                    .contentShape(Rectangle())
            }
            .disabled(!model.isAdvanceToNextItemAvailable)

            Button {
                model.closeCurrentItem()
            } label: {
                Label("Close Video", systemImage: "xmark")
                    .padding(.vertical, 10)
                    .frame(maxWidth: .infinity)
                    .contentShape(Rectangle())
            }
            .disabled(model.currentItem.isNil)
        }
        .imageScale(.small)
        .font(.system(size: 24))
    }

    var barHeight: Double {
        55
    }

    var details: some View {
        HStack {
            HStack(spacing: 8) {
                if !playerBar {
                    Button {
                        if let video = model.videoForDisplay, !video.isLocal {
                            navigation.openChannel(
                                video.channel,
                                navigationStyle: navigationStyle
                            )
                        }
                    } label: {
                        ChannelAvatarView(
                            channel: model.videoForDisplay?.channel,
                            video: model.videoForDisplay
                        )
                        .frame(width: barHeight - 10, height: barHeight - 10)
                    }
                    .contextMenu { contextMenu }
                    .zIndex(3)
                } else {
                    ChannelAvatarView(
                        channel: model.videoForDisplay?.channel,
                        video: model.videoForDisplay
                    )
                    #if !os(tvOS)
                    .highPriorityGesture(playerButtonDoubleTapGesture != .nothing ? doubleTapGesture : nil)
                    .gesture(playerButtonSingleTapGesture != .nothing ? singleTapGesture : nil)
                    #endif
                    .frame(width: barHeight - 10, height: barHeight - 10)
                    .contextMenu { contextMenu }
                }

                if expansionState == .full {
                    VStack(alignment: .leading, spacing: 0) {
                        let notPlaying = "Not Playing".localized()
                        Text(model.videoForDisplay?.displayTitle ?? notPlaying)
                            .font(.system(size: 14))
                            .fontWeight(.semibold)
                            .foregroundColor(model.videoForDisplay.isNil ? .secondary : .accentColor)
                            .fixedSize(horizontal: false, vertical: true)
                            .lineLimit(titleLineLimit)
                            .multilineTextAlignment(.leading)

                        if let video = model.videoForDisplay, !video.localStreamIsFile {
                            HStack(spacing: 2) {
                                Text(video.displayAuthor)
                                    .font(.system(size: 12))

                                if !presentingControls && !video.isLocal {
                                    HStack(spacing: 2) {
                                        Image(systemName: "person.2.fill")

                                        if let channel = model.videoForDisplay?.channel {
                                            if let subscriptions = channel.subscriptionsString {
                                                Text(subscriptions)
                                            } else {
                                                Text("1234").redacted(reason: .placeholder)
                                            }
                                        }
                                    }
                                    .padding(.leading, 4)
                                    .font(.system(size: 9))
                                }
                            }
                            .lineLimit(1)
                            .foregroundColor(.secondary)
                        }
                    }
                    .zIndex(0)
                    .transition(.opacity)

                    if !playerBar {
                        Spacer()
                    }
                }
            }
            .buttonStyle(.plain)
            .padding(.vertical)
        }
    }

    #if !os(tvOS)

        var singleTapGesture: some Gesture {
            TapGesture(count: 1).onEnded { gestureAction(playerButtonSingleTapGesture) }
        }

        var doubleTapGesture: some Gesture {
            TapGesture(count: 2).onEnded { gestureAction(playerButtonDoubleTapGesture) }
        }

        func gestureAction(_ action: PlayerTapGestureAction) {
            gestureThrottle.execute {
                switch action {
                case .togglePlayer:
                    self.model.togglePlayer()
                case .openChannel:
                    guard let channel = self.model.videoForDisplay?.channel else { return }
                    self.navigation.openChannel(channel, navigationStyle: self.navigationStyle)
                case .togglePlayerVisibility:
                    withAnimation(.spring(response: 0.25)) {
                        self.expansionState = self.expansionState == .full ? .mini : .full
                    }
                default:
                    return
                }
            }
        }
    #endif
    @ViewBuilder var contextMenu: some View {
        if let video = model.videoForDisplay {
            Group {
                Section {
                    if accounts.app.supportsUserPlaylists && accounts.signedIn, !video.isLocal {
                        Section {
                            Button {
                                navigation.presentAddToPlaylist(video)
                            } label: {
                                Label("Add to Playlist...", systemImage: "text.badge.plus")
                            }

                            if let playlist = playlists.lastUsed, let video = model.videoForDisplay {
                                Button {
                                    playlists.addVideo(playlistID: playlist.id, videoID: video.videoID)
                                } label: {
                                    Label("Add to \(playlist.title)", systemImage: "text.badge.star")
                                }
                            }
                        }
                    }

                    #if !os(tvOS)
                        ShareButton(contentItem: .init(video: model.videoForDisplay))
                    #endif

                    Section {
                        if !video.isLocal {
                            Button {
                                navigation.openChannel(
                                    video.channel,
                                    navigationStyle: navigationStyle
                                )
                            } label: {
                                Label("\(video.author) Channel", systemImage: "rectangle.stack.fill.badge.person.crop")
                            }

                            if accounts.app.supportsSubscriptions, accounts.signedIn {
                                if subscriptions.isSubscribing(video.channel.id) {
                                    Button {
                                        #if os(tvOS)
                                            subscriptions.unsubscribe(video.channel.id)
                                        #else
                                            navigation.presentUnsubscribeAlert(video.channel, subscriptions: subscriptions)
                                        #endif
                                    } label: {
                                        Label("Unsubscribe", systemImage: "star.circle")
                                    }
                                } else {
                                    Button {
                                        subscriptions.subscribe(video.channel.id) {
                                            navigation.sidebarSectionChanged.toggle()
                                        }
                                    } label: {
                                        Label("Subscribe", systemImage: "star.circle")
                                    }
                                }
                            }
                        }
                    }
                }

                Button {
                    model.closeCurrentItem()
                } label: {
                    Label("Close Video", systemImage: "xmark")
                }
            }
            .labelStyle(.automatic)
        }
    }
}

struct ControlsBar_Previews: PreviewProvider {
    static var previews: some View {
        ControlsBar(fullScreen: .constant(false), expansionState: .constant(.full))
            .injectFixtureEnvironmentObjects()
    }
}