Support For BULK beds creation in location

public/locale/en.json

@@ -468,8 +468,10 @@
   "basic_info": "Basic Information",
   "basic_information": "Basic Information",
   "bed_capacity": "Bed Capacity",
+  "bed_count_validation_error": "Number of beds must be greater than 0",
   "bed_created_notification_one": "{{count}} Bed created successfully",
   "bed_created_notification_other": "{{count}} Beds created successfully",
+  "beds_creation_failed":"Failed to create beds",
   "bed_history": "Bed History",
   "bed_not_linked_to_camera": "This bed has not been linked to this camera.",
   "bed_search_placeholder": "Search by beds name",
@@ -2293,6 +2295,7 @@
   "tomorrow": "Tomorrow",
   "total_amount": "Total Amount",
   "total_beds": "Total Beds",
+  "total_number_of_beds": "Total number of beds",
   "total_patients": "Total Patients",
   "total_slots": "Total Slots",
   "total_staff": "Total Staff",

src/pages/Facility/settings/locations/LocationForm.tsx

@@ -1,5 +1,6 @@
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { t } from "i18next";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
@@ -25,6 +26,7 @@ import {
 } from "@/components/ui/select";
 import { Textarea } from "@/components/ui/textarea";
 
+import routes from "@/Utils/request/api";
 import mutate from "@/Utils/request/mutate";
 import query from "@/Utils/request/query";
 import {
@@ -34,20 +36,27 @@ import {
   Status,
 } from "@/types/location/location";
 import locationApi from "@/types/location/locationApi";
+import {
+  BatchRequestBody,
+  BatchSubmissionResult,
+} from "@/types/questionnaire/batch";
 
 const formSchema = z.object({
-  name: z.string().min(1, { message: "Name is required" }),
+  name: z.string().min(1, { message: t("field_required") }),
   description: z.string().optional(),
   status: z.enum(["active", "inactive", "unknown"] as const),
   operational_status: z.enum(["C", "H", "O", "U", "K", "I"] as const),
   form: z.enum(LocationFormOptions),
   parent: z.string().optional().nullable(),
+  beds_count: z
+    .number()
+    .min(1, t("number_min_error", { min: 1 }))
+    .optional(),
   organizations: z.array(z.string()).default([]),
   availability_status: z.enum(["available", "unavailable"] as const),
 });
 
 type FormValues = z.infer<typeof formSchema>;
-
 interface Props {
   facilityId: string;
   onSuccess?: () => void;
@@ -61,11 +70,11 @@ const defaultValues: FormValues = {
   status: "active",
   operational_status: "O",
   form: "ro",
+  beds_count: 1,
   parent: null,
   organizations: [],
   availability_status: "available",
 };
-
 export default function LocationForm({
   facilityId,
   onSuccess,
@@ -83,6 +92,8 @@ export default function LocationForm({
     enabled: !!locationId,
   });
 
+  const isEditMode = !!location?.id;
+
   const form = useForm<FormValues>({
     resolver: zodResolver(formSchema),
     defaultValues: {
@@ -115,20 +126,58 @@ export default function LocationForm({
           pathParams: { facility_id: facilityId },
         }),
     onSuccess: () => {
+      toast.success(isEditMode ? t("location_updated") : t("location_created"));
+      queryClient.invalidateQueries({ queryKey: ["locations"] });
+
+      onSuccess?.();
+    },
+  });
+
+  const { mutate: submitBatch } = useMutation({
+    mutationFn: mutate(routes.batchRequest, { silent: true }),
+    onSuccess: (data: { results: BatchSubmissionResult[] }) => {
       toast.success(
-        location?.id ? t("location_updated") : t("location_created"),
+        t("bed_created_notification", { count: data.results.length }),
       );
       queryClient.invalidateQueries({ queryKey: ["locations"] });
-
       onSuccess?.();
     },
+
+    onError: () => {
+      toast.error(t("beds_creation_failed"));
+    },
   });
 
   function onSubmit(values: FormValues) {
+    if (values.form === "bd" && !isEditMode && (values.beds_count ?? 0) > 1) {
+      const data: LocationWrite = {
+        ...values,
+        mode: "instance",
+        description: values.description || "",
+        organizations: values.organizations,
+        parent: values.parent || undefined,
+      };
+
+      const batchRequest: BatchRequestBody = {
+        requests: Array.from(
+          { length: Number(values.beds_count) },
+          (_, index) => ({
+            url: `/api/v1/facility/${facilityId}/location/`,
+            method: "POST",
+            reference_id: `Location`,
+            body: {
+              ...data,
+              name: `${values.name} ${index + 1}`,
+            },
+          }),
+        ),
+      };
+      submitBatch(batchRequest);
+      return;
+    }
     const locationData: LocationWrite = {
       ...values,
-      // Mode = instance only for beds
-      mode: values.form === "bd" ? "instance" : "kind",
+      mode: "kind",
       description: values.description || "",
       organizations: values.organizations,
       parent: values.parent || undefined,
@@ -179,7 +228,20 @@ export default function LocationForm({
             </FormItem>
           )}
         />
-
+        {form.watch("form") === "bd" &&
+          (form.watch("beds_count") ?? 0) > 1 &&
+          form.watch("name")?.trim() !== "" && (
+            <span className="text-sm text-gray-500">
+              {Array.from(
+                { length: Number(form.watch("beds_count")) },
+                (_, index) => (
+                  <span key={index}>
+                    {form.watch("name")}-{index + 1}{" "}
+                  </span>
+                ),
+              )}
+            </span>
+          )}
         <FormField
           control={form.control}
           name="description"
@@ -224,6 +286,25 @@ export default function LocationForm({
             )}
           />
 
+          {form.watch("form") === "bd" && !isEditMode && (
+            <FormField
+              control={form.control}
+              name="beds_count"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>{t("total_number_of_beds")}</FormLabel>
+                  <Input
+                    {...field}
+                    type="number"
+                    min={1}
+                    onChange={(e) => field.onChange(e.target.valueAsNumber)}
+                  />
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          )}
+
           <FormField
             control={form.control}
             name="status"
@@ -277,9 +358,9 @@ export default function LocationForm({
 
         <Button type="submit" disabled={isPending}>
           {isPending ? (
-            <>{location?.id ? t("updating") : t("creating")}</>
+            <>{isEditMode ? t("updating") : t("creating")}</>
           ) : (
-            <>{location?.id ? t("update") : t("create")}</>
+            <>{isEditMode ? t("update") : t("create")}</>
           )}
         </Button>
       </form>