import Defaults
import SwiftUI

struct AppSidebarSubscriptions: View {
    @ObservedObject private var navigation = NavigationModel.shared
    @ObservedObject private var feed = FeedModel.shared
    @ObservedObject private var subscriptions = SubscribedChannelsModel.shared

    @ObservedObject private var accounts = AccountsModel.shared

    var body: some View {
        Section(header: Text("Subscriptions")) {
            ForEach(subscriptions.all) { channel in
                NavigationLink(tag: TabSelection.channel(channel.id), selection: $navigation.tabSelection) {
                    LazyView(ChannelVideosView(channel: channel).modifier(PlayerOverlayModifier()))
                } label: {
                    HStack {
                        if channel.thumbnailURL != nil {
                            ChannelAvatarView(channel: channel, subscribedBadge: false)
                                .frame(width: 20, height: 20)

                            Text(channel.name)
                        } else {
                            Label(channel.name, systemImage: RecentsModel.symbolSystemImage(channel.name))
                        }
                    }
                    .backport
                    .badge(channelBadge(channel))
                }
                .contextMenu {
                    Button("Unsubscribe") {
                        navigation.presentUnsubscribeAlert(channel, subscriptions: subscriptions)
                    }
                }
                .id("channel\(channel.id)")
            }
        }
    }

    func channelBadge(_ channel: Channel) -> Text? {
        if let count = feed.unwatchedByChannel[accounts.current]?[channel.id] {
            return Text(String(count))
        }

        return nil
    }
}

struct AppSidebarSubscriptions_Previews: PreviewProvider {
    static var previews: some View {
        AppSidebarSubscriptions()
    }
}