//
//  CreateAccountView.swift
//  JobTrackerPro
//
//  Created by Jake Steirer on 12/30/23.
//

import SwiftUI

struct CreateAccountView: View {
    @ObservedObject var viewModel: JobApplicationViewModel
    @State private var email: String = &#34;&#34;
    @State private var password: String = &#34;&#34;
    @State private var confirmPassword: String = &#34;&#34;
    @State private var storedEmail: String = &#34;&#34; // Separate variable to hold the email after editing ends
    @State private var storedPassword: String = &#34;&#34; // Separate variable for the password
    @State private var storedConfirmPassword: String = &#34;&#34; // Separate variable for the confirm password
    @State private var isShowingAlert = false
    @State private var alertMessage = &#34;&#34;
    @FocusState private var isInputActive: Bool // For managing keyboard focus

    var body: some View {
        NavigationView {
            VStack {
                TextField(&#34;Email&#34;, text: $email)
                    .autocapitalization(.none)
                    .keyboardType(.emailAddress)
                    .disableAutocorrection(true)
                    .padding()
                    .border(Color(UIColor.separator))
                    .focused($isInputActive) // Binding focus state
                    .onChange(of: email) { [email] in
                                            storedEmail = email
                    }
                    .onSubmit {
                        storedEmail = email // Store the email when submit the field
                    }

                SecureField(&#34;Password&#34;, text: $password)
                    .padding()
                    .border(Color(UIColor.separator))
                    .focused($isInputActive) // Binding focus state
                    .onChange(of: password) { [password] in
                                            storedPassword = password
                    }
                    .onSubmit {
                        storedPassword = password // Store the password when submit the field
                    }

                SecureField(&#34;Confirm Password&#34;, text: $confirmPassword)
                    .padding()
                    .border(Color(UIColor.separator))
                    .focused($isInputActive) // Binding focus state
                    .onChange(of: confirmPassword) { [confirmPassword] in
                                            storedConfirmPassword = confirmPassword
                    }
                    .onSubmit {
                        storedConfirmPassword = confirmPassword // Store the confirm password when submit the field
                    }

                Button(&#34;Create Account&#34;) {
                    isInputActive = false // Dismiss the keyboard before account creation
                    // Perform input validation, check for matching passwords, etc.
                    guard storedPassword == storedConfirmPassword else {
                        alertMessage = &#34;Passwords do not match.&#34;
                        isShowingAlert = true
                        return
                    }
                    
                    // Call the create account function in the view model
                    viewModel.createAccount(email: storedEmail, password: storedPassword) { success, message in
                        if !success {
                            alertMessage = message
                            isShowingAlert = true
                        }
                    }
                }
                .padding()
                .alert(isPresented: $isShowingAlert) {
                    Alert(title: Text(&#34;Account Creation Failed&#34;), message: Text(alertMessage), dismissButton: .default(Text(&#34;OK&#34;)))
                }
            }
            .navigationBarTitle(&#34;Create Account&#34;, displayMode: .large)
            .padding()
        }
    }
}