libnovel/ios/LibNovel/LibNovel/Views/Library/LibraryView.swift

import SwiftUI
import Kingfisher

struct LibraryView: View {
    @StateObject private var vm = LibraryViewModel()

    var body: some View {
        NavigationStack {
            Group {
                if vm.isLoading && vm.items.isEmpty {
                    ProgressView()
                        .frame(maxWidth: .infinity, maxHeight: .infinity)
                } else if vm.items.isEmpty {
                    EmptyStateView(
                        icon: "bookmark",
                        title: "No saved books",
                        message: "Books you save or start reading will appear here."
                    )
                } else {
                    ScrollView {
                        LazyVGrid(
                            columns: [GridItem(.adaptive(minimum: 150), spacing: 12)],
                            spacing: 16
                        ) {
                            ForEach(vm.items) { item in
                                NavigationLink(value: NavDestination.book(item.book.slug)) {
                                    LibraryCard(item: item)
                                }
                                .buttonStyle(.plain)
                            }
                        }
                        .padding()
                    }
                }
            }
            .navigationTitle("Library")
            .navigationDestination(for: NavDestination.self) { dest in
                switch dest {
                case .book(let slug): BookDetailView(slug: slug)
                case .chapter(let slug, let n): ChapterReaderView(slug: slug, chapterNumber: n)
                }
            }
            .refreshable { await vm.load() }
            .task { await vm.load() }
            .alert("Error", isPresented: .constant(vm.error != nil)) {
                Button("OK") { vm.error = nil }
            } message: { Text(vm.error ?? "") }
        }
    }
}

private struct LibraryCard: View {
    let item: LibraryItem
    var body: some View {
        VStack(alignment: .leading, spacing: 6) {
            ZStack(alignment: .bottomTrailing) {
                KFImage(URL(string: item.book.cover))
                    .resizable()
                    .placeholder {
                        RoundedRectangle(cornerRadius: 10)
                            .fill(Color(.systemGray5))
                            .overlay(Image(systemName: "book.closed").foregroundStyle(.secondary))
                    }
                    .scaledToFill()
                    .frame(height: 200)
                    .clipShape(RoundedRectangle(cornerRadius: 10))

                if let ch = item.lastChapter {
                    Text("Ch.\(ch)")
                        .font(.caption2.bold())
                        .padding(.horizontal, 6)
                        .padding(.vertical, 3)
                        .background(.ultraThinMaterial, in: Capsule())
                        .padding(6)
                }
            }
            Text(item.book.title)
                .font(.caption.bold())
                .lineLimit(2)
            Text(item.book.author)
                .font(.caption2)
                .foregroundStyle(.secondary)
                .lineLimit(1)
        }
    }
}