SignUpPageView.swift

//
//  SignUpPageView.swift
//  MobileAcebook
//
//  Created by Venera Zhargakova on 16/04/2024.
//

import Foundation

import SwiftUI

struct SignUpError: Identifiable {
    let id = UUID()
    let message: String
}

let authService = AuthenticationService()


struct SignUpPageView: View {
    @State private var email = ""
    @State private var imgUrl = ""
    @State private var username = ""
    @State private var password = ""
    @State var isShowingPassword: Bool = false
    @State private var signUpError: String? = nil
    @State private var showAlert = false
    @State private var isSignUpComplete = false
    
    
    //errors:
    @State private var emailError = ""
    let authService = AuthenticationService()
    var body: some View {
        NavigationView {
            VStack(spacing: 30) {
                Spacer()
                Spacer()
                Text("Sign Up")
                    .font(.largeTitle)
                    .fontWeight(/*@START_MENU_TOKEN@*/.bold/*@END_MENU_TOKEN@*/)
                VStack(spacing:0) {
                    Text("Email Address")
                        .frame(maxWidth: 250, alignment: .topLeading)
                        .padding()
                    TextField("", text: $email)
                        .frame(width: 250, height: 40)
                        .multilineTextAlignment(.center)
                        .overlay(
                            RoundedRectangle(cornerRadius: 10)
                                .stroke(Color.gray)
                        )
                        .autocapitalization(. none)
                        .accessibilityIdentifier("email")
                    Text("Full Name")
                        .frame(maxWidth: 250, alignment: .topLeading)
                        .padding()
                    TextField("", text: $username)
                        .frame(width: 250, height: 40)
                        .multilineTextAlignment(.center)
                        .overlay(
                            RoundedRectangle(cornerRadius: 10)
                                .stroke(Color.gray)
                        )
                        .autocapitalization(. none)
                        .accessibilityIdentifier("Full Name")
                    Text("Password")
                        .frame(maxWidth: 250, alignment: .topLeading)
                        .padding()
                    VStack {
                        Group {
                            if isShowingPassword {
                                TextField("", text: $password)
                                    .frame(width: 250, height: 40)
                                    .multilineTextAlignment(.center)
                                    .overlay(RoundedRectangle(cornerRadius: 10)
                                        .stroke(Color.gray))
                            }else {
                                SecureField("", text: $password)
                                    .frame(width: 250, height: 40)
                                    .multilineTextAlignment(.center)
                                    .overlay(RoundedRectangle(cornerRadius: 10)
                                        .stroke(Color.gray))
                            }
                        }
                        .disableAutocorrection(true)
                        .autocapitalization(.none)
                        
                        Button {
                            isShowingPassword.toggle()
                        } label: {
                            if isShowingPassword {
                                Text("Hide password")
                            } else {
                                Text("Show password")
                            }
                        }.padding()
                    }
                    
                    VStack{
                        Button("Sign Up"){
                            
                            let newUser = User(imgUrl: imgUrl, email: email, password: password, username: username)
                            let success = authService.signUp(user: newUser)
                            if success {
                                // Clear fields if signup successful
                                email = ""
                                username = ""
                                password = ""
                                isSignUpComplete = true

                                
                                // Show success message
                                signUpError = "Account created successfully"
                            } else {
                                // Show error message
                                signUpError = "Error creating account"
                            }
                            
                        }
                        .frame(width: 250, height: 40)
                        .background(Color(red: 0x50/255, green: 0xB7/255, blue: 0xB7/255))
                        .foregroundColor(.white)
                        .cornerRadius(10)
                        }
                    }
                    .padding(.top, 40)
                    Spacer()
                    HStack(spacing:3){
                        Text("Already have an account?")
                        NavigationLink(destination: LoginPageView(), isActive: $isSignUpComplete, label: {Text("Login here")
                            .fontWeight(.bold)})
                      }
                }

                }
            }
            }
    #Preview {
        SignUpPageView()
    }