https://www.riversidecivicassociation.org/assets/volunteer-CmT2YkJA.js

1import{a1 as r,ar as k,ap as F,aa as E,am as A,K as e,L as n,I as i,i as p,l as j,m as v,j as f,k as l,d as I,B,ae as m}from"./index-BOesODSD.js";import{P as L}from"./SectionHeading-C1HWYilo.js";import{T as O}from"./textarea-zWesgSR_.js";import{C as b}from"./checkbox-WcOK37SY.js";import"./index-B6U6QRzt.js";const D=["Events Volunteer","Cleanup Volunteer","Meeting Support","Block Captain","Communications Volunteer","Membership Outreach","Youth and Families Volunteer","History / Story Collection Volunteer","Public Safety Committee Interest","Beautification Committee Interest","Resource Verifier"],q=["Less than 1 hour/month","1–2 hours/month","3–5 hours/month","5–10 hours/month","10+ hours/month"];function H(){const[h,u]=r.useState(!1),[o,N]=r.useState([]),[c,y]=r.useState(""),[x,S]=r.useState(""),[g,C]=r.useState(!1),{honeypot:V,guardData:w}=k(),P=F(E),T=A();function R(t){N(a=>a.includes(t)?a.filter(s=>s!==t):[...a,t])}return e.jsxs("form",{onSubmit:async t=>{if(t.preventDefault(),o.length===0){m.error("Please select at least one volunteer interest.");return}if(!g){m.error("Please confirm RCA may follow up with you.");return}const a=t.currentTarget,s=new FormData(a);u(!0);try{const d=[`Roles: ${o.join(", ")}`,c?`Time available: ${c}`:"",s.get("notes")?`Notes: ${String(s.get("notes"))}`:""].filter(Boolean).join(`
2`);await P({data:{formType:"Volunteer Signup",autoresponderType:"Volunteer Signup",name:String(s.get("name")||""),email:String(s.get("email")||""),phone:String(s.get("phone")||""),neighborhood:String(s.get("neighborhood")||""),interestArea:o[0]||"",preferredContact:x||void 0,message:d,...w()}}),T({to:"/thank-you",search:{type:"volunteer"}})}catch(d){console.error(d),m.error("Could not submit. Please try again.")}finally{u(!1)}},className:"grid gap-6",suppressHydrationWarning:!0,children:[V,e.jsxs("div",{className:"grid gap-5 sm:grid-cols-2",children:[e.jsxs("div",{children:[e.jsx(n,{htmlFor:"v-name",children:"Name"}),e.jsx(i,{id:"v-name",name:"name",required:!0,className:"mt-1.5"})]}),e.jsxs("div",{children:[e.jsx(n,{htmlFor:"v-email",children:"Email"}),e.jsx(i,{id:"v-email",name:"email",type:"email",required:!0,className:"mt-1.5"})]})]}),e.jsxs("div",{className:"grid gap-5 sm:grid-cols-2",children:[e.jsxs("div",{children:[e.jsxs(n,{htmlFor:"v-phone",children:["Phone ",e.jsx("span",{className:"text-muted-foreground",children:"(optional)"})]}),e.jsx(i,{id:"v-phone",name:"phone",type:"tel",className:"mt-1.5"})]}),e.jsxs("div",{children:[e.jsxs(n,{htmlFor:"v-neighborhood",children:["Block or street ",e.jsx("span",{className:"text-muted-foreground",children:"(optional)"})]}),e.jsx(i,{id:"v-neighborhood",name:"neighborhood",placeholder:"e.g. 2700 block of Riverside Dr",className:"mt-1.5"})]})]}),e.jsxs("fieldset",{children:[e.jsxs("legend",{className:"text-sm font-medium leading-none",children:["What would you like to help with?"," ",e.jsx("span",{className:"text-destructive","aria-hidden":!0,children:"*"}),e.jsx("span",{className:"sr-only",children:"(select at least one)"})]}),e.jsx("p",{className:"mt-1 text-xs text-muted-foreground",children:"Select all that interest you."}),e.jsx("div",{className:"mt-3 grid gap-2 sm:grid-cols-2",children:D.map(t=>e.jsxs("label",{className:"flex items-center gap-2.5 text-sm",children:[e.jsx(b,{checked:o.includes(t),onCheckedChange:()=>R(t)}),e.jsx("span",{children:t})]},t))})]}),e.jsxs("div",{className:"grid gap-5 sm:grid-cols-2",children:[e.jsxs("div",{children:[e.jsxs(n,{htmlFor:"v-time",children:["Time available ",e.jsx("span",{className:"text-muted-foreground",children:"(optional)"})]}),e.jsxs(p,{value:c,onValueChange:y,children:[e.jsx(j,{id:"v-time",className:"mt-1.5",children:e.jsx(v,{placeholder:"Select estimated time"})}),e.jsx(f,{children:q.map(t=>e.jsx(l,{value:t,children:t},t))})]})]}),e.jsxs("div",{children:[e.jsxs(n,{htmlFor:"v-contact",children:["Preferred contact method ",e.jsx("span",{className:"text-muted-foreground",children:"(optional)"})]}),e.jsxs(p,{value:x,onValueChange:S,children:[e.jsx(j,{id:"v-contact",className:"mt-1.5",children:e.jsx(v,{placeholder:"Select preferred method"})}),e.jsxs(f,{children:[e.jsx(l,{value:"Email",children:"Email"}),e.jsx(l,{value:"Phone",children:"Phone"}),e.jsx(l,{value:"Text",children:"Text"})]})]})]})]}),e.jsxs("div",{children:[e.jsxs(n,{htmlFor:"v-notes",children:["Anything else? ",e.jsx("span",{className:"text-muted-foreground",children:"(optional)"})]}),e.jsx(O,{id:"v-notes",name:"notes",rows:3,placeholder:"Scheduling notes, skills, experience, questions…",className:"mt-1.5"})]}),e.jsxs("label",{className:"flex items-start gap-3 text-sm",children:[e.jsx(b,{checked:g,onCheckedChange:t=>C(!!t),className:"mt-0.5"}),e.jsx("span",{children:"I give RCA permission to contact me about volunteer opportunities."})]}),e.jsx(I,{}

2),e.jsx("div",{children:e.jsx(B,{type:"submit",size:"lg",disabled:h,className:"bg-accent text-accent-foreground hover:bg-accent/90",children:h?"Submitting…":"Sign Up to Volunteer"})})]})}function _(){return e.jsxs(e.Fragment,{children:[e.jsx(L,{eyebrow:"Volunteer",title:"Volunteer with RCA",description:"Every pair of hands makes a difference. Tell us what you're interested in and we'll connect you with opportunities."}),e.jsx("section",{className:"container-civic py-16",children:e.jsxs("div",{className:"mx-auto max-w-3xl",children:[e.jsxs("div",{className:"rounded-lg border border-border bg-secondary/40 p-5 text-sm leading-relaxed text-foreground/85 mb-10",children:[e.jsx("strong",{className:"font-semibold text-foreground",children:"You don't have to be a member to volunteer."})," ","RCA welcomes all Riverside Terrace residents and neighbors who want to help. If you'd like to become a member too, you can"," ",e.jsx("a",{href:"/membership",className:"font-semibold text-primary underline-offset-4 hover:underline",children:"join RCA"})," ","any time."]}),e.jsx(H,{})]})})]})}export{_ as component};