@omersx/bemms 0.0.0-stage → 1.0.0

package/src/app/(dashboard)/admin/hospitals/[hospitalId]/page.tsx

@@ -0,0 +1,94 @@
+import { PageHeader } from "@/components/shared/page-header";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { StatusBadge } from "@/components/shared/status-badge";
+import Link from "next/link";
+import { getHospitalById } from "@/lib/actions/hospitals";
+import { notFound } from "next/navigation";
+
+export default async function HospitalDetailPage({ params }: { params: Promise<{ hospitalId: string }> }) {
+  const { hospitalId } = await params;
+  const result = await getHospitalById(hospitalId);
+  
+  if (!result.success || !result.data) {
+    notFound();
+  }
+
+  const hospital = result.data;
+
+  return (
+    <div className="space-y-6">
+      <PageHeader title={hospital.name} description="Hospital details">
+        <Button variant="outline" asChild>
+          <Link href={`/admin/hospitals/${hospital.id}/edit`}>Edit</Link>
+        </Button>
+        <Button variant="destructive">Archive</Button>
+      </PageHeader>
+
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        <Card>
+          <CardHeader>
+            <CardTitle>Basic Information</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            <div>
+              <div className="text-sm font-medium text-muted-foreground">Code</div>
+              <div>{hospital.code}</div>
+            </div>
+            <div>
+              <div className="text-sm font-medium text-muted-foreground">Organization</div>
+              <div>{(hospital as any).organizationName || hospital.organizationId}</div>
+            </div>
+            <div>
+              <div className="text-sm font-medium text-muted-foreground">Status</div>
+              <div className="mt-1">
+                <StatusBadge status={hospital.status} />
+              </div>
+            </div>
+            <div>
+              <div className="text-sm font-medium text-muted-foreground">Timezone</div>
+              <div>{hospital.timezone}</div>
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle>Location & Contact</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            <div>
+              <div className="text-sm font-medium text-muted-foreground">Address</div>
+              <div>{hospital.address}</div>
+              <div>{hospital.city}, {hospital.country}</div>
+            </div>
+            <div>
+              <div className="text-sm font-medium text-muted-foreground">Phone</div>
+              <div>{hospital.phone || "N/A"}</div>
+            </div>
+            <div>
+              <div className="text-sm font-medium text-muted-foreground">Email</div>
+              <div>{hospital.email || "N/A"}</div>
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle>Settings</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            <div>
+              <div className="text-sm font-medium text-muted-foreground">Created At</div>
+              <div>{new Date(hospital.createdAt || Date.now()).toLocaleDateString()}</div>
+            </div>
+            <div>
+              <div className="text-sm font-medium text-muted-foreground">Updated At</div>
+              <div>{new Date(hospital.updatedAt || Date.now()).toLocaleDateString()}</div>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  );
+}

package/src/app/(dashboard)/admin/hospitals/new/page.tsx

@@ -0,0 +1,302 @@
+"use client";
+
+import { PageHeader } from "@/components/shared/page-header";
+import { Button } from "@/components/ui/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import * as z from "zod";
+import { useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import { createHospital } from "@/lib/actions/hospitals";
+import { getOrganizations } from "@/lib/actions/organizations";
+import { toast } from "sonner";
+import { Loader2 } from "lucide-react";
+
+const formSchema = z.object({
+  organizationId: z.string().min(1, "Please select an organization"),
+  name: z.string().min(2, "Name must be at least 2 characters"),
+  code: z.string().min(2, "Code must be at least 2 characters").toUpperCase(),
+  address: z.string().optional().or(z.literal("")),
+  city: z.string().optional().or(z.literal("")),
+  country: z.string().optional().or(z.literal("")),
+  phone: z.string().optional().or(z.literal("")),
+  email: z.string().email("Invalid email").optional().or(z.literal("")),
+  timezone: z.string().min(1, "Please select a timezone"),
+  status: z.enum(["active", "inactive"]),
+});
+
+export default function NewHospitalPage() {
+  const router = useRouter();
+  const [organizations, setOrganizations] = useState<any[]>([]);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      organizationId: "",
+      name: "",
+      code: "",
+      address: "",
+      city: "",
+      country: "",
+      phone: "",
+      email: "",
+      timezone: "UTC",
+      status: "active",
+    },
+  });
+
+  useEffect(() => {
+    async function loadOrgs() {
+      const result = await getOrganizations();
+      if (result?.success && result.data && result.data.length > 0) {
+        setOrganizations(result.data);
+        if (!form.getValues("organizationId")) {
+          form.setValue("organizationId", result.data[0].id);
+        }
+      }
+    }
+    loadOrgs();
+  }, [form]);
+
+  async function onSubmit(values: z.infer<typeof formSchema>) {
+    setIsSubmitting(true);
+    try {
+      const result = await createHospital(values);
+      if (result.success) {
+        toast.success("Hospital registered successfully!");
+        router.push("/admin/general");
+        router.refresh();
+      } else {
+        toast.error((result as any).error || "Failed to create hospital");
+      }
+    } catch (err: any) {
+      toast.error(err.message || "An unexpected error occurred");
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+
+  return (
+    <div className="space-y-6 max-w-2xl">
+      <PageHeader title="Add Hospital" description="Register a new hospital" />
+
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+          <FormField
+            control={form.control}
+            name="organizationId"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Organization</FormLabel>
+                <Select onValueChange={field.onChange} value={field.value || undefined}>
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue placeholder="Select an organization" />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    {organizations.map((org) => (
+                      <SelectItem key={org.id} value={org.id}>
+                        {org.name}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <FormField
+              control={form.control}
+              name="name"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Name</FormLabel>
+                  <FormControl>
+                    <Input placeholder="General Hospital" {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="code"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Code</FormLabel>
+                  <FormControl>
+                    <Input placeholder="GEN" {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <FormField
+            control={form.control}
+            name="address"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Address</FormLabel>
+                <FormControl>
+                  <Input placeholder="123 Health Ave" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <FormField
+              control={form.control}
+              name="city"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>City</FormLabel>
+                  <FormControl>
+                    <Input placeholder="Metropolis" {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="country"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Country</FormLabel>
+                  <FormControl>
+                    <Input placeholder="USA" {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <FormField
+              control={form.control}
+              name="phone"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Phone (Optional)</FormLabel>
+                  <FormControl>
+                    <Input placeholder="+1 555-0123" {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="email"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Email (Optional)</FormLabel>
+                  <FormControl>
+                    <Input placeholder="info@hospital.com" type="email" {...field} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <FormField
+              control={form.control}
+              name="timezone"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Timezone</FormLabel>
+                  <Select onValueChange={field.onChange} defaultValue={field.value}>
+                    <FormControl>
+                      <SelectTrigger>
+                        <SelectValue placeholder="Select a timezone" />
+                      </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                      <SelectItem value="UTC">UTC</SelectItem>
+                      <SelectItem value="America/New_York">Eastern Time (US & Canada)</SelectItem>
+                      <SelectItem value="America/Chicago">Central Time (US & Canada)</SelectItem>
+                      <SelectItem value="America/Denver">Mountain Time (US & Canada)</SelectItem>
+                      <SelectItem value="America/Los_Angeles">Pacific Time (US & Canada)</SelectItem>
+                      <SelectItem value="Europe/London">London</SelectItem>
+                      <SelectItem value="Europe/Paris">Paris</SelectItem>
+                    </SelectContent>
+                  </Select>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="status"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Status</FormLabel>
+                  <Select onValueChange={field.onChange} defaultValue={field.value}>
+                    <FormControl>
+                      <SelectTrigger>
+                        <SelectValue placeholder="Select status" />
+                      </SelectTrigger>
+                    </FormControl>
+                    <SelectContent>
+                      <SelectItem value="active">Active</SelectItem>
+                      <SelectItem value="inactive">Inactive</SelectItem>
+                    </SelectContent>
+                  </Select>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <div className="flex gap-4">
+            <Button type="submit" disabled={isSubmitting} className="gap-2">
+              {isSubmitting ? (
+                <>
+                  <Loader2 className="w-4 h-4 animate-spin" />
+                  Creating Hospital...
+                </>
+              ) : (
+                "Create Hospital"
+              )}
+            </Button>
+            <Button type="button" variant="outline" disabled={isSubmitting} onClick={() => router.back()}>
+              Cancel
+            </Button>
+          </div>
+        </form>
+      </Form>
+    </div>
+  );
+}
+

package/src/app/(dashboard)/admin/hospitals/page.tsx

@@ -0,0 +1,6 @@
+import { redirect } from "next/navigation";
+
+export default function AdminHospitalsPage() {
+  redirect("/admin/general");
+}
+

package/src/app/(dashboard)/admin/layout.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { cn } from "@/lib/utils";
+
+const adminNav = [
+  { title: "Dashboard", href: "/admin" },
+  { title: "General", href: "/admin/general" },
+  { title: "Users", href: "/admin/users" },
+  { title: "Roles", href: "/admin/roles" },
+  { title: "System Settings", href: "/admin/settings" },
+  { title: "Export & Import", href: "/admin/data" },
+  { title: "Audit Logs", href: "/admin/audit-logs" },
+];
+
+export default function AdminLayout({ children }: { children: React.ReactNode }) {
+  const pathname = usePathname();
+
+  return (
+    <div className="flex flex-col md:flex-row min-h-[calc(100vh-4rem)] gap-6 p-4 md:p-6 lg:p-8">
+      <aside className="w-full md:w-64 shrink-0">
+        <nav className="flex flex-row md:flex-col gap-1 overflow-x-auto md:overflow-visible pb-2 md:pb-0">
+          {adminNav.map((item) => {
+            const isActive = pathname === item.href || (pathname.startsWith(item.href) && item.href !== "/admin");
+            return (
+              <Link
+                key={item.href}
+                href={item.href}
+                className={cn(
+                  "flex items-center rounded-md px-3 py-2 text-sm font-medium whitespace-nowrap transition-colors",
+                  isActive
+                    ? "bg-primary text-primary-foreground"
+                    : "hover:bg-muted text-muted-foreground hover:text-foreground"
+                )}
+              >
+                {item.title}
+              </Link>
+            );
+          })}
+        </nav>
+      </aside>
+      <main className="flex-1 min-w-0">
+        {children}
+      </main>
+    </div>
+  );
+}
+

package/src/app/(dashboard)/admin/organizations/[orgId]/edit/page.tsx

@@ -0,0 +1,172 @@
+"use client";
+
+import { PageHeader } from "@/components/shared/page-header";
+import { Button } from "@/components/ui/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import * as z from "zod";
+import { useRouter } from "next/navigation";
+import { useEffect, useState, use } from "react";
+import { getOrganizationById, updateOrganization } from "@/lib/actions/organizations";
+
+const formSchema = z.object({
+  name: z.string().min(2, "Name must be at least 2 characters"),
+  code: z.string().min(2, "Code must be at least 2 characters").toUpperCase(),
+  defaultTimezone: z.string().min(1, "Please select a timezone"),
+  status: z.enum(["active", "archived"]),
+});
+
+export default function EditOrganizationPage({ params }: { params: Promise<{ orgId: string }> }) {
+  const resolvedParams = use(params);
+  const router = useRouter();
+  const [isLoading, setIsLoading] = useState(true);
+
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      name: "",
+      code: "",
+      defaultTimezone: "UTC",
+      status: "active",
+    },
+  });
+
+  useEffect(() => {
+    async function loadData() {
+      const result = await getOrganizationById(resolvedParams.orgId);
+      if (result.success && result.data) {
+        form.reset({
+          name: result.data.name,
+          code: result.data.code,
+          defaultTimezone: result.data.defaultTimezone || "UTC",
+          status: (result.data.status === "archived" ? "archived" : "active") as "active" | "archived",
+        });
+      }
+      setIsLoading(false);
+    }
+    loadData();
+  }, [resolvedParams.orgId, form]);
+
+  async function onSubmit(values: z.infer<typeof formSchema>) {
+    const result = await updateOrganization(resolvedParams.orgId, values);
+    if (result.success) {
+      router.push(`/admin/organizations/${resolvedParams.orgId}`);
+    } else {
+      console.error((result as any).error);
+    }
+  }
+
+  if (isLoading) {
+    return <div className="p-8 text-center">Loading...</div>;
+  }
+
+  return (
+    <div className="space-y-6 max-w-2xl">
+      <PageHeader title="Edit Organization" description="Update organization details" />
+
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+          <FormField
+            control={form.control}
+            name="name"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Name</FormLabel>
+                <FormControl>
+                  <Input placeholder="Acme Healthcare" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="code"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Code</FormLabel>
+                <FormControl>
+                  <Input placeholder="ACME" {...field} />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="defaultTimezone"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Default Timezone</FormLabel>
+                <Select onValueChange={field.onChange} defaultValue={field.value}>
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue placeholder="Select a timezone" />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    <SelectItem value="UTC">UTC</SelectItem>
+                    <SelectItem value="America/New_York">Eastern Time (US & Canada)</SelectItem>
+                    <SelectItem value="America/Chicago">Central Time (US & Canada)</SelectItem>
+                    <SelectItem value="America/Denver">Mountain Time (US & Canada)</SelectItem>
+                    <SelectItem value="America/Los_Angeles">Pacific Time (US & Canada)</SelectItem>
+                    <SelectItem value="Europe/London">London</SelectItem>
+                    <SelectItem value="Europe/Paris">Paris</SelectItem>
+                  </SelectContent>
+                </Select>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="status"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Status</FormLabel>
+                <Select onValueChange={field.onChange} defaultValue={field.value}>
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue placeholder="Select status" />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    <SelectItem value="active">Active</SelectItem>
+                    <SelectItem value="archived">Archived</SelectItem>
+                  </SelectContent>
+                </Select>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <div className="flex gap-4">
+            <Button type="submit">Save Changes</Button>
+            <Button type="button" variant="outline" onClick={() => router.back()}>
+              Cancel
+            </Button>
+          </div>
+        </form>
+      </Form>
+    </div>
+  );
+}