honeyDueKMP/iosApp/iosApp/PasswordReset/ForgotPasswordView.swift

import SwiftUI

struct ForgotPasswordView: View {
    @ObservedObject var viewModel: PasswordResetViewModel
    @FocusState private var isEmailFocused: Bool
    @Environment(\.dismiss) var dismiss

    var body: some View {
        NavigationView {
            Form {
                // Header Section
                Section {
                    VStack(spacing: 12) {
                        Image(systemName: "key.fill")
                            .font(.system(size: 60))
                            .foregroundStyle(.blue.gradient)
                            .padding(.vertical)

                        Text("Forgot Password?")
                            .font(.title2)
                            .fontWeight(.bold)

                        Text("Enter your email address and we'll send you a verification code")
                            .font(.subheadline)
                            .foregroundColor(.secondary)
                            .multilineTextAlignment(.center)
                    }
                    .frame(maxWidth: .infinity)
                    .padding(.vertical)
                }
                .listRowBackground(Color.clear)

                // Email Input Section
                Section {
                    TextField("Email Address", text: $viewModel.email)
                        .textInputAutocapitalization(.never)
                        .autocorrectionDisabled()
                        .keyboardType(.emailAddress)
                        .focused($isEmailFocused)
                        .submitLabel(.go)
                        .onSubmit {
                            viewModel.requestPasswordReset()
                        }
                        .onChange(of: viewModel.email) { _, _ in
                            viewModel.clearError()
                        }
                } header: {
                    Text("Email")
                } footer: {
                    Text("We'll send a 6-digit verification code to this address")
                }

                // Error/Success Messages
                if let errorMessage = viewModel.errorMessage {
                    Section {
                        Label {
                            Text(errorMessage)
                                .foregroundColor(.red)
                        } icon: {
                            Image(systemName: "exclamationmark.triangle.fill")
                                .foregroundColor(.red)
                        }
                    }
                }

                if let successMessage = viewModel.successMessage {
                    Section {
                        Label {
                            Text(successMessage)
                                .foregroundColor(.green)
                        } icon: {
                            Image(systemName: "checkmark.circle.fill")
                                .foregroundColor(.green)
                        }
                    }
                }

                // Send Code Button
                Section {
                    Button(action: {
                        viewModel.requestPasswordReset()
                    }) {
                        HStack {
                            Spacer()
                            if viewModel.isLoading {
                                ProgressView()
                            } else {
                                Label("Send Reset Code", systemImage: "envelope.fill")
                                    .fontWeight(.semibold)
                            }
                            Spacer()
                        }
                    }
                    .disabled(viewModel.email.isEmpty || viewModel.isLoading)

                    Button(action: {
                        dismiss()
                    }) {
                        HStack {
                            Spacer()
                            Text("Back to Login")
                                .foregroundColor(.secondary)
                            Spacer()
                        }
                    }
                }
            }
            .navigationTitle("Reset Password")
            .navigationBarTitleDisplayMode(.inline)
            .onAppear {
                isEmailFocused = true
            }
            .handleErrors(
                error: viewModel.errorMessage,
                onRetry: { viewModel.requestPasswordReset() }
            )
        }
    }
}

#Preview {
    ForgotPasswordView(viewModel: PasswordResetViewModel())
}