yattee/Shared/Playlists/PlaylistsView.swift

import Defaults
import Siesta
import SwiftUI

struct PlaylistsView: View {
    @State private var selectedPlaylistID: Playlist.ID = ""

    @State private var showingNewPlaylist = false
    @State private var createdPlaylist: Playlist?

    @State private var showingEditPlaylist = false
    @State private var editedPlaylist: Playlist?

    @EnvironmentObject<AccountsModel> private var accounts
    @EnvironmentObject<PlayerModel> private var player
    @EnvironmentObject<PlaylistsModel> private var model

    @Namespace private var focusNamespace

    var items: [ContentItem] {
        ContentItem.array(of: currentPlaylist?.videos ?? [])
    }

    var body: some View {
        PlayerControlsView {
            SignInRequiredView(title: "Playlists") {
                VStack {
                    #if os(tvOS)
                        toolbar
                    #endif

                    if currentPlaylist != nil, items.isEmpty {
                        hintText("Playlist is empty\n\nTap and hold on a video and then tap \"Add to Playlist\"")
                    } else if model.all.isEmpty {
                        hintText("You have no playlists\n\nTap on \"New Playlist\" to create one")
                    } else {
                        Group {
                            #if os(tvOS)
                                HorizontalCells(items: items)
                                    .padding(.top, 40)
                                Spacer()
                            #else
                                VerticalCells(items: items)
                            #endif
                        }
                        .environment(\.currentPlaylistID, currentPlaylist?.id)
                    }
                }
            }
        }
        #if os(tvOS)
        .fullScreenCover(isPresented: $showingNewPlaylist, onDismiss: selectCreatedPlaylist) {
            PlaylistFormView(playlist: $createdPlaylist)
                .environmentObject(accounts)
        }
        .fullScreenCover(isPresented: $showingEditPlaylist, onDismiss: selectEditedPlaylist) {
            PlaylistFormView(playlist: $editedPlaylist)
                .environmentObject(accounts)
        }
        #else
                .background(
                    EmptyView()
                        .sheet(isPresented: $showingNewPlaylist, onDismiss: selectCreatedPlaylist) {
                            PlaylistFormView(playlist: $createdPlaylist)
                                .environmentObject(accounts)
                        }
                )
                .background(
                    EmptyView()
                        .sheet(isPresented: $showingEditPlaylist, onDismiss: selectEditedPlaylist) {
                            PlaylistFormView(playlist: $editedPlaylist)
                                .environmentObject(accounts)
                        }
                )
        #endif
                .toolbar {
                    ToolbarItemGroup {
                        #if !os(iOS)
                            if !model.isEmpty {
                                if #available(macOS 12.0, *) {
                                    selectPlaylistButton
                                        .prefersDefaultFocus(in: focusNamespace)
                                } else {
                                    selectPlaylistButton
                                }
                            }

                            if currentPlaylist != nil {
                                editPlaylistButton
                            }
                        #endif

                        FavoriteButton(item: FavoriteItem(section: .playlist(selectedPlaylistID)))
                    }

                    #if os(iOS)
                        ToolbarItemGroup(placement: .bottomBar) {
                            Group {
                                if model.isEmpty {
                                    Text("No Playlists")
                                        .foregroundColor(.secondary)
                                } else {
                                    selectPlaylistButton
                                        .frame(maxWidth: 140)
                                }

                                Spacer()

                                if currentPlaylist != nil {
                                    HStack(spacing: 10) {
                                        playButton
                                        shuffleButton
                                    }

                                    Spacer()
                                }

                                HStack(spacing: 2) {
                                    newPlaylistButton

                                    if currentPlaylist != nil {
                                        editPlaylistButton
                                    }
                                }
                            }
                        }
                    #endif
                }
        #if os(tvOS)
                .focusScope(focusNamespace)
        #endif
                .onAppear {
                    model.load()
                }
                .onChange(of: accounts.current) { _ in
                    model.load(force: true)
                }
        #if os(iOS)
                .navigationBarTitleDisplayMode(RefreshControl.navigationBarTitleDisplayMode)
        #endif
    }

    #if os(tvOS)
        var toolbar: some View {
            HStack {
                if model.isEmpty {
                    Text("No Playlists")
                        .foregroundColor(.secondary)
                } else {
                    Text("Current Playlist")
                        .foregroundColor(.secondary)

                    selectPlaylistButton
                }

                if let playlist = currentPlaylist {
                    editPlaylistButton

                    FavoriteButton(item: FavoriteItem(section: .playlist(playlist.id)))
                        .labelStyle(.iconOnly)

                    playButton
                    shuffleButton
                }

                Spacer()

                newPlaylistButton
                    .padding(.leading, 40)
            }
        }
    #endif

    func hintText(_ text: String) -> some View {
        VStack {
            Spacer()
            Text(text)
                .foregroundColor(.secondary)
                .multilineTextAlignment(.center)
            Spacer()
        }
        .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
        #if os(macOS)
            .background(Color.secondaryBackground)
        #endif
    }

    func selectCreatedPlaylist() {
        guard createdPlaylist != nil else {
            return
        }

        model.load(force: true) {
            if let id = createdPlaylist?.id {
                selectedPlaylistID = id
            }

            self.createdPlaylist = nil
        }
    }

    func selectEditedPlaylist() {
        if editedPlaylist.isNil {
            selectedPlaylistID = ""
        }

        model.load(force: true) {
            self.selectedPlaylistID = editedPlaylist?.id ?? ""

            self.editedPlaylist = nil
        }
    }

    var selectPlaylistButton: some View {
        #if os(tvOS)
            Button(currentPlaylist?.title ?? "Select playlist") {
                guard currentPlaylist != nil else {
                    return
                }

                selectedPlaylistID = model.all.next(after: currentPlaylist!)?.id ?? ""
            }
            .contextMenu {
                ForEach(model.all) { playlist in
                    Button(playlist.title) {
                        selectedPlaylistID = playlist.id
                    }
                }

                Button("Cancel", role: .cancel) {}
            }
        #else
            Menu(currentPlaylist?.title ?? "Select playlist") {
                ForEach(model.all) { playlist in
                    Button(action: { selectedPlaylistID = playlist.id }) {
                        if playlist == currentPlaylist {
                            Label(playlist.title, systemImage: "checkmark")
                        } else {
                            Text(playlist.title)
                        }
                    }
                }
            }
        #endif
    }

    var editPlaylistButton: some View {
        Button(action: {
            self.editedPlaylist = self.currentPlaylist
            self.showingEditPlaylist = true
        }) {
            HStack(spacing: 8) {
                Image(systemName: "slider.horizontal.3")
                Text("Edit")
            }
        }
    }

    var newPlaylistButton: some View {
        Button(action: { self.showingNewPlaylist = true }) {
            HStack(spacing: 8) {
                Image(systemName: "plus")
                #if os(tvOS)
                    Text("New Playlist")
                #endif
            }
        }
    }

    private var playButton: some View {
        Button {
            player.play(items.compactMap(\.video))
        } label: {
            Image(systemName: "play")
        }
    }

    private var shuffleButton: some View {
        Button {
            player.play(items.compactMap(\.video), shuffling: true)
        } label: {
            Image(systemName: "shuffle")
        }
    }

    private var currentPlaylist: Playlist? {
        model.find(id: selectedPlaylistID) ?? model.all.first
    }
}

struct PlaylistsView_Provider: PreviewProvider {
    static var previews: some View {
        PlaylistsView()
            .injectFixtureEnvironmentObjects()
    }
}