//
//  SignUpView.swift
//  uSTADIUM
//
//  Created by Omar Hegazy on 9/2/23.
//  Copyright © 2023 uSTADIUM. All rights reserved.
//

import SwiftUI

struct SignUpView: View {
    @State private var name = ""
    @State private var email = ""
    @State private var username = ""
    @State private var password = ""
    @State private var phoneNumber = ""
    @State private var isNavigatingToInterests = false
    @ObservedObject var signupState: SignupState
    @Environment(\.presentationMode) var presentationMode
    @Environment(\.dismiss) var dismiss
    
    var isContinueButtonEnabled: Bool {
        !name.isEmpty &&
        !email.isEmpty && CaseSensitivity.isValidEmail(email) &&
        !username.isEmpty && CaseSensitivity.isValidUsername(username) &&
        !password.isEmpty && CaseSensitivity.isValidPassword(password) &&
        !phoneNumber.isEmpty && CaseSensitivity.isValidPhoneNumber(phoneNumber)
    }
    
    var body: some View {
        NavigationView {
            VStack {
                Image("uSTADIUM")
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .frame(width: 191, height: 45)
                    .padding(.top, -64)
                ZStack {
                    VStack(alignment: .leading, spacing: 20) {
                        HStack {
                            Text("Personal Information")
                                .font(
                                    Font.custom("Work Sans", size: 18)
                                        .weight(.bold)
                                )
                                .foregroundColor(Color(red: 0.12, green: 0.12, blue: 0.12))
                            
                            Spacer()
                            
                            Text("Step 1")
                                .font(Font.custom("Work Sans", size: 14))
                                .fontWeight(.bold)
                                .foregroundColor(Color(red: 0.1, green: 0.68, blue: 1))
                        }
                        .padding(.horizontal, 24)
                        
                        TextFieldValidity(placeholder: "Enter your name", text: $name, isValid: true)
                        
                        TextFieldValidity(placeholder: "Enter your email", text: $email, isValid: CaseSensitivity.isValidEmail(email))
                            .autocapitalization(.none)
                        
                        TextFieldValidity(placeholder: "Enter your username", text: $username, isValid: CaseSensitivity.isValidUsername(username))
                        
                        TextFieldValidity(placeholder: "Enter your password", text: $password, isValid: CaseSensitivity.isValidPassword(password))
                        
                        TextFieldValidity(placeholder: "Enter phone number", text: $phoneNumber, isValid: CaseSensitivity.isValidPhoneNumber(phoneNumber))
                        
                        NavigationLink(destination: PickYourInterestsView(signupState: signupState), isActive: $isNavigatingToInterests) {
                            EmptyView()
                        }
                        
                        Button(action: {
                            if isContinueButtonEnabled {
                                signUp()
                                isNavigatingToInterests = true
                            }
                        }) {
                            Text("Continue")
                                .foregroundColor(.white)
                                .font(Font.custom("Work Sans", size: 18))
                                .padding()
                                .frame(maxWidth: .infinity)
                                .background(isContinueButtonEnabled ? Color.blue : Color.gray)
                                .cornerRadius(10)
                        }
                        .disabled(!isContinueButtonEnabled)
                    }
                    .frame(maxWidth: .infinity, alignment: .leading)
                    .padding(.top, 60) // Adjust the top padding as needed
                    .padding(.horizontal)
                    .padding(.bottom, 40)
                    .background {
                        Color.white
                            .cornerRadius(16)
                            .shadow(color: .black.opacity(0.08), radius: 20, x: 0, y: 6)
                            .overlay(
                                RoundedRectangle(cornerRadius: 16)
                                    .inset(by: 0.5)
                                    .stroke(Color(red: 0.88, green: 0.88, blue: 1), lineWidth: 1)
                            )
                    }
                    .padding()
                }
            }
            .navigationBarItems(leading: Button(action: {
                presentationMode.wrappedValue.dismiss()
            }, label: {
                Image(systemName: "arrow.backward.square.fill")
                    .imageScale(.large)
                    .font(.system(size: 24))
                    .foregroundColor(.gray)
                    .padding(12)
            }))
        }
    }
}

extension SignUpView {
    func signUp() {
        let accountData = AccountSignup(email: email, username: username, password: password)
        
        AuthService.shared.signup(data: accountData) { result, error in
            if let error = error {
                print("Error: \(error.localizedDescription)")
                debugPrint(error)
            } else if result != nil {
                print("SignUp Successful!")
            }
        }
    }
}