import SwiftUI

/// Week page — Calendar-app style: day number in a circle on the left (today
/// filled in coral), meals with tinted icons on the right.
struct WeekView: View {
    @EnvironmentObject private var store: WatchWeekStore

    var body: some View {
        Group {
            if let payload = store.payload {
                ScrollView {
                    VStack(alignment: .leading, spacing: 6) {
                        Text(payload.weekTitle)
                            .font(.system(.footnote, design: .rounded, weight: .bold))
                            .foregroundStyle(WatchTheme.coral)
                            .padding(.horizontal, 2)

                        ForEach(payload.days, id: \.dayOfWeek) { day in
                            DayRow(day: day)
                        }
                    }
                }
            } else {
                EmptySyncView()
            }
        }
    }
}

private struct DayRow: View {
    let day: WatchWeekPayload.Day

    /// "Lun 8" → ("Lun", "8")
    private var parts: (name: String, number: String) {
        let pieces = day.title.split(separator: " ", maxSplits: 1)
        guard pieces.count == 2 else { return (day.title, "") }
        return (String(pieces[0]), String(pieces[1]))
    }

    var body: some View {
        HStack(alignment: .top, spacing: 8) {
            VStack(spacing: 0) {
                Text(parts.name.uppercased())
                    .font(.system(size: 9, weight: .bold, design: .rounded))
                    .foregroundStyle(day.isToday ? WatchTheme.coral : .secondary)
                Text(parts.number)
                    .font(.system(size: 15, weight: .bold, design: .rounded))
                    .foregroundStyle(day.isToday ? .white : .primary)
                    .frame(width: 26, height: 26)
                    .background(
                        Circle().fill(day.isToday ? WatchTheme.coral : .clear)
                    )
            }
            .frame(width: 32)

            VStack(alignment: .leading, spacing: 3) {
                ForEach(Array(day.meals.enumerated()), id: \.offset) { _, meal in
                    HStack(spacing: 4) {
                        Image(systemName: WatchWeekPayload.icon(for: meal.type))
                            .font(.system(size: 9, weight: .semibold))
                            .foregroundStyle(WatchTheme.accent(for: meal.type))
                            .frame(width: 12)
                        Text(meal.name ?? "—")
                            .font(.system(size: 13, design: .rounded))
                            .lineLimit(1)
                    }
                }
            }
            .frame(maxWidth: .infinity, alignment: .leading)
            .padding(.vertical, 5)
            .padding(.horizontal, 7)
            .background(
                day.isToday ? WatchTheme.coral.opacity(0.16) : Color.white.opacity(0.07),
                in: RoundedRectangle(cornerRadius: 9)
            )
        }
    }
}