Untitled

 avatar
unknown
swift
a year ago
15 kB
9
Indexable
import SwiftUI
import Amplify
import Foundation

struct HomePageView: View {
    let columns: [GridItem] = Array(repeating: .init(.flexible()), count: 2)
    
    @EnvironmentObject var tabSelectionManager: TabSelectionManager
    @State private var showSessionTypeSelection = false
    @Binding var selectedTab: Int
    @StateObject private var viewModel = ArgumentDetailsViewModel()
    
    
    var body: some View {
        GeometryReader { geometry in
            ZStack {
                NavigationView {
                    ScrollView {
                        VStack(alignment: .center, spacing: 0) {
                            // Greeting text
                            Text("Welcome to YinYang \nRelationship Therapy")
                                .foregroundColor(.black)
                                .font(.custom("Helvetica", size: 32))
                                .fontWeight(.thin)
                                .padding(.top, 30)
                                .padding([.leading, .trailing])
                            
                            ReportView(totalSessions: viewModel.totalSessions, totalRelationshipAnalysisSessions: viewModel.totalRelationshipAnalysisSessions, totalArgumentAnalysisSessions: viewModel.totalArgumentAnalysisSessions)
                                .padding(.top, 50)
                            
                            ZStack {
                                Image("HomePageBackground")
                                    .resizable()
                                    .scaledToFill()
                                    .frame(width: UIScreen.main.bounds.size.width, height: (geometry.size.height / 7 ) + 50 , alignment: .top)
                                    .ignoresSafeArea()
                                    .overlay(
                                        Color.white.opacity(0.4)
                                    )
                                
                                VStack {
                                    Spacer() // Adjust space above "Start Session"
                                                                    .frame(height: geometry.size.height / 7)
                                    // Start a session rectangle
                                    StartSessionView(showSessionTypeSelection: $showSessionTypeSelection)
                                        .padding(.horizontal)
                                    
                                    Spacer() // Adjust space below "Start Session"
                                        .frame(height: geometry.size.height / 10) // Adjust this value to change the space below "Start Session"
                                    
                                    VStack(alignment: .leading, spacing: 20) {
                                        LazyVGrid(columns: columns, spacing: 20) {
                                            SecondaryPageView(title: "Sessions", systemIconName: "list.bullet")
                                                .onTapGesture {
                                                    withAnimation {
                                                        tabSelectionManager.selectedTab = 1 // Adjust accordingly
                                                    }
                                                }
                                                .padding(.bottom, 15)
                                            SecondaryPageView(title: "Profile", systemIconName: "person.fill")
                                                .onTapGesture {
                                                    withAnimation {
                                                        tabSelectionManager.selectedTab = 3 // Adjust accordingly
                                                    }
                                                }
                                                .padding(.bottom, 15)
                                        }
                                        .padding(.horizontal)
                                    }
                                }
                            }
                            
                        }
                        .navigationBarHidden(true)
                        .background(secondaryColor.ignoresSafeArea())
                    }
                    .onAppear {
                        Task {
                            print("Fetching argument details...")
                            await viewModel.fetchArgumentDetails(userId: UserManager.shared.userSub)
                        }
                    }
                    .background(secondaryColor.ignoresSafeArea())
                    
                    if showSessionTypeSelection {
                        SessionTypeSelectionView(showSessionTypeSelection: $showSessionTypeSelection, selectedTab: $selectedTab)
                            .transition(.opacity)
                            .animation(.easeInOut)
                    }
                }
            }
        }
    }
    
    struct ArgumentsDetails: Decodable {
        var totalCount: Int
        var relationshipAdviceCount: Int
        var argumentAnalysisCount: Int
    }
    
    class ArgumentDetailsViewModel: ObservableObject {
        @Published var totalSessions = "0"
        @Published var totalRelationshipAnalysisSessions = "0"
        @Published var totalArgumentAnalysisSessions = "0"
        
        func fetchArgumentDetails(userId: String) async {
            let request = RESTRequest(path: "/arguments/details/\(userId)")
            
            do {
                let data = try await Amplify.API.get(request: request)
                // Assuming the API returns a singular `Session` object in its response
                let session = try JSONDecoder().decode(ArgumentsDetails.self, from: data)
                
                await MainActor.run {
                    self.totalSessions = "\(session.totalCount)"
                    self.totalRelationshipAnalysisSessions = "\(session.relationshipAdviceCount)"
                    self.totalArgumentAnalysisSessions = "\(session.argumentAnalysisCount)"
                }
            } catch {
                print("Error fetching argument details: \(error)")
            }
        }
    }
    
    
    struct ReportView: View {
        let totalSessions: String
        let totalRelationshipAnalysisSessions: String
        let totalArgumentAnalysisSessions: String
        
        var body: some View {
            HStack {
                // Aligning the title to the top left
                VStack(alignment: .leading) {
                    Text("Sessions Completed")
                        .font(.subheadline)
                        .foregroundColor(.gray)
                        .padding(.leading, 8)
                        .padding(.top, 8)
                    Spacer()
                }
                
                Spacer()
                
                VStack {
                    Text(totalSessions)
                        .font(.title2)
                        .fontWeight(.thin)
                        .foregroundColor(.gray)
                    Text("Total\nSessions")
                        .font(.caption)
                        .foregroundColor(.gray)
                }
                
                // Vertical Divider
                Divider()
                    .frame(height: 50)
                
                VStack {
                    Text(totalRelationshipAnalysisSessions)
                        .font(.title2)
                        .fontWeight(.thin)
                        .foregroundColor(.gray)
                    Text("Relationship\nAdvice")
                        .font(.caption)
                        .foregroundColor(.gray)
                }
                
                // Vertical Divider
                Divider()
                    .frame(height: 50)
                
                VStack {
                    Text(totalArgumentAnalysisSessions)
                        .font(.title2)
                        .fontWeight(.thin)
                        .foregroundColor(.gray)
                    Text("Argument\nAnalysis")
                        .font(.caption)
                        .foregroundColor(.gray)
                }
            }
            .padding([.top, .horizontal, .bottom]) // Add padding around the content
            .background(secondaryColor)
            .cornerRadius(10)
            .shadow(color: .gray, radius: 2, x: 0.5, y: 0.5)
        }
    }
    
    struct SecondaryPageView: View {
        let title: String
        let systemIconName: String
        
        var body: some View {
            ZStack {
                RoundedRectangle(cornerRadius: 15)
                    .fill(secondaryColor)
                    .shadow(color: .gray, radius: 2, x: 0, y: 2)
                
                VStack {
                    Image(systemName: systemIconName)
                        .font(.system(size: 20)) // Reduced font size for the icon
                        .foregroundColor(.gray)
                        .padding(.bottom, 4) // Adjusted bottom padding
                    
                    Text(title)
                        .fontWeight(.thin)
                        .font(.custom("Helvetica", size: 14))
                        .multilineTextAlignment(.center)
                        .padding(.horizontal, 4) // Adjusted horizontal padding
                        .foregroundColor(.black)
                }
                .padding(8) // Adjusted overall padding
            }
            .aspectRatio(1, contentMode: .fit)
            .frame(width: 150, height: 125) // Set a fixed width and height for the square
        }
    }
    
    struct StartSessionView: View {
        @Binding var showSessionTypeSelection: Bool
        
        var body: some View {
            Button(action: {
                withAnimation {
                    showSessionTypeSelection = true
                }
            }) {
                HStack {
                    Image("YinYangOutline") // Replace with your image asset name
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                        .frame(width: 100, height: 100) // Adjust the size as needed
                        .padding(24) // Space between the image and the text
                    Text("Start Session")
                        .fontWeight(.thin)
                        .font(.custom("Helvetica", size: 26))
                        .foregroundColor(.black)
                        .padding(.vertical) // Add vertical padding for the text
                    
                    Spacer() // Ensures the text and image stay on the left
                }
                .frame(height: 75) // Height to match the SessionView
                .background(primaryColor) // Assuming primaryColor is a predefined color
                .cornerRadius(15) // Match the corner radius
                .shadow(color: .gray, radius: 2, x: 0, y: 2) // Match the shadow
            }
            .padding(.horizontal, 20) // Horizontal padding to match the grid's spacing
        }
    }
    
    struct SessionTypeSelectionView: View {
        @Binding var showSessionTypeSelection: Bool
        @Binding var selectedTab: Int
        
        @EnvironmentObject var tabSelectionManager: TabSelectionManager
        
        var body: some View {
            ZStack {
                Button(action: {
                    withAnimation {
                        showSessionTypeSelection = false
                    }
                }) {
                    Color.black.opacity(0.4)
                        .edgesIgnoringSafeArea(.all)
                }
                
                VStack {
                    Spacer()
                    
                    VStack(spacing: 20) {
                        VStack {
                            Text("Argument Analysis")
                                .font(.custom("Helvetica", size: 20))
                                .frame(maxWidth: .infinity, alignment: .center)
                            
                            (Text("Record a real-time argument with your partner. Your relationship therapist will discuss insights and guide you towards growth. \n\n").font(.custom("Helvetica", size: 15)).fontWeight(.thin)+Text("Tap to start").font(.custom("Helvetica", size: 15)))
                                .multilineTextAlignment(.center)
                                .frame(maxWidth: .infinity, alignment: .center)
                                .padding()
                        }
                        .padding()
                        .background(secondaryColor)
                        .cornerRadius(20)
                        .shadow(radius: 10)
                        .onTapGesture {
                            selectedTab = 0
                            tabSelectionManager.selectedTab = 2
                            showSessionTypeSelection = false
                        }
                        
                        VStack {
                            Text("Relationship Advice")
                                .font(.system(size: 20))
                                .frame(maxWidth: .infinity, alignment: .center)
                            
                            (Text("Get your relationship concerns off your chest. Your relationship therapist will help you make sense of your emotions and situation. \n\n").font(.custom("Helvetica", size: 15)).fontWeight(.thin)+Text("Tap to start").font(.custom("Helvetica", size: 15)))
                                .multilineTextAlignment(.center)
                                .frame(maxWidth: .infinity, alignment: .center)
                                .padding()
                        }
                        .padding()
                        .background(secondaryColor)
                        .cornerRadius(20)
                        .shadow(radius: 10)
                        .onTapGesture {
                            selectedTab = 1
                            tabSelectionManager.selectedTab = 2
                            showSessionTypeSelection = false
                        }
                    }
                    .padding(.horizontal, 40)
                    
                    Spacer()
                }
                .transition(.opacity)
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .transition(.opacity)
            .animation(.easeInOut)
        }
    }
}
Editor is loading...
Leave a Comment