https://werbekreis-roding.de/assets/Membership-_-Hq6ait.js

1import{u as C,a as $,s as b,j as e,C as l,G as g,O as p,b as f,B as n,P as z,H as h,I as r,$ as j,W as A,Z as F,a0 as G,a1 as W}from"./index-DsK2l7ZO.js";import{r as d}from"./react-BRbr87Ug.js";import{T as E}from"./textarea-BUbS7wjP.js";import{B as I}from"./badge-D4x2vhDP.js";import"./supabase-DlIdU0D8.js";const P=()=>{const[c,v]=d.useState([]),[N,k]=d.useState(!0),[w,x]=d.useState(!1),[u,y]=d.useState(!1),{toast:m}=C();$({title:"Mitglied werden - Werbekreis Roding",description:"Werden Sie Teil des Werbekreis Roding! Entdecken Sie unsere Mitglieder und erfahren Sie, wie Sie mitmachen können. Gestalten Sie die Zukunft Rodings mit.",keywords:"Werbekreis Mitgliedschaft, Roding Mitglied werden, lokale Unternehmen, Gemeinschaft, Engagement, Mitglieder",canonical:"https://werbekreis-roding.de/mitmachen"});const[s,a]=d.useState({business_name:"",business_additional:"",street:"",postal_code:"",city:"",phone:"",fax:"",website:"",contact_lastname:"",contact_firstname:"",contact_birthday:"",contact_mobile:"",contact_email:"",employees_total:"",employees_fulltime:"",employees_apprentices:"",accepts_voucher:!0,account_holder:"",iban:"",bic:"",message:""});d.useEffect(()=>{_()},[]);const _=async()=>{try{const{data:t,error:i}=await b.from("public_voucher_participants").select("*").order("name",{ascending:!0});if(i)throw i;v(t||[])}catch(t){console.error("Error fetching members:",t),m({title:"Fehler",description:"Mitglieder konnten nicht geladen werden.",variant:"destructive"})}finally{k(!1)}},S=async t=>{if(t.preventDefault(),!s.business_name||!s.street||!s.postal_code||!s.city||!s.phone||!s.contact_email||!s.contact_lastname||!s.contact_firstname||!s.iban){m({title:"Fehler",description:"Bitte füllen Sie alle Pflichtfelder aus.",variant:"destructive"});return}try{const i={name:`${s.contact_firstname} ${s.contact_lastname}`,business_name:s.business_name+(s.business_additional?` ${s.business_additional}`:""),address:`${s.street}, ${s.postal_code} ${s.city}`,phone:s.phone,email:s.contact_email,website:s.website,message:`${s.message}${s.fax?`
2Fax: ${s.fax}`:""}${s.contact_mobile?`
3Mobil: ${s.contact_mobile}`:""}${s.contact_birthday?`
4Geburtstag: ${s.contact_birthday}`:""}${s.employees_total?`
5Mitarbeiter: ${s.employees_total}`:""}${s.employees_fulltime?`
6Vollzeit: ${s.employees_fulltime}`:""}${s.employees_apprentices?`
7Azubis: ${s.employees_apprentices}`:""}
8Gutschein-Annahme: ${s.accepts_voucher?"Ja":"Nein"}${s.account_holder?`
9Kontoinhaber: ${s.account_holder}`:""}${s.iban?`
10IBAN: ${s.iban}`:""}${s.bic?`
11BIC: ${s.bic}`:""}`},{error:o}=await b.from("applications").insert([i]);if(o)throw o;m({title:"Antrag eingereicht!",description:"Wir melden uns zeitnah bei Ihnen. Vielen Dank für Ihr Interesse!"}),a({business_name:"",business_additional:"",street:"",postal_code:"",city:"",phone:"",fax:"",website:"",contact_lastname:"",contact_firstname:"",contact_birthday:"",contact_mobile:"",contact_email:"",employees_total:"",employees_fulltime:"",employees_apprentices:"",accepts_voucher:!0,account_holder:"",iban:"",bic:"",message:""}),x(!1)}catch(i){console.error("Error submitting application:",i),m({title:"Fehler",description:"Antrag konnte nicht eingereicht werden.",variant:"destructive"})}},M=[{icon:h,title:"Starke Gemeinschaft",description:"Vernetzen Sie sich mit anderen lokalen Unternehmen und profitieren Sie von gemeinsamen Aktionen."},{icon:g,title:"Mehr Sichtbarkeit",description:"Präsentieren Sie Ihr Unternehmen auf unserer Plattform und in allen Marketingaktivitäten."},{icon:j,title:"Lokale Stärke",description:"Stärken Sie gemeinsam mit uns die Wirtschaftskraft und Attraktivität von Roding."},{icon:p,title:"Exklusive Vorteile",description:"Nutzen Sie spezielle Mitgliedervorteile und Rabatte bei Partnerbetrieben."}];return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("h1",{className:"text-3xl md:text-4xl font-bold gradient-text mb-4",children:"Mitmachen & Mitglied werden"}),e.jsx("p",{className:"text-lg text-muted-foreground max-w-2xl mx-auto",children:"Werden Sie Teil unserer starken Gemeinschaft und gestalten Sie die Zukunft von Roding aktiv mit."})]}),e.jsxs("section",{className:"py-8",children:[e.jsx("h2",{className:"text-2xl font-semibold text-center mb-12",children:"Warum Mitglied werden?"}),e.jsx("div",{className:"reveal-stagger grid md:grid-cols-2 xl:grid-cols-2 gap-8",children:M.map((t,i)=>{const o=t.icon;return e.jsx(l,{className:"card-werbekreis p-8 group h-full shadow-lg hover:shadow-xl transition-all duration-300",children:e.jsxs("div",{className:"flex items-start space-x-6",children:[e.jsx("div",{className:"w-16 h-16 rounded-xl bg-gradient-to-br from-primary via-primary to-primary-glow flex items-center justify-center group-hover:animate-glow shadow-md flex-shrink-0",children:e.jsx(o,{className:"h-8 w-8 text-white"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"font-bold text-xl mb-4 text-foreground leading-tight",children:t.title}),e.jsx("p",{className:"text-muted-foreground leading-relaxed text-base",children:t.description})]})]})},i)})})]}),e.jsx(l,{className:"card-werbekreis p-8 bg-gradient-to-br from-primary/10 via-accent/20 to-secondary/10 border-primary/20",children:e.jsxs("div",{className:"flex items-start space-x-6",children:[e.jsx("div",{className:"w-16 h-16 rounded-xl bg-gradient-to-br from-primary via-primary to-primary-glow flex items-center justify-center shadow-lg flex-shrink-0",children:e.jsx(g,{className:"h-8 w-8 text-white"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"text-2xl font-bold mb-4 gradient-text",children:"Über den Werbekreis Roding 1979 e.V."}),e.jsx("p",{className:"text-base text-muted-foreground mb-6 leading-relaxed",children:"Seit 1979 setzen wir uns für die Förderung von Handel, Handwerk und Gewerbe in Roding ein. Gemeinsam organisieren wir Events, stärken die lokale Wirtschaft und machen Roding zu einem attraktiven Standort."}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("h4",{className:"font-bold text-lg text-foreground flex items-center",children:[e.jsx(p,{className:"h-5 w-5 text-primary mr-2"}),"Unsere Aktivitäten"]}),e.jsxs("ul",{className:"space-y-2 text-sm",children:[e.jsxs("li",{className:"flex items-center text-muted-foreground",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full mr-3 flex-shrink-0"}),"Christkindlmarkt & Stadtfeste"]}),e.jsxs("li",{className:"flex items-center text-muted-foreground",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full mr-3 flex-shrink-0"}),"Verkaufsoffene Sonntage"]}),e.jsxs("li",{className:"flex items-center text-muted-foreground",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full mr-3 flex-shrink-0"}),"Gemeinsame Marketing-Aktionen"]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("h4",{className:"font-bold text-lg text-foreground flex items-center",children:[e.jsx(f,{className:"h-5 w-5 text-primary mr-2"}),"Ihre Vorteile"]}),e.jsxs("ul",{className:"space-y-2 text-sm",children:[e.jsxs("li",{className:"flex items-center text-muted-foreground",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full mr-3 flex-shrink-0"}

11),"Starke Gemeinschaft & Netzwerk"]}),e.jsxs("li",{className:"flex items-center text-muted-foreground",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full mr-3 flex-shrink-0"}),"Gemeinsame Werbung & Marketing"]}),e.jsxs("li",{className:"flex items-center text-muted-foreground",children:[e.jsx("div",{className:"w-2 h-2 bg-primary rounded-full mr-3 flex-shrink-0"}),"Interessenvertretung vor Ort"]})]})]})]}),e.jsx("div",{className:"mt-6 p-4 bg-primary/5 rounded-lg border border-primary/10",children:e.jsx("p",{className:"text-sm text-center font-medium text-primary",children:"Über 45 Jahre Erfahrung in der Förderung der lokalen Wirtschaft"})})]})]})}),e.jsxs(l,{className:"card-werbekreis p-8 bg-gradient-to-br from-primary via-primary to-primary-glow text-white text-center",children:[e.jsx("h2",{className:"text-2xl font-bold mb-4",children:"Jetzt Mitglied werden!"}),e.jsx("p",{className:"text-lg text-white/90 mb-6 max-w-2xl mx-auto",children:"Schließen Sie sich über 80 Mitgliedern an und profitieren Sie von den Vorteilen einer starken lokalen Gemeinschaft."}),e.jsxs(n,{size:"lg",variant:"secondary",onClick:()=>x(!0),className:"bg-white text-primary hover:bg-white/90",children:[e.jsx(z,{className:"mr-2 h-5 w-5"}),"Mitgliedsantrag stellen"]})]}),w&&e.jsxs(l,{className:"card-werbekreis p-6 animate-slide-up",children:[e.jsxs("h3",{className:"text-xl font-semibold mb-4 flex items-center",children:[e.jsx(h,{className:"mr-2 h-5 w-5 text-primary"}),"Mitgliedsantrag"]}),e.jsxs("form",{onSubmit:S,className:"space-y-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("h4",{className:"text-lg font-semibold border-b pb-2",children:"Firmendaten"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Firmenname *"}),e.jsx(r,{value:s.business_name,onChange:t=>a({...s,business_name:t.target.value}),placeholder:"Mustermann GmbH",required:!0})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Zusatz"}),e.jsx(r,{value:s.business_additional,onChange:t=>a({...s,business_additional:t.target.value}),placeholder:"z.B. Inh. Max Mustermann"})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Straße *"}),e.jsx(r,{value:s.street,onChange:t=>a({...s,street:t.target.value}),placeholder:"Hauptstraße 1",required:!0})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"PLZ *"}),e.jsx(r,{value:s.postal_code,onChange:t=>a({...s,postal_code:t.target.value}),placeholder:"93426",required:!0})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Ort *"}),e.jsx(r,{value:s.city,onChange:t=>a({...s,city:t.target.value}),placeholder:"Roding",required:!0})]})]})]}),e.jsxs("div",{className:"grid md:grid-cols-3 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Telefon *"}),e.jsx(r,{type:"tel",value:s.phone,onChange:t=>a({...s,phone:t.target.value}),placeholder:"09461 123456",required:!0})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Fax"}),e.jsx(r,{type:"tel",value:s.fax,onChange:t=>a({...s,fax:t.target.value}),placeholder:"09461 123457"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Webseite"}),e.jsx(r,{type:"url",value:s.website,onChange:t=>a({...s,website:t.target.value}),placeholder:"www.mustermann.de"})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h4",{className:"text-lg font-semibold border-b pb-2",children:"Ansprechpartner"}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Name *"}),e.jsx(r,{value:s.contact_lastname,onChange:t=>a({...s,contact_lastname:t.target.value}),placeholder:"Mustermann",required:!0})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Vorname *"}),e.jsx(r,{value:s.contact_firstname,onChange:t=>a({...s,contact_firstname:t.target.value}),placeholder:"Max",required:!0})]})]}),e.jsxs("div",{className:"grid md:grid-cols-3 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Geburtstag"}),e.jsx(r,{type:"date",value:s.contact_birthday,onChange:t=>a({...s,contact_birthday:t.target.value})})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Mobil"}),e.jsx(r,{type:"tel",value:s.contact_mobile,onChange:t=>a({...s,contact_mobile:t.target.value}),placeholder:"0151 12345678"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"E-Mail *"}),e.jsx(r,{type:"email",value:s.contact_email,onChange:t=>a({...s,contact_email:t.target.value}),placeholder:"[email protected]",required:!0})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h4",{className:"text-lg font-semibold border-b pb-2",children:"Infos für uns"}),e.jsxs("div",{className:"grid md:grid-cols-3 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Mitarbeiter (incl. Chef)"}),e.jsx(r,{type:"number",value:s.employees_total,onChange:t=>a({...s,employees_total:t.target.value}),placeholder:"5"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Vollzeit AK (Teilzeit umrechnen)"}),e.jsx(r,{type:"number",step:"0.5",value:s.employees_fulltime,onChange:t=>a({...s,employees_fulltime:t.target.value}),placeholder:"3.5"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Davon Azubis"}),e.jsx(r,{type:"number",value:s.employees_apprentices,onChange:t=>a({...s,employees_apprentices:t.target.value}),placeholder:"1"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Annahme Gutschein"}),e.jsxs("div",{className:"flex items-center space-x-6",children:[e.jsxs("label",{className:"flex items-center",children:[e.jsx("input",{type:"radio",name:"accepts_voucher",checked:s.accepts_voucher===!0,onChange:()=>a({...s,accepts_voucher:!0}),className:"mr-2"}),"Ja"]}),e.jsxs("label",{className:"flex items-center",children:[e.jsx("input",{type:"radio",name:"accepts_voucher",checked:s.accepts_voucher===!1,onChange:()=>a({...s,accepts_voucher:!1}),className:"mr-2"}),"Nein"]})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h4",{className:"text-lg font-semibold border-b pb-2",children:"SEPA-Lastschriftmandat"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Der gültige Mitgliedsbeitrag beträgt zur Zeit 120,00€ zzgl. MwSt. (10€ netto pro Monat)"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Kontoinhaber *"}),e.jsx(r,{value:s.account_holder,onChange:t=>a({...s,account_holder:t.target.value}),placeholder:"Max Mustermann",required:!0})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"IBAN *"}),e.jsx(r,{value:s.iban,onChange:t=>a({...s,iban:t.target.value}),placeholder:"DE89 3704 0044 0532 0130 00",required:!0})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"BIC"}),e.jsx(r,{value:s.bic,onChange:t=>a({...s,bic:t.target.value}),placeholder:"COBADEFFXXX"})]})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Zusätzliche Nachricht (optional)"}),e.jsx(E,{value:s.message,onChange:t=>a({...s,message:t.target.value}),placeholder:"Haben Sie spezielle Fragen oder Anmerkungen?",rows:3})]}),e.jsxs("div",{className:"flex gap-3 pt-6",children:[e.jsxs(n,{type:"submit",className:"btn-werbekreis",children:[e.jsx(f,{className:"mr-2 h-4 w-4"}),"Antrag einreichen"]}),e.jsx(n,{type:"button",variant:"outline",onClick:()=>x(!1),children:"Abbrechen"}),e.jsx(n,{type:"button",variant:"secondary",asChild:!0,className:"ml-auto",children:e.jsxs("a",{href:"/Aufn

11ahmeformular_V5.pdf",target:"_blank",rel:"noopener noreferrer",children:[e.jsx(h,{className:"mr-2 h-4 w-4"}),"PDF herunterladen"]})})]})]})]}),e.jsxs("section",{className:"py-8",children:[e.jsxs("h2",{className:"text-2xl font-semibold text-center mb-12",children:["Unsere Mitglieder (",c.length,")"]}),N?e.jsx("div",{className:"reveal-stagger grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6",children:Array.from({length:12}).map((t,i)=>e.jsx(l,{className:"card-werbekreis p-6 animate-pulse",children:e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"h-6 bg-muted rounded"}),e.jsx("div",{className:"h-4 bg-muted rounded w-3/4"}),e.jsx("div",{className:"h-3 bg-muted rounded w-1/2"})]})},i))}):c.length===0?e.jsxs(l,{className:"card-werbekreis p-12 text-center max-w-md mx-auto",children:[e.jsx(h,{className:"h-16 w-16 text-muted-foreground mx-auto mb-4"}),e.jsx("h3",{className:"text-xl font-semibold mb-2",children:"Noch keine öffentlichen Mitglieder"}),e.jsx("p",{className:"text-muted-foreground",children:"Die Mitgliederliste wird bald verfügbar sein."})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"reveal-stagger grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6",children:(u?c:c.slice(0,4)).map(t=>e.jsx(l,{className:"card-werbekreis p-6 group interactive-glow h-full shadow-md hover:shadow-lg transition-all duration-300",children:e.jsxs("div",{className:"space-y-3 h-full flex flex-col",children:[e.jsxs("div",{className:"flex justify-between items-start flex-1",children:[e.jsxs("div",{className:"min-w-0 flex-1 pr-2",children:[e.jsx("h4",{className:"font-semibold text-base leading-tight mb-1 break-words",children:t.name}),t.business_name&&e.jsx("p",{className:"text-sm font-medium text-primary/80 mb-1 break-words",children:t.business_name}),t.description&&e.jsx("p",{className:"text-sm text-muted-foreground mb-2 break-words",children:t.description})]}),e.jsx(j,{className:"h-5 w-5 text-primary flex-shrink-0 mt-1"})]}),t.category_name&&e.jsx("div",{className:"flex-shrink-0",children:e.jsx(I,{variant:"secondary",className:"text-xs font-medium",children:t.category_name})}),e.jsxs("div",{className:"flex gap-3 pt-2 flex-shrink-0",children:[t.phone&&e.jsx(n,{size:"sm",variant:"ghost",asChild:!0,className:"h-8 w-8 p-0 hover:bg-primary/10",children:e.jsx("a",{href:`tel:${t.phone}`,title:"Anrufen",children:e.jsx(A,{className:"h-4 w-4"})})}),t.website&&e.jsx(n,{size:"sm",variant:"ghost",asChild:!0,className:"h-8 w-8 p-0 hover:bg-primary/10",children:e.jsx("a",{href:t.website.startsWith("http")?t.website:`https://${t.website}`,target:"_blank",rel:"noopener noreferrer",title:"Website besuchen",children:e.jsx(F,{className:"h-4 w-4"})})})]})]})},t.id))}),c.length>4&&e.jsx("div",{className:"text-center mt-8",children:e.jsx(n,{variant:"outline",onClick:()=>y(!u),className:"flex items-center gap-2",children:u?e.jsxs(e.Fragment,{children:[e.jsx(G,{className:"h-4 w-4"}),"Weniger anzeigen"]}):e.jsxs(e.Fragment,{children:[e.jsx(W,{className:"h-4 w-4"}),"Alle ",c.length," Mitglieder anzeigen"]})})})]})]}),e.jsx(l,{className:"card-werbekreis p-6 bg-accent/20",children:e.jsxs("div",{className:"flex items-start space-x-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center",children:e.jsx(g,{className:"h-6 w-6 text-primary"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold mb-2",children:"Über den Werbekreis Roding 1979 e.V."}),e.jsx("p",{className:"text-sm text-muted-foreground mb-3",children:"Seit 1979 setzen wir uns für die Förderung von Handel, Handwerk und Gewerbe in Roding ein. Gemeinsam organisieren wir Events, stärken die lokale Wirtschaft und machen Roding zu einem attraktiven Standort."}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4 text-xs text-muted-foreground",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"font-medium text-foreground mb-1",children:"Aktivitäten:"}),e.jsxs("ul",{className:"space-y-1",children:[e.jsx("li",{children:"• Christkindlmarkt"}),e.jsx("li",{children:"• Verkaufsoffene Sonntage"}),e.jsx("li",{children:"• Stadtfeste & Events"})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-medium text-foreground mb-1",children:"Vorteile:"}),e.jsxs("ul",{className:"space-y-1",children:[e.jsx("li",{children:"• Gemeinsame Werbung"}),e.jsx("li",{children:"• Netzwerk & Austausch"}),e.jsx("li",{children:"• Interessenvertretung"})]})]})]})]})]})})]})};export{P as default};
12//# sourceMappingURL=Membership-_-Hq6ait.js.map