Phase 7

src/app/book/review/page.tsx

@@ -7,6 +7,7 @@ import { Card } from "@/components/ui/card";
 import { readDraft } from "@/lib/booking-draft/cookie";
 import { getPrimaryBusiness } from "@/lib/business/get-primary-business";
 import { prisma } from "@/lib/db/prisma";
+import { getLoyaltySummary } from "@/services/loyalty/loyalty.service";
 import { ConfirmBookingButton } from "@/features/booking/components/confirm-booking-button";
 
 export const metadata: Metadata = { title: "Review Booking" };
@@ -41,6 +42,10 @@ export default async function BookReviewPage() {
   const startAt = new Date(draft.startAt);
   const endAt = new Date(startAt.getTime() + totalDuration * 60_000);
 
+  const loyalty = customerProfile
+    ? await getLoyaltySummary(prisma, { customerId: customerProfile.id, businessId: business.id })
+    : null;
+
   const customerName = draft.guest
     ? `${draft.guest.firstName} ${draft.guest.lastName}`
     : `${customerProfile?.firstName ?? session?.user?.name ?? ""} ${customerProfile?.lastName ?? ""}`.trim();
@@ -169,6 +174,15 @@ export default async function BookReviewPage() {
             </p>
           </div>
 
+          {loyalty?.availableReward && (
+            <div className="border-line bg-accent-loyalty/10 rounded-lg border-t p-4">
+              <p className="text-sm font-bold">You have a reward available</p>
+              <p className="text-muted text-xs">
+                Mention it to your barber at check-in — {loyalty.availableReward.label}.
+              </p>
+            </div>
+          )}
+
           {draft.notes && (
             <div className="border-line border-t pt-6">
               <span className="text-muted block text-[10px] font-bold tracking-widest uppercase">