Trio/Trio Watch App Extension/Views/BolusProgressOverlay.swift

import SwiftUI

struct BolusProgressOverlay: View {
    let state: WatchState
    let onCancelBolus: () -> Void

    private let progressGradient = LinearGradient(
        colors: [
            Color(red: 0.7215686275, green: 0.3411764706, blue: 1), // #B857FF
            Color(red: 0.6235294118, green: 0.4235294118, blue: 0.9803921569), // #9F6CFA
            Color(red: 0.4862745098, green: 0.5450980392, blue: 0.9529411765), // #7C8BF3
            Color(red: 0.3411764706, green: 0.6666666667, blue: 0.9254901961), // #57AAEC
            Color(red: 0.262745098, green: 0.7333333333, blue: 0.9137254902) // #43BBE9
        ],
        startPoint: .leading,
        endPoint: .trailing
    )

    private var isWatchStateDated: Bool {
        // If `lastWatchStateUpdate` is nil, treat as "dated"
        guard let lastUpdateTimestamp = state.lastWatchStateUpdate else {
            return true
        }
        let now = Date().timeIntervalSince1970
        let secondsSinceUpdate = now - lastUpdateTimestamp
        // Return true if last update older than 5 min, so 1 loop cycle
        return secondsSinceUpdate > 5 * 60
    }

    private var isSessionUnreachable: Bool {
        guard let session = state.session else {
            return true // No session at all => unreachable
        }
        // Return true if not .activated OR not reachable
        return session.activationState != .activated
    }

    var body: some View {
        VStack(spacing: 10) {
            VStack {
                Text("Bolusing")
                    .font(.footnote)
                    .foregroundStyle(.secondary)
                    .padding(.top)

                ProgressView(value: state.bolusProgress, total: 1.0)
                    .tint(progressGradient)

                Text(String(
                    format: String(
                        localized: "%.2f U of %.2f U",
                        comment: "Format for showing delivered and active bolus amounts, 'x U of y U' on watch"
                    ),
                    state.deliveredAmount,
                    state.activeBolusAmount
                ))
                    .font(.footnote)
                    .foregroundStyle(.secondary)

                Spacer()

                Button(action: {
                    state.sendCancelBolusRequest()
                    onCancelBolus()
                }) {
                    Text("Cancel Bolus")
                }
                .buttonStyle(.bordered)
                .padding()
                .disabled(isWatchStateDated || isSessionUnreachable)
            }
            .padding()
            .background(Color.black.opacity(0.9))
            .cornerRadius(10)
        }
        .scenePadding()
        .onChange(of: state.bolusProgress) { _, newProgress in
            if newProgress >= 1.0 {
                state.activeBolusAmount = 0 // Reset only when bolus is complete
            }
        }
        .onDisappear {
            state.activeBolusAmount = 0 // Triple-check to reset when view disappears
        }
    }
}