{promotionError}
} + + {/* Referral Code */} +
+
)}
diff --git a/Frontend/src/components/layout/Header.tsx b/Frontend/src/components/layout/Header.tsx
index 3c9e411f..9bfbb189 100644
--- a/Frontend/src/components/layout/Header.tsx
+++ b/Frontend/src/components/layout/Header.tsx
@@ -12,6 +12,7 @@ import {
Phone,
Mail,
Calendar,
+ Star,
} from 'lucide-react';
import { useClickOutside } from '../../hooks/useClickOutside';
import { useCompanySettings } from '../../contexts/CompanySettingsContext';
@@ -280,6 +281,18 @@ const Header: React.FC
+
+ Referral Code (Optional)
+
+ {
+ setReferralCode(e.target.value.toUpperCase().trim());
+ setReferralError(null);
+ }}
+ placeholder="Enter referral code from a friend"
+ className="w-full px-3 py-2 bg-[#0a0a0a] border border-[#d4af37]/20 rounded-lg text-white text-sm focus:ring-2 focus:ring-[#d4af37]/50 focus:border-[#d4af37]"
+ />
+ {referralCode && (
+
+ {referralError && + You'll both earn bonus points when your booking is confirmed! +
+ )} +{referralError}
} +
+ {
+ setActiveTab('list');
+ setSelectedGuestId(null);
+ }}
+ onRefresh={() => fetchGuestProfile(selectedGuestId)}
+ onToggleVip={handleToggleVip}
+ onUpdateMetrics={handleUpdateMetrics}
+ allTags={allTags}
+ allSegments={allSegments}
+ />
+ )}
+
+ );
+};
+
+interface GuestProfileDetailProps {
+ guestProfile: GuestProfile | null;
+ loading: boolean;
+ onBack: () => void;
+ onRefresh: () => void;
+ onToggleVip: (userId: number, currentStatus: boolean) => void;
+ onUpdateMetrics: (userId: number) => void;
+ allTags: GuestTag[];
+ allSegments: GuestSegment[];
+}
+
+const GuestProfileDetail: React.FC
+
+
+ {activeTab === 'list' && (
+
+
+ Guest Profiles & CRM
+Manage guest profiles, preferences, and communications
+
+
+
+
+ {/* Search and Filters */}
+
+ )}
+
+ {activeTab === 'profile' && selectedGuestId && (
+
+
+
+ {/* Guests List */}
+
+
+
+ {showFilters && (
+
+
+
+
+
+
+
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ handleFilterChange('min_lifetime_value', e.target.value ? parseFloat(e.target.value) : undefined)}
+ placeholder="0"
+ className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500"
+ />
+
+
+
+ handleFilterChange('min_satisfaction_score', e.target.value ? parseFloat(e.target.value) : undefined)}
+ placeholder="0"
+ className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500"
+ />
+
+
+
+
+
+
+
+
+ {guests.length === 0 && !loading && (
+ | Guest | +Lifetime Value | +Visits | +Satisfaction | +Tags | +Actions | +
|---|---|---|---|---|---|
|
+
+
+
+
+
+
+
+
+ {guest.full_name}
+ {guest.is_vip && (
+
+
+ )}
+ {guest.email}
+ {guest.phone && {guest.phone} }
+ |
+
+
+ {formatCurrency(guest.lifetime_value)}
+
+ |
+
+ {guest.total_visits}
+ {guest.last_visit_date && (
+
+ {new Date(guest.last_visit_date).toLocaleDateString()}
+
+ )}
+ |
+
+ {guest.satisfaction_score ? (
+
+
+ ) : (
+ N/A
+ )}
+ |
+
+
+ {guest.tags.slice(0, 3).map((tag) => (
+
+ {tag.name}
+
+ ))}
+ {guest.tags.length > 3 && (
+
+ +{guest.tags.length - 3}
+
+ )}
+
+ |
+
+
+
+
+
+ |
+
No guests found
+ )}
+
+
+
+
+ );
+ }
+
+ return (
+ Guest profile not found
+ +
+ {/* Header */}
+
+
+
+ {/* Navigation Tabs */}
+
+
+
+ {/* Key Metrics */}
+
+
+
+ {guestProfile.avatar ? (
+ 
+ ) : (
+
+
+
+
+
+ {guestProfile.full_name}
+ {guestProfile.is_vip && ( +
+
+ )}
+
+
+
+
+ {guestProfile.phone && (
+
+
+ )}
+ {guestProfile.address && (
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+ {formatCurrency(guestProfile.lifetime_value)}
+
+
+
+
+ {guestProfile.total_visits}
+
+
+
+
+
+ {guestProfile.satisfaction_score ? guestProfile.satisfaction_score.toFixed(1) : 'N/A'}
+
+
+
+
+
+ {guestProfile.communications.length}
+
+
+
+ {/* Preferences Modal */}
+ {showPreferencesModal && (
+
+
+
+
+
+ {activeSection === 'overview' && (
+
+
+
+ )}
+
+ {activeSection === 'preferences' && (
+
+
+
+ Analytics
+
+
+
+
+ Average Booking Value
+
+ {formatCurrency(guestProfile.analytics.average_booking_value)}
+
+
+
+ Preferred Room Type
+
+ {guestProfile.analytics.preferred_room_type || 'N/A'}
+
+
+
+ Total Nights Stayed
+
+ {guestProfile.analytics.booking_statistics.total_nights_stayed}
+
+
+
+ Completed Bookings
+
+ {guestProfile.analytics.booking_statistics.completed_bookings}
+
+
+
+
+
+ Tags & Segments
+
+
+
+
+
+
+
+
+ Tags
+
+ {guestProfile.tags.length > 0 ? (
+ guestProfile.tags.map((tag) => (
+
+ {tag.name}
+
+
+ ))
+ ) : (
+ No tags assigned
+ )}
+
+
+
+ Segments
+
+ {guestProfile.segments.length > 0 ? (
+ guestProfile.segments.map((segment) => (
+
+ {segment.name}
+
+
+ ))
+ ) : (
+ No segments assigned
+ )}
+
+
+
+ )}
+
+ {activeSection === 'notes' && (
+
+
+
+ {guestProfile.preferences ? (
+
+
+ ) : (
+
+
+
+ {guestProfile.preferences.preferred_room_location || 'N/A'}
+
+
+
+ {guestProfile.preferences.preferred_floor || 'N/A'}
+
+
+
+ {guestProfile.preferences.preferred_contact_method || 'N/A'}
+
+
+
+ {guestProfile.preferences.preferred_amenities && (
+ {guestProfile.preferences.preferred_language || 'N/A'}
+
+
+
+ )}
+ {guestProfile.preferences.special_requests && (
+
+ {guestProfile.preferences.preferred_amenities.map((amenity, idx) => (
+
+ {amenity}
+
+ ))}
+
+
+
+
+ )}
+ {guestProfile.preferences.special_requests}
+ No preferences recorded
+ )}
+
+
+ )}
+
+ {activeSection === 'communications' && (
+
+
+
+ {guestProfile.notes.length > 0 ? (
+ guestProfile.notes.map((note) => (
+
+
+ ))
+ ) : (
+
+
+
+ {note.is_important &&
+ {note.note}
+ No notes recorded
+ )}
+
+
+ )}
+
+ {activeSection === 'bookings' && (
+
+
+
+ {guestProfile.communications.length > 0 ? (
+ guestProfile.communications.map((comm) => (
+
+
+ ))
+ ) : (
+
+
+ {comm.subject &&
+
+ {comm.direction}
+
+ {comm.communication_type}
+ {comm.staff_name && by {comm.staff_name}}
+
+ {new Date(comm.created_at).toLocaleString()}
+ {comm.subject}
}
+ {comm.content}
+ No communications recorded
+ )}
+
+ {guestProfile.recent_bookings.length > 0 ? (
+
+ )}
+
+
+
+
+
+ ) : (
+ | Booking # | +Check-in | +Check-out | +Status | +Total | +
|---|---|---|---|---|
| {booking.booking_number} | ++ {new Date(booking.check_in_date).toLocaleDateString()} + | ++ {new Date(booking.check_out_date).toLocaleDateString()} + | ++ + {booking.status} + + | ++ {formatCurrency(booking.total_price)} + | +
No bookings found
+ )}
+
+
+
+
+ Edit Preferences
+ +
+
+
+
+ setPreferencesForm({ ...preferencesForm, preferred_room_location: e.target.value })}
+ placeholder="e.g., high floor, ocean view"
+ className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500"
+ />
+
+
+
+ setPreferencesForm({ ...preferencesForm, preferred_floor: parseInt(e.target.value) || undefined })}
+ className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500"
+ />
+
+
+
+
+
+
+
+ setPreferencesForm({ ...preferencesForm, preferred_language: e.target.value })}
+ placeholder="e.g., en, es, fr"
+ className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500"
+ />
+
+
+
+