let prompt = """
Generate a JSON-based SwiftUI UI layout for a user registration form with the following:
- A top logo image titled "logo"
- A heading that says "Registration"
- A text field for full name with placeholder "Enter your full name"
- A text field for email with placeholder "Enter your email"
- A secure field for password with placeholder "Enter your password"
- A secure field for confirming password with placeholder "Confirm your password"
- A submit button titled "Register" that triggers the action "register"
Use a vertical stack (VStack) with 16 spacing and 20 padding, and set the background color to white (#FFFFFF).
All input fields should have 10 padding, 5 corner radius, and light gray background (#F0F0F0).
The submit button should have 10 padding, 5 corner radius, a blue background (#007BFF), and white text (#FFFFFF).
The heading text should use the "largeTitle" font and a text color of #000000.
Only return a valid JSON object, with no explanation or markdown formatting.
"""

{
  "type": "VStack",
  "spacing": 16,
  "padding": 20,
  "backgroundColor": "#FFFFFF",
  "children": [
    { "type": "Image", "title": "logo" },
    { "type": "Text", "value": "Registration", "font": "largeTitle", "foregroundColor": "#000000" },
    { "type": "TextField", "placeholder": "Enter your full name", "binding": "fullName", "padding": 10, "cornerRadius": 5, "backgroundColor": "#F0F0F0" },
    ...
  ]
}

class OpenAIService {
  private let apiKey = Secrets.shared.get("OPENAI_API_KEY") ?? ""
  private let endpoint = URL(string: "https://api.openai.com/v1/chat/completions")!

  func fetchLayout(for userPrompt: String, completion: @escaping (Result<ViewLayout, Error>) -> Void) {
    let fullPrompt = PromptTemplates.layoutPrompt(from: userPrompt)
    let body: [String: Any] = [
      "model": "gpt-4o",
      "messages": [
        ["role": "system", "content": "You are a SwiftUI layout generator."],
        ["role": "user", "content": fullPrompt]
      ],
      "temperature": 0.2
    ]
    ...
  }
}

OPENAI_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

class Secrets {
  static let shared = Secrets()
  private var secrets: [String: String] = [:]

  init() {
    if let path = Bundle.main.path(forResource: ".env", ofType: nil),
       let content = try? String(contentsOfFile: path) {
      let lines = content.split(separator: "\n")
      for line in lines {
        let parts = line.split(separator: "=", maxSplits: 1)
        if parts.count == 2 {
          secrets[String(parts[0])] = String(parts[1])
        }
      }
    }
  }

  func get(_ key: String) -> String? {
    return secrets[key]
  }
}

struct DynamicFormView: View {
  let layout: ViewLayout
  @State private var formValues: [String: String] = [:]

  var body: some View {
    ScrollView {
      buildView(from: layout)
        .padding(.horizontal)
    }
  }

  @ViewBuilder
  private func buildView(from layout: ViewLayout) -> some View {
    VStack(spacing: CGFloat(layout.spacing)) {
      ForEach(0..<layout.children.count, id: \.self) { index in
        buildElement(layout.children[index])
      }
    }
    .padding(CGFloat(layout.padding))
    .background(Color(hex: layout.backgroundColor))
  }

  @ViewBuilder
  func buildElement(_ element: ViewElement) -> some View {
    switch element.type.lowercased() {
    case "text":
      if let value = element.value {
        Text(value)
          .font(Font.from(string: element.font))
          .foregroundColor(Color(hex: element.foregroundColor))
      }
    case "textfield":
      TextField(element.placeholder ?? "", text: binding(for: element.binding))
        .padding(CGFloat(element.padding ?? 0))
        .background(Color(hex: element.backgroundColor))
        .cornerRadius(CGFloat(element.cornerRadius ?? 0))
    case "securefield":
      SecureField(element.placeholder ?? "", text: binding(for: element.binding))
        .padding(CGFloat(element.padding ?? 0))
        .background(Color(hex: element.backgroundColor))
        .cornerRadius(CGFloat(element.cornerRadius ?? 0))
    case "button":
      Button(action: { handleAction(named: element.action) }) {
        Text(element.title ?? "Submit")
          .frame(maxWidth: .infinity)
          .padding(CGFloat(element.padding ?? 12))
          .background(Color(hex: element.backgroundColor ?? "#007BFF"))
          .foregroundColor(Color(hex: element.foregroundColor ?? "#FFFFFF"))
          .cornerRadius(CGFloat(element.cornerRadius ?? 8))
      }
    case "image":
      if let title = element.title {
        Image(title)
          .resizable()
          .scaledToFit()
          .frame(height: 80)
          .padding()
      }
    case "vstack":
      if let children = element.children {
        VStack(spacing: CGFloat(layout.spacing)) {
          ForEach(0..<children.count, id: \.self) {
            buildElement(children[$0])
          }
        }
      }
    case "hstack":
      if let children = element.children {
        HStack(spacing: CGFloat(layout.spacing)) {
          ForEach(0..<children.count, id: \.self) {
            buildElement(children[$0])
          }
        }
      }
    default:
      EmptyView()
    }
  }

  private func binding(for key: String?) -> Binding<String> {
    let key = key ?? UUID().uuidString
    return Binding<String>(
      get: { self.formValues[key, default: ""] },
      set: { self.formValues[key] = $0 }
    )
  }
}

private func handleAction(named action: String?) {
  switch action?.lowercased() {
  case "register":
    registerAction()
  default:
    print("Unhandled action")
  }
}

private func registerAction() {
  let name = formValues["fullName"] ?? ""
  let email = formValues["email"] ?? ""
  let password = formValues["password"] ?? ""
  let confirm = formValues["confirmPassword"] ?? ""

  guard !name.isEmpty, !email.isEmpty, !password.isEmpty else {
    print("All fields are required")
    return
  }
  guard password == confirm else {
    print("Passwords do not match")
    return
  }
  print("Registration successful for \(name) <\(email)>")
}