// event.jsx — Egna landningssidor för varje event (sandared.se/) // Renderas av app.jsx när URL:ens path matchar ett id i SIGNUP_EVENTS. // Återanvänder submitSignup, saveReminder och DarkField från signup.jsx. // ─── Anmälningskort (forest-box med formulär/påminnelse/tack) ────────── // Fristående och återanvändbart — samma flöde som DesktopAnmal/MobileAnmal, // men låst till ett enda event och anpassat för en egen sida. function EventSignupBox({ ev, compact }) { const T = SITE_TOKENS; const [type, setType] = React.useState('foretag'); const [submitted, setSubmitted] = React.useState(false); const [remEmail, setRemEmail] = React.useState(''); const [remThanks, setRemThanks] = React.useState(false); const pad = compact ? 22 : 40; return (
{!ev.signupOpen ? (
Kommer snart

Anmälan till {ev.title} öppnar senare.

{ev.opensAt || 'Anmälan öppnar längre fram.'} Lämna er e-post nedan så får ni en påminnelse så fort vi öppnar.

{remThanks ? (
Tack! Vi hör av oss när anmälan öppnar.
) : (
setRemEmail(e.target.value)} style={{ flex: 1, padding: '14px 16px', borderRadius: 12, border: 0, background: 'rgba(255,255,255,0.08)', color: T.cream, fontSize: 14, fontFamily: 'inherit', outline: 'none', boxShadow: `inset 0 0 0 1.5px ${T.cream}22` }} />
)}
) : submitted ? (

Tack, vi har fått er anmälan!

Vi skickar en bekräftelse till er e-post inom kort. Vi återkommer med detaljer senast två veckor innan eventet.

) : (
{ e.preventDefault(); submitSignup(e.target, ev, type) .then(() => setSubmitted(true)) .catch(() => alert('Något gick fel när anmälan skulle skickas. Försök igen.')); }}>
Anmäl er till {ev.title}

Tre minuter, sen är ni med.

{[['foretag','Företag'],['forening','Förening']].map(([id, label]) => { const active = type === id; return ( ); })}
När ni skickar får ni ett bekräftelsemejl direkt och vi för in er i vårt anmälningsregister. Vi delar aldrig era uppgifter.
)}
); } // ─── Liten översikt över övriga event (länkar till deras egna sidor) ─── function OtherEventsStrip({ currentId, compact }) { const T = SITE_TOKENS; const others = SIGNUP_EVENTS.filter(e => e.id !== currentId); if (!others.length) return null; return (
Fler event att anmäla sig till
{others.map(o => { const Illu = window[o.illu]; return (
{Illu && }
{o.title}
{o.date}
→ ); })}
); } // ─── Topbar för eventsidan (logga + tillbaka till startsidan) ────────── function EventTopBar({ compact }) { const T = SITE_TOKENS; return (
← {compact ? 'sandared.se' : 'Till sandared.se'}
); } // ─── Kompakt footer för eventsidan ───────────────────────────────────── function EventFooter({ compact }) { const T = SITE_TOKENS; return ( ); } // ─── Hela eventsidan ─────────────────────────────────────────────────── function EventPage({ ev, isMobile }) { const T = SITE_TOKENS; const Illu = window[ev.illu]; const compact = isMobile; React.useEffect(() => { const prev = document.title; document.title = ev.title + ' · Sandareds Intresseförening'; return () => { document.title = prev; }; }, [ev.title]); const facts = [ ['Datum', ev.date], ['Tid', ev.time], ['Plats', ev.place], ev.audience ? ['Besökare', ev.audience] : null, ].filter(Boolean); return (
{/* ── Hero ── */}
{ev.signupOpen ? 'Anmälan öppen' : (ev.opensAt || 'Anmälan öppnar snart')}

{ev.title}

{ev.intro}

{Illu && }
{/* Faktarad */}
{facts.map(([label, value]) => (
{label}
{value}
))}
Deadline
{ev.deadline}
{/* ── Om eventet + det här ingår ── */}
Om eventet

Var med på {ev.title}

Vi möts i {ev.place} mellan {ev.time} {ev.audience ? <> — förra året kom drygt {ev.audience.replace('+','')} besökare förbi. : '.'} En perfekt dag att möta nya kunder, värva medlemmar eller bara visa upp vad ni gör i Sandared.

Som anmäld förening eller företag får ni en egen yta att inreda som ni vill. Vi hjälper er med praktiska detaljer i ett uppstartsmejl närmare datumet.

{Array.isArray(ev.inkluderar) && ev.inkluderar.length > 0 && (
Det här ingår
{ev.inkluderar.map(it => (
{it}
))}
)}
); } Object.assign(window, { EventPage, EventSignupBox });