loopfollow/LoopFollow/Snoozer/SnoozerView.swift

//
//  SnoozerView.swift
//  LoopFollow
//
//  Created by Jonas Björkert on 2025-04-26.
//  Copyright © 2025 Jon Fawcett. All rights reserved.
//

import SwiftUI

struct SnoozerView: View {
    @StateObject private var vm = SnoozerViewModel()

    @ObservedObject var minAgoText = Observable.shared.minAgoText
    @ObservedObject var bgText     = Observable.shared.bgText
    @ObservedObject var bgTextColor = Observable.shared.bgTextColor
    @ObservedObject var directionText = Observable.shared.directionText
    @ObservedObject var deltaText   = Observable.shared.deltaText
    @ObservedObject var bgStale     = Observable.shared.bgStale

    var body: some View {
        GeometryReader { geo in
            ZStack {
                Color.black
                    .edgesIgnoringSafeArea(.all)

                Group {
                    if geo.size.width > geo.size.height {
                        // Landscape: two columns
                        HStack(spacing: 0) {
                            leftColumn
                            rightColumn
                        }
                    } else {
                        // Portrait: single column
                        VStack(spacing: 0) {
                            leftColumn
                            rightColumn
                        }
                    }
                }
                .frame(width: geo.size.width, height: geo.size.height)
            }
        }
    }

    // MARK: - Left Column (BG / Direction / Delta / Age)
    private var leftColumn: some View {
        VStack(spacing: 0) {
            Text(bgText.value)
                .font(.system(size: 220, weight: .black))
                .minimumScaleFactor(0.5)
                .foregroundColor(bgTextColor.value)
                .strikethrough(
                    bgStale.value,
                    pattern: .solid,
                    color: bgStale.value ? .red : .clear
                )
                .frame(maxWidth: .infinity, maxHeight: 167)

            Text(directionText.value)
                .font(.system(size: 110, weight: .black))
                .minimumScaleFactor(0.5)
                .foregroundColor(.white)
                .frame(maxWidth: .infinity, maxHeight: 96)

            Text(deltaText.value)
                .font(.system(size: 70))
                .minimumScaleFactor(0.5)
                .foregroundColor(.white.opacity(0.8))
                .frame(maxWidth: .infinity, maxHeight: 78)

            Text(minAgoText.value)
                .font(.system(size: 70))
                .minimumScaleFactor(0.5)
                .foregroundColor(.white.opacity(0.6))
                .frame(maxWidth: .infinity, maxHeight: 48)
        }
        .padding(.top, 16)
        .padding(.horizontal, 16)
    }

    // MARK: - Right Column (Clock/Alert + Snooze Controls)
    private var rightColumn: some View {
        VStack(spacing: 0) {
            Spacer()

            if let alarm = vm.activeAlarm {
                VStack(spacing: 16) {
                    Text(alarm.name)
                        .font(.system(size: 30, weight: .semibold))
                        .foregroundColor(.white)
                        .lineLimit(1)
                        .minimumScaleFactor(0.5)
                        .padding(.top, 20)
                    Divider()

                    // snooze controls
                    HStack {
                        VStack(alignment: .leading, spacing: 4) {
                            Text("Snooze for")
                                .font(.headline)
                            Text("\(vm.snoozeUnits) \(vm.timeUnitLabel)")
                                .font(.title3).bold()
                        }
                        Spacer()
                        Stepper("", value: $vm.snoozeUnits,
                                in: 1...(alarm.type.timeUnit == .day ? 30 :
                                            alarm.type.timeUnit == .hour ? 24 : 60),
                                step: alarm.type.timeUnit == .minute ? 5 : 1)
                        .labelsHidden()
                    }
                    .padding(.horizontal, 24)

                    Button(action: vm.snoozeTapped) {
                        Text("Snooze")
                            .font(.title2).bold()
                            .frame(maxWidth: .infinity, minHeight: 50)
                            .background(Color.accentColor)
                            .foregroundColor(.white)
                            .cornerRadius(12)
                    }
                    .padding(.horizontal, 24)
                    .padding(.bottom, 20)
                }
                .background(.ultraThinMaterial)
                .cornerRadius(20, corners: [.topLeft, .topRight])
                .transition(.move(edge: .bottom).combined(with: .opacity))
                .animation(.spring(), value: vm.activeAlarm != nil)
            } else {
                TimelineView(.periodic(from: .now, by: 1)) { context in
                    Text(context.date, format:
                            Date.FormatStyle(date: .omitted, time: .shortened)
                    )
                    .font(.system(size: 70))
                    .minimumScaleFactor(0.5)
                    .foregroundColor(.white)
                    .frame(height: 78)
                }
                Spacer()
            }
        }
    }
}

fileprivate extension View {
    func cornerRadius(_ radius: CGFloat, corners: UIRectCorner) -> some View {
        clipShape( RoundedCorner(radius: radius, corners: corners) )
    }
}

fileprivate struct RoundedCorner: Shape {
    var radius: CGFloat = .infinity
    var corners: UIRectCorner = .allCorners
    func path(in rect: CGRect) -> Path {
        let path = UIBezierPath(
            roundedRect: rect,
            byRoundingCorners: corners,
            cornerRadii: CGSize(width: radius, height: radius)
        )
        return Path(path.cgPath)
    }
}