add booking and payment schema

app/trips/[id]/page.tsx

@@ -5,6 +5,7 @@ import Link from "next/link";
 import Image from "next/image";
 import { authOptions } from "@/lib/auth";
 import { tripService } from "@/server/services/trip.service";
+import { bookingService } from "@/server/services/booking.service";
 import { trustService } from "@/server/services/trust.service";
 import { formatRupiah } from "@/lib/utils";
 import { formatTripCalendarDateRangeLong } from "@/lib/trip-dates";
@@ -128,11 +129,13 @@ export default async function TripDetailPage({
       : null;
 
   const tripIsFree = isFreeTrip(trip);
-  const paymentPendingParticipants = tripIsFree
-    ? []
-    : activeParticipants.filter(
-        (p) => p.markedPaidAt && !p.paymentConfirmedAt
-      );
+
+  // Antrian konfirmasi pembayaran: source dari Booking + Payment (B9).
+  // Hanya organizer yang butuh data ini, dan hanya untuk trip berbayar.
+  const paymentPendingBookings =
+    !tripIsFree && isOrganizer
+      ? await bookingService.getAwaitingManualForTrip(trip.id)
+      : [];
 
   const catMeta = categoryMeta(trip.category);
 
@@ -412,14 +415,13 @@ export default async function TripDetailPage({
             />
           )}
 
-          {isOrganizer && paymentPendingParticipants.length > 0 && (
+          {isOrganizer && paymentPendingBookings.length > 0 && (
             <OrganizerPaymentQueue
               tripId={trip.id}
-              items={paymentPendingParticipants.map((p) => ({
-                id: p.id,
-                user: p.user,
-                joinStatus:
-                  p.status === "PENDING" ? ("PENDING" as const) : ("CONFIRMED" as const),
+              items={paymentPendingBookings.map((b) => ({
+                id: b.participantId,
+                user: { name: b.user.name, image: b.user.image },
+                joinStatus: "CONFIRMED" as const,
               }))}
             />
           )}