//
// Swiftfin is subject to the terms of the Mozilla Public
// License, v2.0. If a copy of the MPL was not distributed with this
// file, you can obtain one at https://mozilla.org/MPL/2.0/.
//
// Copyright (c) 2022 Jellyfin & Jellyfin Contributors
//

import SwiftUI

struct PillHStack<Item: Displayable>: View {

    private var title: String
    private var items: [Item]
    private var onSelect: (Item) -> Void

    private init(
        title: String,
        items: [Item],
        onSelect: @escaping (Item) -> Void
    ) {
        self.title = title
        self.items = items
        self.onSelect = onSelect
    }

    var body: some View {
        VStack(alignment: .leading) {
            Text(title)
                .font(.title2)
                .fontWeight(.semibold)
                .accessibility(addTraits: [.isHeader])
                .padding(.leading)
                .if(UIDevice.isIPad) { view in
                    view.padding(.leading)
                }

            ScrollView(.horizontal, showsIndicators: false) {
                HStack {
                    ForEach(items, id: \.displayName) { item in
                        Button {
                            onSelect(item)
                        } label: {
                            Text(item.displayName)
                                .font(.caption)
                                .fontWeight(.semibold)
                                .foregroundColor(.primary)
                                .padding(10)
                                .background {
                                    Color.systemFill
                                        .cornerRadius(10)
                                }
                        }
                    }
                }
                .padding(.horizontal)
                .if(UIDevice.isIPad) { view in
                    view.padding(.horizontal)
                }
            }
        }
    }
}

extension PillHStack {

    init(title: String, items: [Item]) {
        self.init(title: title, items: items, onSelect: { _ in })
    }

    func onSelect(_ onSelect: @escaping (Item) -> Void) -> Self {
        var copy = self
        copy.onSelect = onSelect
        return copy
    }
}