import Foundation
import Adwaita
import LuminateCore

struct HomePosterCell: View {

    var item: Components.Schemas.BaseItemDto
    var client: JellyfinClient
    @State private var imageData: Data?

    var view: Body {
        VStack {
            if let data = imageData {
                Picture()
                    .data(data)
                    .frame(minWidth: 150, minHeight: 225)
.frame(maxWidth: 150)
.frame(maxHeight: 225)
            } else {
                Box(spacing: 0) {}
                    .frame(minWidth: 150, minHeight: 225)
.frame(maxWidth: 150)
.frame(maxHeight: 225)
                    .style("card")
            }
            Text(item.Name ?? "")
                .style("body")
                .halign(.center)
                .frame(maxWidth: 150)
        }
        .onAppear {
            loadImage()
        }
    }

    private func loadImage() {
        guard let tag = item.primaryImageTag,
              let itemId = item.Id else { return }
        Task {
            guard let url = await client.imageURL(
                itemId: itemId,
                imageType: .Primary,
                tag: tag,
                maxWidth: 300
            ) else { return }
            let service = ImageService()
            imageData = try? await service.loadImage(url: url)
        }
    }
}