From a8eaf04fdfba0c963df18ffb1203ad28df2ec7e3 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 17 Apr 2026 00:49:55 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/clients/client-form-dialog.tsx | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/clients/client-form-dialog.tsx b/src/components/clients/client-form-dialog.tsx
index da86008..f255bb3 100644
--- a/src/components/clients/client-form-dialog.tsx
+++ b/src/components/clients/client-form-dialog.tsx
@@ -185,7 +185,7 @@ export function ClientFormDialog({
             </div>
 
             {clientType === "hoa" && (
-              <div className="grid grid-cols-2 gap-3">
+              <div className="grid grid-cols-3 gap-3">
                 <FormField
                   control={form.control}
                   name="management_company"
@@ -210,6 +210,27 @@ export function ClientFormDialog({
                     </FormItem>
                   )}
                 />
+                <FormField
+                  control={form.control}
+                  name="annual_interest_rate"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Interest rate (% / yr)</FormLabel>
+                      <FormControl>
+                        <Input
+                          type="number"
+                          step="0.01"
+                          min={0}
+                          max={100}
+                          placeholder="e.g. 18"
+                          {...field}
+                          value={field.value ?? ""}
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
               </div>
             )}