Fix booking defaults, dashboard alerts, admin edit flow, and ended-event payments.

Require an explicit payment method on booking, hide stale release banners for past or inactive events, open event editing in place on the detail page, and auto-reject unconfirmed payments after events end without sending email.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/app/admin/events/[id]/page.tsx

@@ -1,10 +1,10 @@
 'use client';
 
 import { useState, useEffect, useRef } from 'react';
-import { useParams, useRouter } from 'next/navigation';
+import { useParams } from 'next/navigation';
 import Link from 'next/link';
 import { useLanguage } from '@/context/LanguageContext';
-import { ticketsApi, emailsApi, adminApi, paymentsApi, Ticket } from '@/lib/api';
+import { ticketsApi, emailsApi, adminApi, paymentsApi, siteSettingsApi, Ticket } from '@/lib/api';
 import { formatDateLong, formatDateCompact, formatTime } from '@/lib/utils';
 import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
@@ -48,10 +48,10 @@ import { TicketsTab } from './_tabs/TicketsTab';
 import { EmailTab } from './_tabs/EmailTab';
 import { PaymentsTab } from './_tabs/PaymentsTab';
 import { EventModals } from './_modals/EventModals';
+import EventFormModal from '../_components/EventFormModal';
 
 export default function AdminEventDetailPage() {
   const params = useParams();
-  const router = useRouter();
   const eventId = params.id as string;
   const { locale } = useLanguage();
 
@@ -116,6 +116,17 @@ export default function AdminEventDetailPage() {
   // Payment options state + handlers
   const payments = usePaymentOverrides(eventId, locale);
 
+  // Edit event modal (opens in place instead of redirecting to the list page)
+  const [showEditForm, setShowEditForm] = useState(false);
+  const [featuredEventId, setFeaturedEventId] = useState<string | null>(null);
+
+  useEffect(() => {
+    siteSettingsApi
+      .get()
+      .then(({ settings }) => setFeaturedEventId(settings.featuredEventId || null))
+      .catch(() => {});
+  }, []);
+
   // Mobile-specific state
   const [mobileHeaderMenuOpen, setMobileHeaderMenuOpen] = useState(false);
   const [mobileFilterOpen, setMobileFilterOpen] = useState(false);
@@ -484,12 +495,10 @@ export default function AdminEventDetailPage() {
               View Public
             </Button>
           </Link>
-          <Link href={`/admin/events?edit=${event.id}`}>
-            <Button variant="outline" size="sm">
-              <PencilIcon className="w-4 h-4 mr-1.5" />
-              Edit
-            </Button>
-          </Link>
+          <Button variant="outline" size="sm" onClick={() => setShowEditForm(true)}>
+            <PencilIcon className="w-4 h-4 mr-1.5" />
+            Edit
+          </Button>
         </div>
         {/* Mobile header overflow menu */}
         <div className="md:hidden flex-shrink-0">
@@ -505,7 +514,7 @@ export default function AdminEventDetailPage() {
             <DropdownItem onClick={() => { window.open(`/events/${event.slug}`, '_blank'); setMobileHeaderMenuOpen(false); }}>
               <EyeIcon className="w-4 h-4 mr-2" /> View Public
             </DropdownItem>
-            <DropdownItem onClick={() => { router.push(`/admin/events?edit=${event.id}`); setMobileHeaderMenuOpen(false); }}>
+            <DropdownItem onClick={() => { setShowEditForm(true); setMobileHeaderMenuOpen(false); }}>
               <PencilIcon className="w-4 h-4 mr-2" /> Edit Event
             </DropdownItem>
             <DropdownItem onClick={() => { toggleStats(); setMobileHeaderMenuOpen(false); }}>
@@ -796,6 +805,15 @@ export default function AdminEventDetailPage() {
         setPreviewHtml={setPreviewHtml}
       />
 
+      <EventFormModal
+        open={showEditForm}
+        event={event}
+        featuredEventId={featuredEventId}
+        onFeaturedChange={setFeaturedEventId}
+        onClose={() => setShowEditForm(false)}
+        onSaved={() => { setShowEditForm(false); loadEventData(); }}
+      />
+
       <AdminMobileStyles />
     </div>
   );