Skip Finance Management module

2025-10-10 23:20:14 +00:00
parent e167225412
commit 957c95e59c
7 changed files with 1074 additions and 8 deletions
--- a/src/pages/dashboard/RestaurantPOS.tsx
+++ b/src/pages/dashboard/RestaurantPOS.tsx
@@ -0,0 +1,134 @@
+import { useState } from 'react';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { UtensilsCrossed, QrCode, ChefHat, Receipt } from 'lucide-react';
+import DigitalMenu from '@/components/restaurant/DigitalMenu';
+import TableOrders from '@/components/restaurant/TableOrders';
+import KitchenDisplay from '@/components/restaurant/KitchenDisplay';
+import BillManagement from '@/components/restaurant/BillManagement';
+
+const RestaurantPOS = () => {
+  const [activeOrders] = useState(12);
+  const [pendingKitchen] = useState(8);
+  const [dailyRevenue] = useState(4280);
+
+  return (
+    <div className="container mx-auto p-6 space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-3xl font-bold flex items-center gap-2">
+            <UtensilsCrossed className="h-8 w-8 text-primary" />
+            Restaurant POS
+          </h1>
+          <p className="text-muted-foreground mt-1">
+            Sistema completo de gestión de restaurante
+          </p>
+        </div>
+      </div>
+
+      {/* Stats Overview */}
+      <div className="grid gap-4 md:grid-cols-3">
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Pedidos Activos</CardTitle>
+            <Receipt className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{activeOrders}</div>
+            <p className="text-xs text-muted-foreground">En proceso ahora</p>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">En Cocina</CardTitle>
+            <ChefHat className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{pendingKitchen}</div>
+            <p className="text-xs text-muted-foreground">Preparando</p>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Ventas del Día</CardTitle>
+            <QrCode className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">${dailyRevenue.toLocaleString()}</div>
+            <p className="text-xs text-muted-foreground">+12% vs ayer</p>
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Main Content */}
+      <Tabs defaultValue="menu" className="space-y-4">
+        <TabsList className="grid w-full grid-cols-4">
+          <TabsTrigger value="menu">Menú Digital</TabsTrigger>
+          <TabsTrigger value="orders">Pedidos en Mesa</TabsTrigger>
+          <TabsTrigger value="kitchen">Cocina</TabsTrigger>
+          <TabsTrigger value="bills">Facturación</TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="menu" className="space-y-4">
+          <Card>
+            <CardHeader>
+              <CardTitle>Menú Digital con QR</CardTitle>
+              <CardDescription>
+                Gestiona tu menú y genera códigos QR para las mesas
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <DigitalMenu />
+            </CardContent>
+          </Card>
+        </TabsContent>
+
+        <TabsContent value="orders" className="space-y-4">
+          <Card>
+            <CardHeader>
+              <CardTitle>Sistema de Pedidos en Mesa</CardTitle>
+              <CardDescription>
+                Gestiona pedidos de todas las mesas en tiempo real
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <TableOrders />
+            </CardContent>
+          </Card>
+        </TabsContent>
+
+        <TabsContent value="kitchen" className="space-y-4">
+          <Card>
+            <CardHeader>
+              <CardTitle>Display de Cocina</CardTitle>
+              <CardDescription>
+                Vista de pedidos para el equipo de cocina
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <KitchenDisplay />
+            </CardContent>
+          </Card>
+        </TabsContent>
+
+        <TabsContent value="bills" className="space-y-4">
+          <Card>
+            <CardHeader>
+              <CardTitle>Gestión de Cuentas</CardTitle>
+              <CardDescription>
+                Split bill, propinas y cierre de cuentas
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <BillManagement />
+            </CardContent>
+          </Card>
+        </TabsContent>
+      </Tabs>
+    </div>
+  );
+};
+
+export default RestaurantPOS;