@omersx/bemms 0.0.0-stage → 0.1.0

package/src/app/(dashboard)/notifications/page.tsx

@@ -0,0 +1,59 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { getNotifications, getUnreadCount } from '@/lib/actions/notifications';
+import { NotificationPreferences } from '@/components/notifications/notification-preferences';
+import { NotificationList } from './notification-list';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Bell, Sliders } from 'lucide-react';
+
+export const dynamic = 'force-dynamic';
+
+export default async function NotificationsPage() {
+  const session = await auth();
+  if (!session) redirect('/login');
+
+  const [initialNotifications, unreadCount] = await Promise.all([
+    getNotifications(50, 0),
+    getUnreadCount(),
+  ]);
+
+  return (
+    <div className="space-y-6 max-w-4xl mx-auto">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold tracking-tight">Notifications</h1>
+          <p className="text-sm text-muted-foreground">
+            Stay updated on your equipment, tickets, and maintenance tasks.
+          </p>
+        </div>
+      </div>
+
+      <Tabs defaultValue="inbox" className="w-full">
+        <TabsList className="grid w-full grid-cols-2 max-w-xs">
+          <TabsTrigger value="inbox" className="flex items-center gap-2">
+            <Bell className="h-4 w-4" />
+            Inbox
+            {unreadCount > 0 && (
+              <span className="ml-1 rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary font-semibold">
+                {unreadCount}
+              </span>
+            )}
+          </TabsTrigger>
+          <TabsTrigger value="preferences" className="flex items-center gap-2">
+            <Sliders className="h-4 w-4" />
+            Preferences
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="inbox" className="mt-6">
+          <NotificationList initialItems={initialNotifications} />
+        </TabsContent>
+
+        <TabsContent value="preferences" className="mt-6">
+          <NotificationPreferences />
+        </TabsContent>
+      </Tabs>
+    </div>
+  );
+}
+

package/src/app/(dashboard)/profile/page.tsx

@@ -0,0 +1,27 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { getCurrentUserProfile } from '@/lib/actions/users';
+import { PageHeader } from '@/components/shared/page-header';
+import { UserProfileView } from '@/components/profile/user-profile-view';
+
+export const dynamic = 'force-dynamic';
+
+export default async function ProfilePage() {
+  const session = await auth();
+  if (!session?.user) redirect('/login');
+
+  const profileRes = await getCurrentUserProfile();
+  if (!profileRes.success || !profileRes.data) {
+    redirect('/dashboard');
+  }
+
+  return (
+    <div className="space-y-6 max-w-3xl mx-auto pb-12">
+      <PageHeader
+        title="My Profile & Clinical Details"
+        description="Your contact details, clinical speciality, and ward assignment"
+      />
+      <UserProfileView profile={profileRes.data} />
+    </div>
+  );
+}

package/src/app/(dashboard)/reports/costs/page.tsx

@@ -0,0 +1,127 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { getCostReport } from '@/lib/actions/reports';
+import { ReportTransparencyHeader } from '@/components/reports/transparency-header';
+import { ReportSummaryCards } from '@/components/reports/summary-cards';
+import { ReportExportButton } from '@/components/reports/export-button';
+import { Card, CardContent } from '@/components/ui/card';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { ArrowLeft, DollarSign, Wrench, Briefcase, Settings } from 'lucide-react';
+import Link from 'next/link';
+
+function formatCurrency(amount: number) {
+  return new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD',
+  }).format(amount || 0);
+}
+
+export default async function CostReportPage({ searchParams }: { searchParams: Promise<{ [key: string]: string | string[] | undefined }> }) {
+  const session = await auth();
+  if (!session) redirect('/login');
+
+  const resolvedParams = await searchParams;
+
+  const defaultStartDate = new Date();
+  defaultStartDate.setDate(defaultStartDate.getDate() - 90);
+
+  const filters = {
+    hospitalId: typeof resolvedParams.hospitalId === 'string' ? resolvedParams.hospitalId : undefined,
+    departmentId: typeof resolvedParams.departmentId === 'string' ? resolvedParams.departmentId : undefined,
+    startDate: typeof resolvedParams.startDate === 'string' ? resolvedParams.startDate : defaultStartDate.toISOString(),
+    endDate: typeof resolvedParams.endDate === 'string' ? resolvedParams.endDate : new Date().toISOString(),
+  };
+
+  const data = await getCostReport(filters as any);
+
+  const getAmountByType = (type: string) => {
+    return data.byCostType.find(c => c.costType === type)?.totalAmount || 0;
+  };
+
+  const partsAmount = getAmountByType('parts');
+  const vendorAmount = getAmountByType('vendor_service');
+  const laborAmount = getAmountByType('labor');
+
+  const summaryItems = [
+    { label: 'Total Cost', value: formatCurrency(data.totalCost), icon: DollarSign, color: 'text-primary' },
+    { label: 'Parts', value: formatCurrency(partsAmount), icon: Settings },
+    { label: 'Vendor Services', value: formatCurrency(vendorAmount), icon: Briefcase },
+    { label: 'Labor', value: formatCurrency(laborAmount), icon: Wrench },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center gap-4">
+        <Link href="/reports" className="text-muted-foreground hover:text-foreground inline-flex items-center gap-2">
+          <ArrowLeft className="h-4 w-4" />
+          <span className="hidden sm:inline">Back to Reports</span>
+        </Link>
+        <h1 className="text-2xl font-bold tracking-tight">Maintenance Cost Report</h1>
+      </div>
+
+      <ReportTransparencyHeader
+        reportType="costs"
+        timezone="UTC"
+        dateRange={{ start: filters.startDate, end: filters.endDate }}
+        filters={filters as Record<string, string>}
+        generatedAt={new Date()}
+      />
+
+      <ReportSummaryCards items={summaryItems} />
+
+      {!data || data.byCostType.length === 0 ? (
+        <Card>
+          <CardContent className="p-6 text-center text-muted-foreground">
+            No cost data found matching the selected filters.
+          </CardContent>
+        </Card>
+      ) : (
+        <>
+          <div className="grid gap-4 md:hidden">
+            {data.byCostType.map((item) => (
+              <Card key={item.costType}>
+                <CardContent className="p-4 flex justify-between items-center">
+                  <div className="font-semibold capitalize">{item.costType?.replace('_', ' ') || 'Unknown'}</div>
+                  <div className="font-medium">{formatCurrency(item.totalAmount)}</div>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+
+          <div className="hidden md:block rounded-md border">
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Cost Type</TableHead>
+                  <TableHead className="text-right">Amount</TableHead>
+                  <TableHead className="text-right">% of Total</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {data.byCostType.map((item) => (
+                  <TableRow key={item.costType}>
+                    <TableCell className="font-medium capitalize">{item.costType?.replace('_', ' ') || 'Unknown'}</TableCell>
+                    <TableCell className="text-right font-medium">{formatCurrency(item.totalAmount)}</TableCell>
+                    <TableCell className="text-right">
+                      {data.totalCost > 0 ? ((item.totalAmount / data.totalCost) * 100).toFixed(1) : 0}%
+                    </TableCell>
+                  </TableRow>
+                ))}
+                <TableRow className="bg-muted/50 font-bold">
+                  <TableCell>Total</TableCell>
+                  <TableCell className="text-right">{formatCurrency(data.totalCost)}</TableCell>
+                  <TableCell className="text-right">100%</TableCell>
+                </TableRow>
+              </TableBody>
+            </Table>
+          </div>
+        </>
+      )}
+
+      <div className="flex justify-end">
+        <ReportExportButton reportType="costs" filters={filters as Record<string, string>} />
+      </div>
+    </div>
+  );
+}
+

package/src/app/(dashboard)/reports/history/page.tsx

@@ -0,0 +1,105 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { getReportHistory } from '@/lib/actions/report-history';
+import { Card, CardContent } from '@/components/ui/card';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { Badge } from '@/components/ui/badge';
+import { ArrowLeft, Clock, FileText } from 'lucide-react';
+import Link from 'next/link';
+
+export default async function ReportHistoryPage() {
+  const session = await auth();
+  if (!session) redirect('/login');
+
+  const history = await getReportHistory();
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center gap-4">
+        <Link href="/reports" className="text-muted-foreground hover:text-foreground inline-flex items-center gap-2">
+          <ArrowLeft className="h-4 w-4" />
+          <span className="hidden sm:inline">Back to Reports</span>
+        </Link>
+        <h1 className="text-2xl font-bold tracking-tight">Report History</h1>
+      </div>
+
+      {!history || history.length === 0 ? (
+        <Card>
+          <CardContent className="p-12 text-center text-muted-foreground flex flex-col items-center justify-center">
+            <Clock className="h-12 w-12 mb-4 text-muted/50" />
+            <p className="text-lg font-medium mb-1 text-foreground">No reports have been generated yet.</p>
+            <p>Export a report to save it here.</p>
+          </CardContent>
+        </Card>
+      ) : (
+        <>
+          <div className="grid gap-4 md:hidden">
+            {history.map((report) => (
+              <Card key={report.id}>
+                <CardContent className="p-4 space-y-3">
+                  <div className="flex justify-between items-start">
+                    <div>
+                      <div className="font-semibold">{report.title}</div>
+                      <div className="text-xs text-muted-foreground capitalize">{report.reportType.replace('_', ' ')}</div>
+                    </div>
+                    <Badge variant="outline">{report.fileFormat?.toUpperCase() || 'CSV'}</Badge>
+                  </div>
+                  
+                  <div className="text-sm space-y-1">
+                    {report.dateRangeStart && report.dateRangeEnd && (
+                      <div className="text-muted-foreground">
+                        Range: {new Date(report.dateRangeStart).toLocaleDateString()} - {new Date(report.dateRangeEnd).toLocaleDateString()}
+                      </div>
+                    )}
+                    <div className="flex items-center justify-between text-xs text-muted-foreground pt-2 border-t mt-2">
+                      <span>By: {report.generatedByUser?.fullName || 'Unknown'}</span>
+                      <span>{new Date(report.generatedAt).toLocaleString()}</span>
+                    </div>
+                  </div>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+
+          <div className="hidden md:block rounded-md border">
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Report Details</TableHead>
+                  <TableHead>Date Range</TableHead>
+                  <TableHead>Generated By</TableHead>
+                  <TableHead>Format</TableHead>
+                  <TableHead className="text-right">Generated Date</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {history.map((report) => (
+                  <TableRow key={report.id}>
+                    <TableCell>
+                      <div className="font-medium">{report.title}</div>
+                      <div className="text-xs text-muted-foreground capitalize">{report.reportType.replace('_', ' ')}</div>
+                    </TableCell>
+                    <TableCell className="text-muted-foreground text-sm">
+                      {report.dateRangeStart && report.dateRangeEnd 
+                        ? `${new Date(report.dateRangeStart).toLocaleDateString()} - ${new Date(report.dateRangeEnd).toLocaleDateString()}` 
+                        : 'N/A'
+                      }
+                    </TableCell>
+                    <TableCell className="text-sm">{report.generatedByUser?.fullName || 'Unknown'}</TableCell>
+                    <TableCell>
+                      <Badge variant="outline">{report.fileFormat?.toUpperCase() || 'CSV'}</Badge>
+                    </TableCell>
+                    <TableCell className="text-right text-muted-foreground text-sm">
+                      {new Date(report.generatedAt).toLocaleString()}
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
+

package/src/app/(dashboard)/reports/inventory/page.tsx

@@ -0,0 +1,116 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { getInventoryReport } from '@/lib/actions/reports';
+import { ReportTransparencyHeader } from '@/components/reports/transparency-header';
+import { ReportSummaryCards } from '@/components/reports/summary-cards';
+import { ReportExportButton } from '@/components/reports/export-button';
+import { Card, CardContent } from '@/components/ui/card';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { ArrowLeft, CheckCircle, Wrench, AlertTriangle, Monitor } from 'lucide-react';
+import Link from 'next/link';
+
+export default async function InventoryReportPage({ searchParams }: { searchParams: Promise<{ [key: string]: string | string[] | undefined }> }) {
+  const session = await auth();
+  if (!session) redirect('/login');
+
+  const resolvedParams = await searchParams;
+
+  const filters = {
+    groupBy: (typeof resolvedParams.groupBy === 'string' ? resolvedParams.groupBy : 'department') as any,
+    hospitalId: typeof resolvedParams.hospitalId === 'string' ? resolvedParams.hospitalId : undefined,
+    departmentId: typeof resolvedParams.departmentId === 'string' ? resolvedParams.departmentId : undefined,
+    deviceCategoryId: typeof resolvedParams.deviceCategoryId === 'string' ? resolvedParams.deviceCategoryId : undefined,
+    status: typeof resolvedParams.status === 'string' ? resolvedParams.status : undefined,
+  };
+
+  const data = await getInventoryReport(filters as any);
+
+  const totalDevices = data.reduce((acc, curr) => acc + curr.totalCount, 0);
+  const operationalDevices = data.reduce((acc, curr) => acc + curr.operationalCount, 0);
+  const maintenanceDevices = data.reduce((acc, curr) => acc + curr.maintenanceCount, 0);
+  const outOfServiceDevices = data.reduce((acc, curr) => acc + (curr.outOfServiceCount || 0), 0);
+
+  const summaryItems = [
+    { label: 'Total Devices', value: totalDevices, icon: Monitor },
+    { label: 'Operational', value: operationalDevices, icon: CheckCircle, color: 'text-green-600' },
+    { label: 'Under Maintenance', value: maintenanceDevices, icon: Wrench, color: 'text-yellow-600' },
+    { label: 'Out of Service', value: outOfServiceDevices, icon: AlertTriangle, color: 'text-red-600' },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center gap-4">
+        <Link href="/reports" className="text-muted-foreground hover:text-foreground inline-flex items-center gap-2">
+          <ArrowLeft className="h-4 w-4" />
+          <span className="hidden sm:inline">Back to Reports</span>
+        </Link>
+        <h1 className="text-2xl font-bold tracking-tight">Inventory Report</h1>
+      </div>
+
+      <ReportTransparencyHeader
+        reportType="inventory"
+        timezone="UTC"
+        filters={filters as Record<string, string>}
+        generatedAt={new Date()}
+      />
+
+      <ReportSummaryCards items={summaryItems} />
+
+      {data.length === 0 ? (
+        <Card>
+          <CardContent className="p-6 text-center text-muted-foreground">
+            No inventory data found matching the selected filters.
+          </CardContent>
+        </Card>
+      ) : (
+        <>
+          <div className="grid gap-4 md:hidden">
+            {data.map((item) => (
+              <Card key={String(item.groupId)}>
+                <CardContent className="p-4 space-y-2">
+                  <div className="font-semibold">{item.groupId || 'Unknown Group'}</div>
+                  <div className="text-sm grid grid-cols-2 gap-2">
+                    <span className="text-green-600">Operational: {item.operationalCount}</span>
+                    <span className="text-yellow-600">Maintenance: {item.maintenanceCount}</span>
+                    <span className="text-red-600">Out of Service: {item.decommissionedCount}</span>
+                    <span className="font-medium text-foreground">Total: {item.totalCount}</span>
+                  </div>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+
+          <div className="hidden md:block rounded-md border">
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead className="w-[30%]">Group</TableHead>
+                  <TableHead className="text-right">Operational</TableHead>
+                  <TableHead className="text-right">Under Maintenance</TableHead>
+                  <TableHead className="text-right">Out of Service</TableHead>
+                  <TableHead className="text-right font-bold">Total</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {data.map((item) => (
+                  <TableRow key={String(item.groupId)}>
+                    <TableCell className="font-medium">{item.groupId || 'Unknown Group'}</TableCell>
+                    <TableCell className="text-right text-green-600">{item.operationalCount}</TableCell>
+                    <TableCell className="text-right text-yellow-600">{item.maintenanceCount}</TableCell>
+                    <TableCell className="text-right text-red-600">{item.decommissionedCount}</TableCell>
+                    <TableCell className="text-right font-bold">{item.totalCount}</TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        </>
+      )}
+
+      <div className="flex justify-end">
+        <ReportExportButton reportType="inventory" filters={filters as Record<string, string>} />
+      </div>
+    </div>
+  );
+}
+

package/src/app/(dashboard)/reports/maintenance/page.tsx

@@ -0,0 +1,136 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { getMaintenanceComplianceReport } from '@/lib/actions/reports';
+import { ReportTransparencyHeader } from '@/components/reports/transparency-header';
+import { ReportSummaryCards } from '@/components/reports/summary-cards';
+import { ReportExportButton } from '@/components/reports/export-button';
+import { Card, CardContent } from '@/components/ui/card';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { ArrowLeft, Calendar, CheckCircle, AlertTriangle, Percent } from 'lucide-react';
+import Link from 'next/link';
+
+export default async function MaintenanceComplianceReportPage({ searchParams }: { searchParams: Promise<{ [key: string]: string | string[] | undefined }> }) {
+  const session = await auth();
+  if (!session) redirect('/login');
+
+  const resolvedParams = await searchParams;
+
+  const filters = {
+    hospitalId: typeof resolvedParams.hospitalId === 'string' ? resolvedParams.hospitalId : undefined,
+    departmentId: typeof resolvedParams.departmentId === 'string' ? resolvedParams.departmentId : undefined,
+    startDate: typeof resolvedParams.startDate === 'string' ? resolvedParams.startDate : undefined,
+    endDate: typeof resolvedParams.endDate === 'string' ? resolvedParams.endDate : undefined,
+  };
+
+  const data = await getMaintenanceComplianceReport(filters as any);
+
+  const summaryItems = [
+    { label: 'Total Scheduled', value: data?.totalScheduled || 0, icon: Calendar },
+    { label: 'Completed', value: data?.completed || 0, icon: CheckCircle, color: 'text-green-600' },
+    { label: 'Overdue', value: data?.overdue || 0, icon: AlertTriangle, color: 'text-red-600' },
+    { label: 'Compliance Rate', value: `${(data?.complianceRate || 0).toFixed(1)}%`, icon: Percent, color: 'text-primary' },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center gap-4">
+        <Link href="/reports" className="text-muted-foreground hover:text-foreground inline-flex items-center gap-2">
+          <ArrowLeft className="h-4 w-4" />
+          <span className="hidden sm:inline">Back to Reports</span>
+        </Link>
+        <h1 className="text-2xl font-bold tracking-tight">PM Compliance Report</h1>
+      </div>
+
+      <ReportTransparencyHeader
+        reportType="maintenance"
+        timezone="UTC"
+        dateRange={{ start: filters.startDate, end: filters.endDate }}
+        filters={filters as Record<string, string>}
+        generatedAt={new Date()}
+      />
+
+      <ReportSummaryCards items={summaryItems} />
+
+      {!data || data.totalScheduled === 0 ? (
+        <Card>
+          <CardContent className="p-6 text-center text-muted-foreground">
+            No maintenance tasks found matching the selected filters.
+          </CardContent>
+        </Card>
+      ) : (
+        <>
+          <div className="my-6">
+            <h3 className="text-sm font-medium mb-2">Overall Compliance</h3>
+            <div className="w-full bg-secondary rounded-full h-4">
+              <div 
+                className="bg-primary h-4 rounded-full transition-all" 
+                style={{ width: `${Math.min(100, Math.max(0, data.complianceRate))}%` }} 
+              />
+            </div>
+            <p className="text-xs text-muted-foreground mt-2 text-right">
+              {data.complianceRate.toFixed(1)}% Completed
+            </p>
+          </div>
+
+          <div className="grid gap-4 md:hidden">
+            <Card>
+              <CardContent className="p-4 space-y-2">
+                <div className="font-semibold mb-2">Status Breakdown</div>
+                <div className="text-sm grid grid-cols-2 gap-2">
+                  <span className="text-green-600 font-medium">Completed: {data.completed}</span>
+                  <span className="text-red-600 font-medium">Overdue: {data.overdue}</span>
+                  <span className="font-medium text-foreground col-span-2">Total Scheduled: {data.totalScheduled}</span>
+                </div>
+              </CardContent>
+            </Card>
+          </div>
+
+          <div className="hidden md:block rounded-md border">
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Status</TableHead>
+                  <TableHead className="text-right">Count</TableHead>
+                  <TableHead className="text-right">% of Total</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                <TableRow>
+                  <TableCell className="font-medium text-green-600">Completed</TableCell>
+                  <TableCell className="text-right">{data.completed}</TableCell>
+                  <TableCell className="text-right">
+                    {data.totalScheduled > 0 ? ((data.completed / data.totalScheduled) * 100).toFixed(1) : 0}%
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell className="font-medium text-red-600">Overdue</TableCell>
+                  <TableCell className="text-right">{data.overdue}</TableCell>
+                  <TableCell className="text-right">
+                    {data.totalScheduled > 0 ? ((data.overdue / data.totalScheduled) * 100).toFixed(1) : 0}%
+                  </TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell className="font-medium">Other</TableCell>
+                  <TableCell className="text-right">{data.totalScheduled - data.completed - data.overdue}</TableCell>
+                  <TableCell className="text-right">
+                    {data.totalScheduled > 0 ? (((data.totalScheduled - data.completed - data.overdue) / data.totalScheduled) * 100).toFixed(1) : 0}%
+                  </TableCell>
+                </TableRow>
+                <TableRow className="bg-muted/50 font-medium">
+                  <TableCell>Total Scheduled</TableCell>
+                  <TableCell className="text-right">{data.totalScheduled}</TableCell>
+                  <TableCell className="text-right">100%</TableCell>
+                </TableRow>
+              </TableBody>
+            </Table>
+          </div>
+        </>
+      )}
+
+      <div className="flex justify-end">
+        <ReportExportButton reportType="maintenance" filters={filters as Record<string, string>} />
+      </div>
+    </div>
+  );
+}
+