import SwiftUI

struct SimpleForgotPasswordView: View {
    @State private var email: String = ""
    @State private var isLoading: Bool = false
    @State private var successMessage: String?
    @State private var errorMessage: String?
    
    // Define custom dark green color
    private let darkGreen = Color(red: 0.0, green: 0.5, blue: 0.0) // RGB values for dark green
    private let lightGreenBackground = Color(red: 0.8, green: 1.0, blue: 0.8) // Light green background
    
    var body: some View {
        VStack(alignment: .leading, spacing: 24) {
            Spacer()
            
            VStack(alignment: .leading, spacing: 8) {
                Text("Forgot password?")
                    .font(.title)
                    .fontWeight(.bold)
                
                // Subtitle text
                Text("Enter your email to reset your password")
                    .font(.subheadline)
                    .foregroundColor(.gray)
                    .multilineTextAlignment(.center)
            }

            // Email TextField
            TextField("Email address", text: $email)
                .padding()
                .background(Color(.secondarySystemBackground))
                .cornerRadius(8)
                .autocapitalization(.none)
                .keyboardType(.emailAddress)
                .textContentType(.emailAddress)
            
            // Error message
            if let errorMessage = errorMessage {
                Text(errorMessage)
                    .foregroundColor(.red)
                    .font(.footnote)
                    .padding([.top, .horizontal])
            }
            
            // Success message
            if let successMessage = successMessage {
                Text(successMessage)
                    .foregroundColor(darkGreen)
                    .font(.footnote)
                    .padding()
                    .background(lightGreenBackground)
                    .cornerRadius(8)
            }
            
            // Reset Password button
            Button(action: {
                resetPassword()
            }) {
                if isLoading {
                    ProgressView()
                        .progressViewStyle(CircularProgressViewStyle(tint: .white))
                        .frame(maxWidth: .infinity)
                        .padding()
                } else {
                    Text("Reset Password")
                        .foregroundColor(.white)
                        .frame(maxWidth: .infinity)
                        .padding()
                }
            }
            .background(Color.blue)
            .cornerRadius(8)
            .disabled(isLoading)
            
            Spacer()
        }
        .padding()
        .padding(.horizontal, 40)
    }
    
    func resetPassword() {
        // Reset the messages
        errorMessage = nil
        successMessage = nil
        
        // Validate email
        guard !email.isEmpty else {
            errorMessage = "Please fill in the email field."
            return
        }
        
        guard isValidEmail(email) else {
            errorMessage = "Please enter a valid email address."
            return
        }
        
        // Start loading
        isLoading = true
        
        // Simulate a network request with a 3 second delay
        DispatchQueue.main.asyncAfter(deadline: .now() + 3) {
            // Stop loading
            isLoading = false
            
            // Simulate a successful password reset
            successMessage = "A password reset link has been sent to your email."
        }
    }
    
    func isValidEmail(_ email: String) -> Bool {
        // Basic email validation regex
        let emailRegex = "^[A-Z0-9a-z._%+-]+@[A-Z0-9a-z.-]+\\.[A-Za-z]{2,64}$"
        let emailPredicate = NSPredicate(format:"SELF MATCHES %@", emailRegex)
        return emailPredicate.evaluate(with: email)
    }
}

#Preview {
    SimpleForgotPasswordView()
}
                                        
                                    

                                              
                                                
import SwiftUI

extension Color {
static let customDarkGreen = Color(red: 0.0, green: 0.5, blue: 0.25)
static let customLightGreen = Color(red: 0.6, green: 0.8, blue: 0.4)
}

struct FullAccessView: View {
var body: some View {
    VStack(spacing: 20) {
        Spacer()
        Image("logo")
            .resizable()
            .frame(width: 128, height: 128)
            .padding()
        
        Text("Join SwiftUI.art to get full access")
            .font(.system(size: 30))
            .fontWeight(.bold)
            .multilineTextAlignment(.center)
            .padding()
        
        VStack(alignment: .leading,spacing: 32, content: {
            HStack(alignment: .top) {
                Image(systemName: "checkmark.circle.fill")
                    .foregroundColor(Color.customDarkGreen)
                Text("100+ components ready to use.")
                    .foregroundColor(Color.customDarkGreen)
                    .font(.title3)
            }
            
            HStack(alignment: .top) {
                Image(systemName: "checkmark.circle.fill")
                    .foregroundColor(Color.customDarkGreen)
                Text("A single payment for lifelong usage!")
                    .foregroundColor(Color.customDarkGreen)
                    .font(.title3)
            }
            
            HStack(alignment: .top) {
                Image(systemName: "checkmark.circle.fill")
                    .foregroundColor(Color.customDarkGreen)
                Text("We keep updating and adding more designs.")
                    .foregroundColor(Color.customDarkGreen)
                    .font(.title3)
            }
        })
       
        
        Spacer()
        
        Text("Lifetime access for $299")
            .font(.subheadline)
            .foregroundColor(.black)
            .bold()
            
        
        Spacer()
    }
    .padding(.horizontal, 40)
    .background(Color.customLightGreen.opacity(0.2))
    
}
}

struct FullAccessView_Previews: PreviewProvider {
static var previews: some View {
    FullAccessView()
}
}