login.swift

import SwiftUI

struct Login: View {
    
    @StateObject var viewModel: AuthViewModel = AuthViewModel()
    
    // Mark: FaceID Propreties
    @State var useFaceID: Bool = false
    
    var body: some View {
        
        ZStack {
            Image("test")
                .resizable()
            VStack {
                Spacer()
                VStack{
                    TextField("Email", text: $viewModel.email)
                        .textFieldStyle(.roundedBorder)
                        .textInputAutocapitalization(.never)
                    
                    SecureField("Password", text: $viewModel.password)
                        .textFieldStyle(.roundedBorder)
                    
                    
                    // Mark: User Prompt to ask to store Login using FaceID on next time
                    if viewModel.getBioMetricStatus(){
                        Group {
                            if viewModel.useFaceID {
                                Button {
                                    // Mark: Do FaceID action
                                    Task {
                                        do {
                                            try await viewModel.authenticateUser()
                                        } catch  {
                                            print(error.localizedDescription)
                                        }
                                    }
                                } label: {
                                    VStack(alignment: .leading, spacing: 10) {
                                        Label {
                                            Text("Utiliser le FaceId")
                                        } icon: {
                                            Image(systemName: "faceid")
                                        }

                                    }
                                    .font(.caption)
                                    .foregroundColor(.gray)
                                        
                                }

                            } else {
                                Toggle(isOn: $useFaceID) {
                                    Text("Use FaceID to login")
                                        .foregroundColor(.gray)
                                }
                            }
                        }.padding(.vertical, 20)
                    }
                    
                    Button {
                        // Mark: Login default
                        Task {
                            do {
                                try  await viewModel.login(useFaceID: useFaceID)
                            } catch {
                                print(error.localizedDescription)
                                viewModel.showError.toggle()
                                viewModel.msgError = error.localizedDescription
                            }
                        }
                    } label: {
                        Text("Vous connectez")
                    }
                
                }
                .padding()
                .background(Color.white)
                Spacer()
                NavigationLink(destination: ResetPassword()) {
                    Text("Mot passe oublié !")
                }.padding(.bottom, 20)
            }.alert(viewModel.msgError, isPresented: $viewModel.showError) {
                
            }
            
        }
        .ignoresSafeArea(.all)
    }
}