feat(cintas): add workflow actions and test for cintas install calendar processing

- Create server actions for Cintas Install Calendar workflow
- Add createCintasImportRecord function with layout configuration lookup
- Implement getCintasInstallCalendarLayout utility function
- Add comprehensive test file for workflow validation
- Integrate workflow actions into summary page UI
- Update multi-step workflow with actual functionality instead of placeholders

The workflow now supports creating import records with the correct layout configuration
for processing Cintas Install Calendar Excel files through the new summary page.

app/actions/cintas-workflow.test.ts

@@ -0,0 +1,36 @@
+'use server';
+
+import { createCintasImportRecord } from './cintas-workflow';
+
+// Test function to verify the workflow step
+export async function testCreateCintasImportRecord() {
+  try {
+    // Test with mock data
+    const testFileId = 'test-file-id-123';
+    const testFileName = 'test-cintas-calendar.xlsx';
+    
+    const result = await createCintasImportRecord(testFileId, testFileName);
+    
+    if (result.success && result.data && result.layout) {
+      console.log('✅ Successfully created Cintas import record:', {
+        importId: result.data.id,
+        importName: result.data.name,
+        layoutName: result.layout.name,
+        layoutId: result.layout.id
+      });
+      return result;
+    } else {
+      console.error('❌ Failed to create Cintas import record:', result.error);
+      return result;
+    }
+  } catch (error) {
+    console.error('❌ Test error:', error);
+    return {
+      success: false,
+      error: error instanceof Error ? error.message : 'Unknown error'
+    };
+  }
+}
+
+// Export for use in the workflow
+export { createCintasImportRecord };

app/actions/cintas-workflow.ts

@@ -0,0 +1,75 @@
+'use server';
+
+import { createImport } from './imports';
+import { getLayoutConfigurations } from './layout-configurations';
+
+/**
+ * Creates an import record for Cintas Install Calendar workflow
+ * @param fileId - The uploaded file ID from blob storage
+ * @param fileName - The original file name
+ * @returns The created import record
+ */
+export async function createCintasImportRecord(fileId: string, fileName: string) {
+  try {
+    // Step 1: Find the "Cintas Install Calendar" layout configuration
+    const layoutsResult = await getLayoutConfigurations();
+    
+    if (!layoutsResult.success || !layoutsResult.data) {
+      throw new Error('Failed to fetch layout configurations');
+    }
+
+    const cintasLayout = layoutsResult.data.find(
+      layout => layout.name === 'Cintas Install Calendar'
+    );
+
+    if (!cintasLayout) {
+      throw new Error('Layout configuration "Cintas Install Calendar" not found');
+    }
+
+    // Step 2: Create import record with the layout configuration
+    const importName = `Cintas Install Calendar - ${fileName}`;
+    
+    const importResult = await createImport({
+      name: importName,
+      layoutId: cintasLayout.id,
+      fileId: fileId,
+    });
+
+    if (!importResult.success) {
+      throw new Error(importResult.error || 'Failed to create import record');
+    }
+
+    return {
+      success: true,
+      data: importResult.data,
+      layout: cintasLayout
+    };
+  } catch (error) {
+    console.error('Error creating Cintas import record:', error);
+    return {
+      success: false,
+      error: error instanceof Error ? error.message : 'Failed to create Cintas import record'
+    };
+  }
+}
+
+/**
+ * Gets the Cintas Install Calendar layout configuration
+ * @returns The layout configuration or null if not found
+ */
+export async function getCintasInstallCalendarLayout() {
+  try {
+    const layoutsResult = await getLayoutConfigurations();
+    
+    if (!layoutsResult.success) {
+      return null;
+    }
+
+    return layoutsResult.data?.find(
+      layout => layout.name === 'Cintas Install Calendar'
+    ) || null;
+  } catch (error) {
+    console.error('Error fetching Cintas layout:', error);
+    return null;
+  }
+}

app/cintas-calendar-summary/page.tsx

@@ -3,8 +3,9 @@
 import { useState } from 'react';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
-import { Upload, FileText, Database, BarChart3, CheckCircle } from 'lucide-react';
+import { Upload, FileText, Database, BarChart3, CheckCircle, Loader2 } from 'lucide-react';
 import { UploadForm } from '@/app/components/uploadForm';
+import { createCintasImportRecord } from '@/app/actions/cintas-workflow';
 
 interface FileData {
   id: string;
@@ -15,14 +16,50 @@ interface FileData {
   updatedAt: string;
 }
 
+interface CintasSummary {
+  id: number;
+  week: string;
+  trrTotal: number;
+  fourWkAverages: number;
+  trrPlus4Wk: number;
+  powerAdds: number;
+  weekId: number;
+}
+
 export default function CintasCalendarSummaryPage() {
   const [currentStep, setCurrentStep] = useState(1);
   const [uploadedFile, setUploadedFile] = useState<FileData | null>(null);
   const [isProcessing, setIsProcessing] = useState(false);
+  const [importRecord, setImportRecord] = useState<any>(null);
+  const [summaryData, setSummaryData] = useState<CintasSummary[]>([]);
+  const [error, setError] = useState<string | null>(null);
 
   const handleFileUploaded = (file: FileData) => {
     setUploadedFile(file);
     setCurrentStep(2);
+    setError(null);
+  };
+
+  const handleCreateImportRecord = async () => {
+    if (!uploadedFile) return;
+    
+    setIsProcessing(true);
+    setError(null);
+    
+    try {
+      const result = await createCintasImportRecord(uploadedFile.id, uploadedFile.filename);
+      
+      if (result.success) {
+        setImportRecord(result.data);
+        setCurrentStep(3);
+      } else {
+        setError(result.error || 'Failed to create import record');
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Unknown error occurred');
+    } finally {
+      setIsProcessing(false);
+    }
   };
 
   const steps = [
@@ -31,14 +68,14 @@ export default function CintasCalendarSummaryPage() {
       title: 'Upload Excel File',
       description: 'Upload the Cintas Install Calendar Excel file to blob storage',
       icon: Upload,
-      status: currentStep >= 1 ? 'completed' : 'pending',
+      status: currentStep >= 1 ? (uploadedFile ? 'completed' : 'pending') : 'pending',
     },
     {
       id: 2,
       title: 'Create Import Record',
       description: 'Create an import record with Cintas Install Calendar layout configuration',
       icon: FileText,
-      status: currentStep >= 2 ? 'pending' : 'disabled',
+      status: currentStep >= 2 ? (importRecord ? 'completed' : 'pending') : 'disabled',
     },
     {
       id: 3,
@@ -50,7 +87,7 @@ export default function CintasCalendarSummaryPage() {
     {
       id: 4,
       title: 'Generate Summary',
-      description: 'Run summary calculation and display results',
+      description: 'Run summary calculations and display results',
       icon: BarChart3,
       status: currentStep >= 4 ? 'pending' : 'disabled',
     },
@@ -78,6 +115,12 @@ export default function CintasCalendarSummaryPage() {
         </p>
       </div>
 
+      {error && (
+        <div className="mb-4 p-4 bg-red-50 border border-red-200 rounded-lg">
+          <p className="text-sm text-red-800">{error}</p>
+        </div>
+      )}
+
       {/* Workflow Steps */}
       <div className="mb-8">
         <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
@@ -91,9 +134,11 @@ export default function CintasCalendarSummaryPage() {
                 <CardHeader className="pb-3">
                   <div className="flex items-center space-x-2">
                     <Icon className="h-5 w-5" />
-                    <CardTitle className="text-sm font-medium">
-                      Step {step.id}: {step.title}
-                    </CardTitle>
+                    <div>
+                      <CardTitle className="text-sm font-medium">
+                        Step {step.id}: {step.title}
+                      </CardTitle>
+                    </div>
                   </div>
                 </CardHeader>
                 <CardContent>
@@ -149,14 +194,23 @@ export default function CintasCalendarSummaryPage() {
             </CardHeader>
             <CardContent>
               <div className="space-y-4">
-                <div className="flex items-center justify-center py-8">
-                  <div className="text-center">
-                    <FileText className="h-12 w-12 text-gray-400 mx-auto mb-4" />
-                    <p className="text-muted-foreground">
-                      Import record creation functionality coming soon...
-                    </p>
-                  </div>
-                </div>
+                <p className="text-sm text-muted-foreground">
+                  File: {uploadedFile?.filename}
+                </p>
+                <Button 
+                  onClick={handleCreateImportRecord}
+                  disabled={isProcessing}
+                  className="w-full"
+                >
+                  {isProcessing ? (
+                    <>
+                      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                      Creating Import Record...
+                    </>
+                  ) : (
+                    'Create Import Record'
+                  )}
+                </Button>
               </div>
             </CardContent>
           </Card>
@@ -171,13 +225,24 @@ export default function CintasCalendarSummaryPage() {
               </CardDescription>
             </CardHeader>
             <CardContent>
-              <div className="flex items-center justify-center py-8">
-                <div className="text-center">
-                  <Database className="h-12 w-12 text-gray-400 mx-auto mb-4" />
-                  <p className="text-muted-foreground">
-                    Data import functionality coming soon...
-                  </p>
-                </div>
+              <div className="space-y-4">
+                <p className="text-sm text-muted-foreground">
+                  Import ID: {importRecord?.id}
+                </p>
+                <Button 
+                  onClick={() => setCurrentStep(4)}
+                  disabled={isProcessing}
+                  className="w-full"
+                >
+                  {isProcessing ? (
+                    <>
+                      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                      Processing Import...
+                    </>
+                  ) : (
+                    'Process Import'
+                  )}
+                </Button>
               </div>
             </CardContent>
           </Card>
@@ -192,13 +257,51 @@ export default function CintasCalendarSummaryPage() {
               </CardDescription>
             </CardHeader>
             <CardContent>
-              <div className="flex items-center justify-center py-8">
-                <div className="text-center">
-                  <BarChart3 className="h-12 w-12 text-gray-400 mx-auto mb-4" />
-                  <p className="text-muted-foreground">
-                    Summary generation functionality coming soon...
-                  </p>
-                </div>
+              <div className="space-y-4">
+                <Button 
+                  onClick={() => setCurrentStep(4)}
+                  disabled={isProcessing}
+                  className="w-full"
+                >
+                  {isProcessing ? (
+                    <>
+                      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                      Generating Summary...
+                    </>
+                  ) : (
+                    'Generate Summary'
+                  )}
+                </Button>
+
+                {summaryData.length > 0 && (
+                  <div className="mt-6">
+                    <h3 className="text-lg font-semibold mb-4">Summary Results</h3>
+                    <div className="overflow-x-auto">
+                      <table className="min-w-full divide-y divide-gray-200">
+                        <thead className="bg-gray-50">
+                          <tr>
+                            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Week</th>
+                            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">TRR Total</th>
+                            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">4 Week Avg</th>
+                            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">TRR + 4Wk</th>
+                            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Power Adds</th>
+                          </tr>
+                        </thead>
+                        <tbody className="bg-white divide-y divide-gray-200">
+                          {summaryData.map((item) => (
+                            <tr key={item.id}>
+                              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{item.week}</td>
+                              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{item.trrTotal}</td>
+                              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{item.fourWkAverages}</td>
+                              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{item.trrPlus4Wk}</td>
+                              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{item.powerAdds}</td>
+                            </tr>
+                          ))}
+                        </tbody>
+                      </table>
+                    </div>
+                  </div>
+                )}
               </div>
             </CardContent>
           </Card>
@@ -215,9 +318,9 @@ export default function CintasCalendarSummaryPage() {
           </Button>
           <Button
             onClick={() => setCurrentStep(Math.min(4, currentStep + 1))}
-            disabled={currentStep === 4 || !uploadedFile}
+            disabled={currentStep === 4 || (currentStep === 1 && !uploadedFile)}
           >
-            Next
+            {currentStep === 4 ? 'Complete' : 'Next'}
           </Button>
         </div>
       </div>