onboarding.swift

import SwiftUI

struct OnboardingView: View {
    @State private var currentPage = 0

    let pages = [
        OnboardingPage(title: "Welcome", description: "Welcome to our Mindfulness app. Let's begin your journey to a peaceful mind."),
        OnboardingPage(title: "Track Your Mood", description: "Log your mood every day to track your mental well-being."),
        OnboardingPage(title: "Practice Mindfulness", description: "Learn and practice mindfulness to manage stress and anxiety."),
        OnboardingPage(title: "Get Started", description: "Ready to start? Let's dive in!")
    ]

    var body: some View {
        VStack {
            TabView(selection: $currentPage) {
                ForEach(pages.indices, id: \.self) { index in
                    OnboardingPageView(page: pages[index], isLastPage: index == pages.count - 1)
                        .tag(index)
                }
            }
            .tabViewStyle(PageTabViewStyle(indexDisplayMode: .automatic))

            HStack {
                Button(action: {
                    if currentPage > 0 {
                        currentPage -= 1
                    }
                }) {
                    Image(systemName: "arrow.left")
                        .padding()
                        .background(Color.gray.opacity(0.2))
                        .clipShape(Circle())
                        .foregroundColor(Color.blue)
                }
                .disabled(currentPage == 0)

                Spacer()

                Button(action: {
                    // Skip the onboarding and navigate to the home page
                    UserDefaults.standard.set(true, forKey: "hasSeenOnboarding")
                    NotificationCenter.default.post(name: .onboardingCompleted, object: nil)
                }) {
                    Text("Skip")
                        .padding()
                        .background(Color.gray.opacity(0.2))
                        .cornerRadius(10)
                        .foregroundColor(Color.blue)
                }

                Spacer()

                Button(action: {
                    if currentPage < pages.count - 1 {
                        currentPage += 1
                    }
                }) {
                    Image(systemName: "arrow.right")
                        .padding()
                        .background(Color.gray.opacity(0.2))
                        .clipShape(Circle())
                        .foregroundColor(Color.blue)
                }
                .disabled(currentPage == pages.count - 1)
            }
            .padding()
        }
    }
}

struct OnboardingPageView: View {
    let page: OnboardingPage
    let isLastPage: Bool

    var body: some View {
        VStack {
            Text(page.title)
                .font(.title)
                .bold()
                .padding()

            Text(page.description)
                .font(.subheadline)
                .multilineTextAlignment(.center)
                .padding()

            if isLastPage {
                Button(action: {
                    // navigates to the home page
                    UserDefaults.standard.set(true, forKey: "hasSeenOnboarding")
                    NotificationCenter.default.post(name: .onboardingCompleted, object: nil)
                }) {
                    Text("Get Started")
                        .font(.headline)
                        .padding()
                        .frame(maxWidth: .infinity)
                        .background(Color.blue)
                        .foregroundColor(.white)
                        .cornerRadius(10)
                }
                .padding()
            }
        }
        .padding()
    }
}

struct OnboardingPage {
    let title: String
    let description: String
}