honeyDueKMP/iosApp/iosApp/PasswordReset/VerifyResetCodeView.swift

import SwiftUI

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

    var body: some View {
        ZStack {
            Color(.systemGroupedBackground)
                .ignoresSafeArea()

            ScrollView {
                VStack(spacing: 24) {
                    Spacer().frame(height: 20)

                    // Header
                    VStack(spacing: 12) {
                        Image(systemName: "envelope.badge.fill")
                            .font(.system(size: 60))
                            .foregroundStyle(.blue.gradient)
                            .padding(.bottom, 8)

                        Text("Check Your Email")
                            .font(.title)
                            .fontWeight(.bold)

                        Text("We sent a 6-digit code to")
                            .font(.subheadline)
                            .foregroundColor(.secondary)

                        Text(viewModel.email)
                            .font(.subheadline)
                            .fontWeight(.semibold)
                            .foregroundColor(.primary)
                            .padding(.horizontal)
                    }

                    // Info Card
                    GroupBox {
                        HStack(spacing: 12) {
                            Image(systemName: "clock.fill")
                                .foregroundColor(.orange)
                                .font(.title2)

                            Text("Code expires in 15 minutes")
                                .font(.subheadline)
                                .foregroundColor(.primary)
                                .fontWeight(.semibold)
                        }
                        .padding(.vertical, 4)
                    }
                    .padding(.horizontal)

                    // Code Input
                    VStack(alignment: .leading, spacing: 12) {
                        Text("Verification Code")
                            .font(.headline)
                            .padding(.horizontal)

                        TextField("000000", text: $viewModel.code)
                            .font(.system(size: 32, weight: .semibold, design: .rounded))
                            .multilineTextAlignment(.center)
                            .keyboardType(.numberPad)
                            .textFieldStyle(.roundedBorder)
                            .frame(height: 60)
                            .padding(.horizontal)
                            .focused($isCodeFocused)
                            .onChange(of: viewModel.code) { _, newValue in
                                // Limit to 6 digits
                                if newValue.count > 6 {
                                    viewModel.code = String(newValue.prefix(6))
                                }
                                // Only allow numbers
                                viewModel.code = newValue.filter { $0.isNumber }
                                viewModel.clearError()
                            }

                        Text("Enter the 6-digit code from your email")
                            .font(.caption)
                            .foregroundColor(.secondary)
                            .padding(.horizontal)
                    }

                    // Error Message
                    if let errorMessage = viewModel.errorMessage {
                        HStack(spacing: 12) {
                            Image(systemName: "exclamationmark.triangle.fill")
                                .foregroundColor(.red)
                            Text(errorMessage)
                                .foregroundColor(.red)
                                .font(.subheadline)
                        }
                        .padding()
                        .background(Color.red.opacity(0.1))
                        .cornerRadius(12)
                        .padding(.horizontal)
                    }

                    // Success Message
                    if let successMessage = viewModel.successMessage {
                        HStack(spacing: 12) {
                            Image(systemName: "checkmark.circle.fill")
                                .foregroundColor(.green)
                            Text(successMessage)
                                .foregroundColor(.green)
                                .font(.subheadline)
                        }
                        .padding()
                        .background(Color.green.opacity(0.1))
                        .cornerRadius(12)
                        .padding(.horizontal)
                    }

                    // Verify Button
                    Button(action: {
                        viewModel.verifyResetCode()
                    }) {
                        HStack {
                            if viewModel.isLoading {
                                ProgressView()
                                    .progressViewStyle(CircularProgressViewStyle(tint: .white))
                            } else {
                                Image(systemName: "checkmark.shield.fill")
                                Text("Verify Code")
                                    .fontWeight(.semibold)
                            }
                        }
                        .frame(maxWidth: .infinity)
                        .frame(height: 50)
                        .background(
                            viewModel.code.count == 6 && !viewModel.isLoading
                                ? Color.blue
                                : Color.gray.opacity(0.3)
                        )
                        .foregroundColor(.white)
                        .cornerRadius(12)
                    }
                    .disabled(viewModel.code.count != 6 || viewModel.isLoading)
                    .padding(.horizontal)

                    Spacer().frame(height: 20)

                    // Help Section
                    VStack(spacing: 12) {
                        Text("Didn't receive the code?")
                            .font(.subheadline)
                            .foregroundColor(.secondary)

                        Button(action: {
                            // Clear code and go back to request new one
                            viewModel.code = ""
                            viewModel.clearError()
                            viewModel.currentStep = .requestCode
                        }) {
                            Text("Send New Code")
                                .font(.subheadline)
                                .fontWeight(.semibold)
                        }

                        Text("Check your spam folder if you don't see it")
                            .font(.caption)
                            .foregroundColor(.secondary)
                            .multilineTextAlignment(.center)
                            .padding(.horizontal, 32)
                    }
                }
            }
        }
        .navigationBarBackButtonHidden(true)
        .toolbar {
            ToolbarItem(placement: .navigationBarLeading) {
                Button(action: {
                    viewModel.moveToPreviousStep()
                }) {
                    HStack(spacing: 4) {
                        Image(systemName: "chevron.left")
                            .font(.system(size: 16))
                        Text("Back")
                            .font(.subheadline)
                    }
                }
            }
        }
        .onAppear {
            isCodeFocused = true
        }
    }
}

#Preview {
    let vm = PasswordResetViewModel()
    vm.email = "test@example.com"
    vm.currentStep = .verifyCode
    return VerifyResetCodeView(viewModel: vm)
}