Trio/Trio/Sources/Modules/Onboarding/View/OnboardingSteps/NotificationPermissionStepView.swift

//
//  NotificationPermissionStepView.swift
//  Trio
//
//  Created by Cengiz Deniz on 18.04.25.
//
import SwiftUI
import UserNotifications

struct NotificationPermissionStepView: View {
    @Bindable var state: Onboarding.StateModel
    var currentStep: Binding<OnboardingStep>

    var body: some View {
        VStack(alignment: .leading, spacing: 20) {
            Text("Allow Notifications")
                .font(.title3)
                .bold()
                .multilineTextAlignment(.leading)

            Text(
                "Trio can notify of different events when you use it. You must allow Trio to send you notifications to work properly."
            )
            .font(.body)
            .multilineTextAlignment(.leading)
            .foregroundColor(Color.secondary)
            .padding(.bottom)

            VStack(alignment: .leading, spacing: 20) {
                HStack(spacing: 12) {
                    Image(systemName: "ellipsis.message.fill")
                        .font(.system(size: 24))
                        .foregroundColor(Color.bgDarkBlue)
                        .frame(width: 44, height: 44)
                        .background(Circle().fill(Color.primary.opacity(0.8)))
                    Text("Receive optional real‑time low/high glucose alerts.")
                        .font(.body)
                        .foregroundColor(.primary)
                }

                HStack(spacing: 12) {
                    Image(systemName: "exclamationmark.triangle.fill")
                        .font(.system(size: 24))
                        .foregroundColor(Color.bgDarkBlue)
                        .frame(width: 44, height: 44)
                        .background(Circle().fill(Color.primary.opacity(0.8)))
                    Text("Be warned of connectivity or looping issues.")
                        .font(.body)
                        .foregroundColor(.primary)
                }

                HStack(spacing: 12) {
                    Image(systemName: "app.badge.fill")
                        .font(.system(size: 24))
                        .foregroundColor(Color.bgDarkBlue)
                        .frame(width: 44, height: 44)
                        .background(Circle().fill(Color.primary.opacity(0.8)))
                    Text("See a badge count when you need a carb correction.")
                        .font(.body)
                        .foregroundColor(.primary)
                }
            }

            Text("You can change these permissions any time in the iOS Settings app.")
                .font(.footnote)
                .multilineTextAlignment(.leading)
                .foregroundColor(Color.secondary)
                .padding(.top)
        }.padding(.horizontal)
            .background(
                SystemAlert(
                    isPresented: $state.shouldDisplayCustomNotificationAlert,
                    title: String(localized: "Notifications for “Trio” are Disabled"),
                    message: String(
                        localized: "After completing onboarding, a red banner will appear on Trio's main screen to guide you to the iOS Settings app, where you can enable notifications."
                    ),
                    allowTitle: String(localized: "Got it!"),
                    denyTitle: String(localized: "Cancel"),
                    onAllow: {
                        DispatchQueue.main.async {
                            state.shouldDisplayCustomNotificationAlert = false
                            if let next = currentStep.wrappedValue.next {
                                currentStep.wrappedValue = next
                            }
                        }
                    },
                    onDeny: {
                        DispatchQueue.main.async {
                            state.shouldDisplayCustomNotificationAlert = false
                            if let next = currentStep.wrappedValue.next {
                                currentStep.wrappedValue = next
                            }
                        }
                    }
                )
            )
    }
}