Trio/Trio/Sources/Modules/Onboarding/View/TherapySettingEditorView.swift

import SwiftUI

struct TherapySettingEditorView: View {
    @Binding var items: [TherapySettingItem]
    var unit: TherapySettingUnit
    var timeOptions: [TimeInterval]
    var valueOptions: [Decimal]

    @State private var selectedItemID: UUID?

    var body: some View {
        List {
            HStack {
                Text("Entries").bold()
                Spacer()
                Button {
                    let lastTime = items.last?.time ?? 0
                    let newTime = min(lastTime + 1800, 23 * 3600 + 1800)
                    let newValue = items.last?.value ?? 1.0
                    items.append(TherapySettingItem(time: newTime, value: newValue))
                    selectedItemID = nil
                } label: {
                    HStack {
                        Image(systemName: "plus.circle.fill")
                        Text("Add")
                    }.foregroundColor(.accentColor)
                }
                .disabled(items.count >= 48)
            }
            .listRowBackground(Color.chart.opacity(0.65))
            .padding(.vertical, 5)

            ForEach($items) { $item in
                VStack(spacing: 0) {
                    Button {
                        selectedItemID = selectedItemID == item.id ? nil : item.id
                        Task { @MainActor in
                            withAnimation {
                                items = items.sorted { $0.time < $1.time }
                            }
                        }
                    } label: {
                        HStack {
                            HStack {
                                Text(displayText(for: unit, decimalValue: item.value))
                                    .foregroundStyle(selectedItemID == item.id ? Color.accentColor : Color.primary)
                                Text(unit.displayName)
                                    .foregroundStyle(Color.secondary)
                            }

                            Spacer()

                            HStack {
                                Text("starts at").foregroundStyle(Color.secondary)
                                let timeIndex = timeOptions.firstIndex { abs($0 - item.time) < 1 } ?? 0
                                let time = timeOptions[timeIndex]
                                let date = Date(timeIntervalSince1970: time)
                                let timeString = timeFormatter.string(from: date)
                                Text(timeString)
                                    .foregroundStyle(selectedItemID == item.id ? Color.accentColor : Color.primary)
                            }
                        }.contentShape(Rectangle())
                    }
                    .buttonStyle(.plain)

                    if selectedItemID == item.id {
                        timeValuePickerRow(
                            item: $item,
                            timeOptions: timeOptions,
                            valueOptions: valueOptions,
                            unit: unit
                        )
                        .transition(.slide)
                    }
                }
                .swipeActions(edge: .trailing, allowsFullSwipe: true) {
                    if let index = items.firstIndex(where: { $0.id == item.id }), items.count > 1 {
                        Button(role: .destructive) {
                            items.remove(at: index)
                            selectedItemID = nil
                        } label: {
                            Label("Delete", systemImage: "trash")
                        }
                    }
                }
            }
            .listRowBackground(Color.chart.opacity(0.65))

            Rectangle().fill(Color.chart.opacity(0.65)).frame(height: 10)
                .clipShape(
                    .rect(
                        topLeadingRadius: 0,
                        bottomLeadingRadius: 10,
                        bottomTrailingRadius: 10,
                        topTrailingRadius: 0
                    )
                )
                .listRowBackground(Color.clear)
                .listRowInsets(EdgeInsets(top: -22, leading: 0, bottom: 0, trailing: 0))
                .listRowSeparator(.hidden)
        }
        .listStyle(.plain)
        .scrollDisabled(true)
        .scrollContentBackground(.hidden)
        .frame(height: 55 + CGFloat(items.count) * 45 + (items.contains(where: { $0.id == selectedItemID }) ? 230 : 0))
        // 55 for header row, item counts x 45 for every entry row + 230 for a visible picker row
    }

    @ViewBuilder private func timeValuePickerRow(
        item: Binding<TherapySettingItem>,
        timeOptions: [TimeInterval],
        valueOptions: [Decimal],
        unit: TherapySettingUnit
    ) -> some View {
        VStack(spacing: 8) {
            HStack {
                Picker("Value", selection: Binding(
                    get: { Double(item.wrappedValue.value) },
                    set: { item.wrappedValue.value = Decimal($0) }
                )) {
                    ForEach(valueOptions, id: \.self) { value in
                        Text("\(displayText(for: unit, decimalValue: value)) \(unit.displayName)").tag(Double(value))
                    }
                }
                .frame(maxWidth: .infinity)
                .clipped()

                Picker("Time", selection: Binding(
                    get: { item.wrappedValue.time },
                    set: { item.wrappedValue.time = $0 }
                )) {
                    ForEach(timeOptions, id: \.self) { time in
                        Text(timeFormatter.string(from: Date(timeIntervalSince1970: time)))
                            .tag(time)
                    }
                }
                .frame(maxWidth: .infinity)
                .clipped()
            }
            .pickerStyle(.wheel)
        }
        .padding(.vertical, 8)
    }

    private var timeFormatter: DateFormatter {
        let formatter = DateFormatter()
        formatter.timeZone = TimeZone(secondsFromGMT: 0)
        formatter.timeStyle = .short
        return formatter
    }

    private func displayText(for unit: TherapySettingUnit, decimalValue: Decimal) -> String {
        switch unit {
        case .mmolL,
             .mmolLPerUnit:
            return decimalValue.formattedAsMmolL
        case .gramPerUnit,
             .mgdL,
             .mgdLPerUnit,
             .unitPerHour:
            return decimalValue.description
        }
    }
}

struct TherapySettingItem: Identifiable, Equatable, Hashable {
    var id = UUID()
    var time: TimeInterval // seconds since start of day
    var value: Decimal
}

enum TherapySettingUnit: String, CaseIterable {
    case mmolLPerUnit
    case mgdLPerUnit
    case unitPerHour
    case gramPerUnit
    case mmolL
    case mgdL

    var id: String { rawValue }

    var displayName: String {
        switch self {
        case .mmolLPerUnit:
            return String(localized: "mmol/L/U")
        case .mgdLPerUnit:
            return String(localized: "mg/dL/U")
        case .unitPerHour:
            return String(localized: "U/hr")
        case .gramPerUnit:
            return String(localized: "g/U")
        case .mmolL:
            return "mmol/L"
        case .mgdL:
            return "mg/dL"
        }
    }
}

#Preview {
    @Previewable @State var previewItems = [
        TherapySettingItem(time: 0, value: 1.0),
        TherapySettingItem(time: 1800, value: 1.2)
    ]

    TherapySettingEditorView(
        items: $previewItems,
        unit: .unitPerHour,
        timeOptions: stride(from: 0.0, to: 1.days.timeInterval, by: 30.minutes.timeInterval).map { $0 },
        valueOptions: stride(from: 0.0, through: 10.0, by: 0.05).map { Decimal(round(100 * $0) / 100) }
    )
}