WidgetKit System Extra Large Portrait Family

import WidgetKit
import SwiftUI

// MARK: - Timeline Entry
struct ReadingScheduleEntry: TimelineEntry {
    let date: Date
    let todayChapter: String
    let tomorrowChapter: String
    let pagesRemaining: Int
    let daysUntilMeeting: Int
}

// MARK: - Timeline Provider
struct ReadingScheduleProvider: TimelineProvider {
    func placeholder(in context: Context) -> ReadingScheduleEntry {
        ReadingScheduleEntry(date: .now, todayChapter: "Chapter 5", tomorrowChapter: "Chapter 6", pagesRemaining: 120, daysUntilMeeting: 5)
    }

    func getSnapshot(in context: Context, completion: @escaping (ReadingScheduleEntry) -> Void) {
        completion(ReadingScheduleEntry(date: .now, todayChapter: "Chapter 5", tomorrowChapter: "Chapter 6", pagesRemaining: 120, daysUntilMeeting: 5))
    }

    func getTimeline(in context: Context, completion: @escaping (Timeline<ReadingScheduleEntry>) -> Void) {
        let entry = ReadingScheduleEntry(date: .now, todayChapter: "Chapter 7", tomorrowChapter: "Chapter 8", pagesRemaining: 95, daysUntilMeeting: 3)
        let tomorrow = Calendar.current.date(byAdding: .day, value: 1, to: .now) ?? .now
        let timeline = Timeline(entries: [entry], policy: .after(tomorrow))
        completion(timeline)
    }
}

// MARK: - Extra Large Portrait View (NEW in iOS 27)
struct ReadingScheduleExtraLargeView: View {
    let entry: ReadingScheduleEntry

    var body: some View {
        VStack(alignment: .leading, spacing: 16) {
            Text("📚 Reading Schedule")
                .font(.title2.bold())

            Divider()

            VStack(alignment: .leading, spacing: 8) {
                Label("Today: \(entry.todayChapter)", systemImage: "book.fill")
                    .font(.title3)
                Label("Tomorrow: \(entry.tomorrowChapter)", systemImage: "book")
                    .font(.title3)
                    .foregroundStyle(.secondary)
            }

            Divider()

            HStack {
                VStack(alignment: .leading) {
                    Text("Pages Left")
                        .font(.caption).foregroundStyle(.secondary)
                    Text("\(entry.pagesRemaining)")
                        .font(.largeTitle.bold())
                }
                Spacer()
                VStack(alignment: .trailing) {
                    Text("Days Until Meeting")
                        .font(.caption).foregroundStyle(.secondary)
                    Text("\(entry.daysUntilMeeting)")
                        .font(.largeTitle.bold())
                        .foregroundStyle(entry.daysUntilMeeting <= 2 ? .red : .green)
                }
            }
        }
        .padding()
        .containerBackground(for: .widget) {
            Color(.systemBackground)
        }
    }
}

// MARK: - Widget Definition
struct ReadingScheduleWidget: Widget {
    let kind = "ReadingScheduleWidget"

    var body: some WidgetConfiguration {
        StaticConfiguration(kind: kind, provider: ReadingScheduleProvider()) { entry in
            ReadingScheduleExtraLargeView(entry: entry)
        }
        .configurationDisplayName("Reading Schedule")
        .description("Track your daily reading goals.")
        // iOS 27: add .systemExtraLargePortrait alongside existing families
        .supportedFamilies([.systemMedium, .systemLarge, .systemExtraLargePortrait])
    }
}