feat(admin): edit order status with dropdown and notify partner by email

shop/lib/actions/orders.ts

@@ -1,6 +1,7 @@
 'use server'
 
 import { createClient } from '@/lib/supabase/server'
+import { createAdminClient } from '@/lib/supabase/admin'
 import { revalidatePath } from 'next/cache'
 import { sendMail } from '@/utils/mail'
 import { InvoicePDF } from '@/components/invoice-pdf'
@@ -280,3 +281,96 @@ export async function submitOrder(params: {
   revalidatePath('/my-orders')
   return order as Order
 }
+
+export async function updateOrderStatus(
+  orderId: string,
+  newStatus: 'pending' | 'active' | 'completed' | 'cancelled'
+) {
+  const admin = createAdminClient()
+
+  // 1. Fetch current order
+  const { data: order, error: fetchError } = await admin
+    .from('orders')
+    .select('id, user_id, order_number, status')
+    .eq('id', orderId)
+    .single()
+
+  if (fetchError || !order) {
+    throw new Error(`Bestellung nicht gefunden: ${fetchError?.message || 'Unbekannt'}`)
+  }
+
+  const oldStatus = order.status
+
+  if (oldStatus === newStatus) {
+    return order
+  }
+
+  // 2. Update order status
+  const { data: updatedOrder, error: updateError } = await admin
+    .from('orders')
+    .update({ status: newStatus })
+    .eq('id', orderId)
+    .select()
+    .single()
+
+  if (updateError || !updatedOrder) {
+    throw new Error(`Fehler beim Aktualisieren des Status: ${updateError?.message || 'Unbekannt'}`)
+  }
+
+  // 3. Send email to the retailer (händler)
+  if (order.user_id) {
+    try {
+      const { data: { user }, error: userError } = await admin.auth.admin.getUserById(order.user_id)
+      
+      if (!userError && user && user.email) {
+        const orderNumber = order.order_number || order.id.slice(0, 8)
+        const statusLabelMap: Record<string, string> = {
+          pending: 'Eingegangen',
+          active: 'In Bearbeitung',
+          completed: 'Abgeschlossen',
+          cancelled: 'Storniert',
+        }
+        const oldLabel = statusLabelMap[oldStatus] || oldStatus
+        const newLabel = statusLabelMap[newStatus] || newStatus
+
+        await sendMail({
+          to: user.email,
+          subject: `Statusänderung Ihrer Bestellung ${orderNumber}`,
+          text: `Hallo,\n\nder Status Ihrer Bestellung mit der Nummer ${orderNumber} hat sich geändert.\n\nNeuer Status: ${newLabel} (vorher: ${oldLabel})\n\nViele Grüße,\nIhr CASPOS Shop-Team`,
+          html: `
+            <div style="font-family: sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #e2e8f0; border-radius: 8px;">
+              <h2 style="color: #0f172a; margin-bottom: 16px;">Status Ihrer Bestellung hat sich geändert</h2>
+              <p style="color: #475569; font-size: 16px; line-height: 1.5;">Hallo,</p>
+              <p style="color: #475569; font-size: 16px; line-height: 1.5;">der Status Ihrer Bestellung mit der Nummer <strong>${orderNumber}</strong> wurde aktualisiert.</p>
+              <div style="background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 16px; margin: 24px 0;">
+                <table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #475569;">
+                  <tr>
+                    <td style="padding: 4px 0; font-weight: bold; width: 140px;">Bestellnummer:</td>
+                    <td style="padding: 4px 0;">${orderNumber}</td>
+                  </tr>
+                  <tr>
+                    <td style="padding: 4px 0; font-weight: bold;">Alter Status:</td>
+                    <td style="padding: 4px 0; text-decoration: line-through; color: #94a3b8;">${oldLabel}</td>
+                  </tr>
+                  <tr>
+                    <td style="padding: 4px 0; font-weight: bold;">Neuer Status:</td>
+                    <td style="padding: 4px 0; font-weight: bold; color: #3b82f6;">${newLabel}</td>
+                  </tr>
+                </table>
+              </div>
+              <p style="color: #475569; font-size: 16px; line-height: 1.5;">Viele Grüße,<br>Ihr CASPOS Shop-Team</p>
+              <hr style="border: 0; border-top: 1px solid #e2e8f0; margin: 24px 0;">
+              <p style="color: #94a3b8; font-size: 12px; text-align: center;">Diese E-Mail wurde automatisch generiert. Bitte antworten Sie nicht darauf.</p>
+            </div>
+          `
+        })
+      }
+    } catch (mailError) {
+      console.error('Failed to send status update email:', mailError)
+    }
+  }
+
+  revalidatePath('/admin/orders')
+  revalidatePath('/my-orders')
+  return updatedOrder as Order
+}