Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

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>
             )}