additional features, refinement and more control over the app from admin side, better bookings UX

components/admin/AdminSettingsManagement.tsx

@@ -23,6 +23,7 @@ interface SettingsData {
 	booking_start_time: string;
 	booking_end_time: string;
 	allow_weekend_bookings: string;
+	max_bookings_per_user_per_hour_per_day: string;
 }
 
 export function AdminSettingsManagement() {
@@ -33,6 +34,7 @@ export function AdminSettingsManagement() {
 		booking_start_time: '08:00',
 		booking_end_time: '22:00',
 		allow_weekend_bookings: 'true',
+		max_bookings_per_user_per_hour_per_day: '1',
 	});
 	const [loading, setLoading] = useState(true);
 	const [saving, setSaving] = useState(false);
@@ -54,6 +56,7 @@ export function AdminSettingsManagement() {
 					booking_start_time: '08:00',
 					booking_end_time: '22:00',
 					allow_weekend_bookings: 'true',
+					max_bookings_per_user_per_hour_per_day: '1',
 				};
 
 				// Map the settings array to our object
@@ -249,6 +252,20 @@ export function AdminSettingsManagement() {
 						<p className='text-sm text-gray-500'>When courts close for booking each day</p>
 					</div>
 
+					{/* Booking Restrictions */}
+					<div className='space-y-2'>
+						<Label htmlFor='max_bookings_per_user_per_hour_per_day'>Max Bookings per User per Hour</Label>
+						<Input
+							id='max_bookings_per_user_per_hour_per_day'
+							type='number'
+							min='1'
+							max='5'
+							value={settings.max_bookings_per_user_per_hour_per_day}
+							onChange={(e) => updateSetting('max_bookings_per_user_per_hour_per_day', e.target.value)}
+						/>
+						<p className='text-sm text-gray-500'>Maximum bookings per user per hour on the same day</p>
+					</div>
+
 					{/* Weekend Bookings */}
 					<div className='space-y-2'>
 						<div className='flex items-center space-x-2'>
@@ -286,6 +303,10 @@ export function AdminSettingsManagement() {
 								<strong>Weekend Bookings:</strong>{' '}
 								{settings.allow_weekend_bookings === 'true' ? 'Enabled' : 'Disabled'}
 							</p>
+							<p>
+								<strong>Booking Limit:</strong> {settings.max_bookings_per_user_per_hour_per_day} per
+								hour
+							</p>
 						</div>
 					</div>
 				</div>