libnovel/ios/LibNovel/LibNovel/Views/Home/HomeView.swift

import SwiftUI
import Kingfisher

struct HomeView: View {
    @StateObject private var vm = HomeViewModel()
    @EnvironmentObject var authStore: AuthStore

    var body: some View {
        NavigationStack {
            ScrollView {
                VStack(alignment: .leading, spacing: 28) {

                    // Stats bar
                    if let stats = vm.stats {
                        HStack(spacing: 0) {
                            StatCell(value: "\(stats.totalBooks)", label: "Books")
                            Divider().frame(height: 32)
                            StatCell(value: "\(stats.totalChapters)", label: "Chapters")
                            Divider().frame(height: 32)
                            StatCell(value: "\(stats.booksInProgress)", label: "In Progress")
                        }
                        .frame(maxWidth: .infinity)
                        .padding(.vertical, 16)
                        .background(.ultraThinMaterial, in: RoundedRectangle(cornerRadius: 14))
                        .padding(.horizontal)
                    }

                    // Continue reading
                    if !vm.continueReading.isEmpty {
                        SectionHeader(title: "Continue Reading")
                    ScrollView(.horizontal, showsIndicators: false) {
                        HStack(alignment: .top, spacing: 12) {
                            ForEach(vm.continueReading) { item in
                                NavigationLink(value: NavDestination.book(item.book.slug)) {
                                    ContinueReadingCard(item: item)
                                }
                                .buttonStyle(.plain)
                            }
                        }
                        .padding(.horizontal)
                    }
                    }

                    // Recently updated
                    if !vm.recentlyUpdated.isEmpty {
                        SectionHeader(title: "Recently Updated")
                        LazyVGrid(columns: [GridItem(.adaptive(minimum: 150), spacing: 12)], spacing: 16) {
                            ForEach(vm.recentlyUpdated) { book in
                                NavigationLink(value: NavDestination.book(book.slug)) {
                                    BookCard(book: book)
                                }
                                .buttonStyle(.plain)
                            }
                        }
                        .padding(.horizontal)
                    }

                    // Empty state
                    if vm.continueReading.isEmpty && vm.recentlyUpdated.isEmpty && !vm.isLoading {
                        EmptyStateView(
                            icon: "books.vertical",
                            title: "Your library is empty",
                            message: "Head to Discover to find novels to read."
                        )
                        .frame(maxWidth: .infinity)
                        .padding(.top, 60)
                    }

                    if vm.isLoading {
                        ProgressView()
                            .frame(maxWidth: .infinity)
                            .padding(.top, 60)
                    }
                }
                .padding(.vertical)
            }
            .navigationTitle("Home")
            .appNavigationDestination()
            .refreshable { await vm.load() }
            .task { await vm.load() }
            .errorAlert($vm.error)
        }
    }
}

// MARK: - Supporting components

private struct StatCell: View {
    let value: String
    let label: String
    var body: some View {
        VStack(spacing: 2) {
            Text(value).font(.title2.bold()).foregroundStyle(.primary)
            Text(label).font(.caption).foregroundStyle(.secondary)
        }
        .frame(maxWidth: .infinity)
    }
}

private struct SectionHeader: View {
    let title: String
    var body: some View {
        Text(title)
            .font(.title3.bold())
            .padding(.horizontal)
    }
}

private struct ContinueReadingCard: View {
    let item: ContinueReadingItem
    var body: some View {
        VStack(alignment: .leading, spacing: 6) {
            KFImage(URL(string: item.book.cover))
                .resizable()
                .placeholder { coverPlaceholder }
                .scaledToFill()
                .frame(width: 120, height: 170)
                .clipShape(RoundedRectangle(cornerRadius: 10))
                .overlay(alignment: .bottomTrailing) {
                    Text("Ch.\(item.chapter)")
                        .font(.caption2.bold())
                        .padding(.horizontal, 6)
                        .padding(.vertical, 3)
                        .background(.ultraThinMaterial, in: Capsule())
                        .padding(6)
                }
            Text(item.book.title)
                .font(.caption.bold())
                .lineLimit(2)
                .frame(width: 120, alignment: .leading)
        }
    }
    private var coverPlaceholder: some View {
        RoundedRectangle(cornerRadius: 10)
            .fill(Color(.systemGray5))
            .frame(width: 120, height: 170)
            .overlay(Image(systemName: "book.closed").foregroundStyle(.secondary))
    }
}