Add max guests per RSVP feature to event creation and RSVP forms

frontend/src/components/EventForm.tsx

@@ -43,6 +43,7 @@ interface FormData {
   location: string;
   needed_items: string[];
   rsvp_cutoff_date: string;
+  max_guests_per_rsvp: number;
 }
 
 const EventForm: React.FC = () => {
@@ -54,6 +55,7 @@ const EventForm: React.FC = () => {
     location: '',
     needed_items: [],
     rsvp_cutoff_date: '',
+    max_guests_per_rsvp: 0,
   });
   const [wallpaper, setWallpaper] = useState<File | null>(null);
   const [currentItem, setCurrentItem] = useState('');
@@ -198,6 +200,24 @@ const EventForm: React.FC = () => {
               shrink: true,
             }}
           />
+          
+          <DarkTextField
+            fullWidth
+            label="Maximum Additional Guests Per RSVP"
+            name="max_guests_per_rsvp"
+            type="number"
+            value={formData.max_guests_per_rsvp}
+            onChange={(e) => {
+              const value = parseInt(e.target.value);
+              setFormData((prev) => ({
+                ...prev,
+                max_guests_per_rsvp: isNaN(value) ? 0 : value,
+              }));
+            }}
+            variant="outlined"
+            helperText="Set to 0 for no additional guests, -1 for unlimited"
+            inputProps={{ min: -1 }}
+          />
           <DarkTextField
             fullWidth
             label="Location"
@@ -333,4 +353,4 @@ const EventForm: React.FC = () => {
   );
 };
 
-export default EventForm; 
+export default EventForm;

frontend/src/components/RSVPForm.tsx

@@ -199,15 +199,35 @@ const RSVPForm: React.FC = () => {
         other_items: ''
       }));
     } else if (name === 'bringing_guests') {
-      // When bringing guests is changed
-      setFormData(prev => ({
-        ...prev,
-        bringing_guests: value as 'yes' | 'no',
-        // If changing to 'yes', set guest count to 1 and initialize one empty name field
-        guest_count: value === 'yes' ? 1 : 0,
-        // Clear guest names if changing to 'no', otherwise initialize with empty string
-        guest_names: value === 'no' ? [] : ['']
-      }));
+          // When bringing guests is changed
+          setFormData(prev => {
+            const maxGuests = event?.max_guests_per_rsvp;
+            let initialGuestCount = 1;
+            
+            // If max_guests_per_rsvp is 0, don't allow guests
+            if (maxGuests === 0 && value === 'yes') {
+              return {
+                ...prev,
+                bringing_guests: 'no',
+                guest_count: 0,
+                guest_names: []
+              };
+            }
+            
+            // If max_guests_per_rsvp is set and not -1 (unlimited), limit initial count
+            if (maxGuests !== undefined && maxGuests !== -1 && maxGuests < initialGuestCount) {
+              initialGuestCount = maxGuests;
+            }
+            
+            return {
+              ...prev,
+              bringing_guests: value as 'yes' | 'no',
+              // If changing to 'yes', set guest count to appropriate value
+              guest_count: value === 'yes' ? initialGuestCount : 0,
+              // Clear guest names if changing to 'no', otherwise initialize with empty strings
+              guest_names: value === 'no' ? [] : Array(initialGuestCount).fill('')
+            };
+          });
     } else {
       setFormData(prev => ({
         ...prev,
@@ -465,19 +485,51 @@ const RSVPForm: React.FC = () => {
 
                   {formData.bringing_guests === 'yes' && (
                     <>
-                      <TextField
-                        label="Number of Guests"
-                        name="guest_count"
-                        type="number"
-                        value={formData.guest_count}
-                        onChange={handleChange}
-                        fullWidth
-                        variant="outlined"
-                        required
-                        inputProps={{ min: 1 }}
-                        error={formData.guest_count < 1}
-                        helperText={formData.guest_count < 1 ? "Number of guests must be at least 1" : ""}
-                      />
+      <TextField
+        label="Number of Guests"
+        name="guest_count"
+        type="number"
+        value={formData.guest_count}
+        onChange={(e) => {
+          const value = parseInt(e.target.value);
+          if (isNaN(value)) return;
+          
+          // Check if there's a maximum guest limit
+          const maxGuests = event?.max_guests_per_rsvp;
+          let newCount = value;
+          
+          // If max_guests_per_rsvp is set and not -1 (unlimited), enforce the limit
+          if (maxGuests !== undefined && maxGuests !== -1 && value > maxGuests) {
+            newCount = maxGuests;
+          }
+          
+          // Ensure count is at least 1
+          if (newCount < 1) newCount = 1;
+          
+          setFormData(prev => ({
+            ...prev,
+            guest_count: newCount,
+            guest_names: Array(newCount).fill('').map((_, i) => prev.guest_names[i] || '')
+          }));
+        }}
+        fullWidth
+        variant="outlined"
+        required
+        inputProps={{ 
+          min: 1,
+          max: event?.max_guests_per_rsvp === -1 ? undefined : event?.max_guests_per_rsvp
+        }}
+        error={formData.guest_count < 1}
+        helperText={
+          formData.guest_count < 1 
+            ? "Number of guests must be at least 1" 
+            : event?.max_guests_per_rsvp === 0 
+              ? "No additional guests allowed for this event"
+              : event?.max_guests_per_rsvp === -1
+                ? "No limit on number of guests"
+                : `Maximum ${event?.max_guests_per_rsvp} additional guests allowed`
+        }
+      />
 
                       {Array.from({ length: formData.guest_count }).map((_, index) => (
                         <TextField
@@ -556,4 +608,4 @@ const RSVPForm: React.FC = () => {
   );
 };
 
-export default RSVPForm; 
+export default RSVPForm;

frontend/src/types.ts

@@ -9,6 +9,7 @@ export interface Event {
   needed_items: string[];
   wallpaper?: string;
   rsvp_cutoff_date?: string;
+  max_guests_per_rsvp?: number;
 }
 
 export interface Rsvp {
@@ -22,4 +23,4 @@ export interface Rsvp {
   items_bringing: string[] | string;
   other_items?: string;
   created_at: string;
-} 
+}