import SwiftUI

struct AppSidebarPlaylists: View {
    @ObservedObject private var accounts = AccountsModel.shared
    @ObservedObject private var navigation = NavigationModel.shared
    private var player = PlayerModel.shared
    @ObservedObject private var playlists = PlaylistsModel.shared

    var body: some View {
        Section(header: Text("Playlists")) {
            ForEach(playlists.playlists.sorted { $0.title.lowercased() < $1.title.lowercased() }) { playlist in
                NavigationLink(tag: TabSelection.playlist(playlist.id), selection: $navigation.tabSelection) {
                    LazyView(PlaylistVideosView(playlist).modifier(PlayerOverlayModifier()))
                } label: {
                    playlistLabel(playlist)
                }
                .id(playlist.id)
                .contextMenu {
                    Button("Play All") {
                        player.play(playlists.find(id: playlist.id)?.videos ?? [])
                    }
                    Button("Shuffle All") {
                        player.play(playlists.find(id: playlist.id)?.videos ?? [], shuffling: true)
                    }
                    Button("Edit") {
                        navigation.presentEditPlaylistForm(playlists.find(id: playlist.id))
                    }
                }
            }

            newPlaylistButton
                .padding(.top, 8)
        }
    }

    @ViewBuilder func playlistLabel(_ playlist: Playlist) -> some View {
        let label = Label(playlist.title, systemImage: RecentsModel.symbolSystemImage(playlist.title))

        if accounts.app.userPlaylistsEndpointIncludesVideos, !playlist.videos.isEmpty {
            label
                .backport
                .badge(Text("\(playlist.videos.count)"))
        } else {
            label
        }
    }

    var newPlaylistButton: some View {
        Button(action: { navigation.presentNewPlaylistForm() }) {
            Label("New Playlist", systemImage: "plus.circle")
        }
        .foregroundColor(.secondary)
        .buttonStyle(.plain)
    }
}