import CareKit
import CareKitEssentials
import CareKitStore
import CareKitUI
import SwiftUI

struct InsightsView: View {

	@CareStoreFetchRequest(query: query()) private var events
	@State var intervalSelected = 0 // Default to week since chart isn't working for others.
	@State var chartInterval = DateInterval()
	@State var period: PeriodComponent = .day
	@State var configurations: [CKEDataSeriesConfiguration] = []

    var body: some View {
		ScrollView {
			// This is for loop is useful when you want a chart for
			// for every task which may not always be the case.
			ForEach(sortedEvents) { event in

				let eventResult = event.result
// Example of showing nausea vs doxlymine

						// dynamic gradient colors
						let nauseaGradientStart = Color(TintColorFlipKey.defaultValue)
						let nauseaGradientEnd = Color.accentColor

						let nauseaConfiguration = CKEDataSeriesConfiguration(
							taskID: TaskID.nausea,
							dataStrategy: .sum,
							mark: .bar,
							legendTitle: String(localized: "NAUSEA"),
							showMarkWhenHighlighted: true,
							showMeanMark: true,
							showMedianMark: false,
							color: nauseaGradientEnd,
							gradientStartColor: nauseaGradientStart,
							stackingMethod: .unstacked
						) { event in
							event.computeProgress(by: .averagingOutcomeValues())
						}

						let doxylamineConfiguration = CKEDataSeriesConfiguration(
							taskID: eventResult.task.id,
							dataStrategy: .sum,
							mark: .bar,
							legendTitle: String(localized: "DOXYLAMINE"),
							color: Color(UIColor.systemGray2),
							gradientStartColor: .gray,
							stackingMethod: .unstacked,
							symbol: .diamond,
							interpolation: .catmullRom
						) { event in
							event.computeProgress(by: .averagingOutcomeValues())
						}

						CareKitEssentialChartView(
							title: String(localized: "NAUSEA_DOXYLAMINE_INTAKE"),
							subtitle: subtitle,
							dateInterval: $chartInterval,
							period: $period,
							configurations: [
								nauseaConfiguration,
								doxylamineConfiguration
							]
						)
}