https://recruiting.ki/assets/KarriereDetailPage-BfpmhQJo.js

1import{a as A,j as e,N as B,L as b,r as o}from"./index-Cn07m1IJ.js";import{L as P}from"./LightLayout-BEWKr7vf.js";import{S as E}from"./Seo-DPKQhGev.js";import{g as $}from"./careerJobs-DltAL_w1.js";import{u as M}from"./useRecaptcha-CMp75gio.js";import{A as R}from"./arrow-left-D0LDrtl7.js";import{A as I}from"./arrow-right-BuYuH2Zb.js";import{T as U}from"./TickCircle--LSAveYH.js";import{V as W}from"./Verify-L8lO6mCq.js";import{S as _}from"./StatusUp-C7QsFZ3v.js";import{P as Z}from"./ProfileTick-CcG6r2Ls.js";import{D as q}from"./DocumentText-C51qrAya.js";import{S as H}from"./Send2-DoHZ_vc4.js";import"./routes-COJI9ejr.js";import"./chevron-down-C7SaH4q5.js";import"./createLucideIcon-DDV-e-r6.js";import"./globe-CZwrBmeg.js";import"./x-BdneK2y-.js";import"./shopping-bag-D7LXP35b.js";import"./zap-Cx6E5WYG.js";import"./play-oaQpeXeV.js";import"./scale-DOdzbXP7.js";import"./shield-RlWKZYXj.js";import"./layers-BrtGl4ND.js";import"./users-B3cfbgLL.js";import"./building-2-C1ttKYlM.js";import"./heart-Ch_V4-2c.js";import"./utensils-crossed-DECApfPy.js";import"./info-CC4ty12y.js";import"./mail-CGpbL56l.js";import"./shield-check-BApMZ7NZ.js";import"./server-Bh4CSTES.js";import"./index-S_hl1Hj_.js";const J="https://ofwqdinrrfrlcqortvix.supabase.co/functions/v1/career-apply",O=5*1024*1024,m=s=>{const t=s==null?void 0:s.match(/w-(\d+)/),r=t?parseInt(t[1])*4:20;let i="#7c3aed";return s!=null&&s.includes("text-white")?i="#ffffff":s!=null&&s.includes("text-violet-600")?i="#7c3aed":s!=null&&s.includes("text-emerald-600")?i="#059669":s!=null&&s.includes("text-amber-600")&&(i="#d97706"),{size:r,color:i}},f=({className:s})=>{const{size:t,color:r}=m(s);return e.jsx(U,{size:t,color:r,variant:"Bold"})},V=({className:s})=>{const{size:t,color:r}=m(s);return e.jsx(W,{size:t,color:r,variant:"Bold"})},K=({className:s})=>{const{size:t,color:r}=m(s);return e.jsx(_,{size:t,color:r,variant:"Bold"})},Y=({className:s})=>{const{size:t,color:r}=m(s);return e.jsx(Z,{size:t,color:r,variant:"Bold"})},X=({className:s})=>{const{size:t,color:r}=m(s);return e.jsx(q,{size:t,color:r,variant:"Bold"})},G=({className:s})=>{const{size:t,color:r}=m(s);return e.jsx(H,{size:t,color:r,variant:"Bold"})},Q=s=>{const t=[...s.intro.map(r=>`<p>${r}</p>`),s.tasks.length>0?`<p><strong>Deine Aufgaben:</strong></p><ul>${s.tasks.map(r=>`<li>${r}</li>`).join("")}</ul>`:"",`<p><strong>Was du mitbringst:</strong></p><ul>${s.profile.map(r=>`<li>${r}</li>`).join("")}</ul>`,`<p><strong>Was wir bieten:</strong></p><ul>${s.offer.map(r=>`<li>${r}</li>`).join("")}</ul>`].join("");return{"@context":"https://schema.org","@type":"JobPosting",title:s.title,description:t,datePosted:s.datePosted,employmentType:s.schemaEmploymentType??["FULL_TIME"],hiringOrganization:{"@type":"Organization",name:"recruiting.ki",sameAs:"https://recruiting.ki",logo:"https://recruiting.ki/android-chrome-512x512.png"},jobLocationType:"TELECOMMUTE",applicantLocationRequirements:[{"@type":"Country",name:"DE"},{"@type":"Country",name:"AT"},{"@type":"Country",name:"CH"}],directApply:!0}},ee=s=>/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/.test(s);function te({job:s}){const[t,r]=o.useState({name:"",email:"",phone:"",linkUrl:"",message:""}),[i,d]=o.useState(null),[j,k]=o.useState(!1),[v,w]=o.useState(!1),[z,x]=o.useState("idle"),[y,l]=o.useState(""),N=o.useRef(null),[h,L]=o.useState(""),[D]=o.useState(Date.now()),{getRecaptchaToken:S}=M(),C=n=>{var a;l("");const c=((a=n.target.files)==null?void 0:a[0])??null;if(!c){d(null);return}if(!(c.type==="application/pdf"||c.name.toLowerCase().endsWith(".pdf"))){l("Bitte lade deinen Lebenslauf als PDF hoch."),n.target.value="",d(null);return}if(c.size>O){l("Die Datei ist zu groß. Maximal 5 MB."),n.target.value="",d(null);return}d(c)},T=async n=>{if(n.preventDefault(),l(""),h){x("success");return}const c=Date.now()-D;if(c<3e3){x("success");return}if(t.name.trim().length<2){l("Name muss mindestens 2 Zeichen haben");return}if(!ee(t.email.trim())){l("Bitte gib eine gültige E-Mail-Adresse ein");return}if(t.message.trim().length<20){l("Erzähl uns bitte in mindestens 20 Zeichen, warum du dich bewirbst");return}if(!i){l("Bitte lade deinen Lebenslauf als PDF hoch");return}if(!j){l("Bitte bestätige die Datenschutzerklärung");return}w(!0);try{const u=await S("career_apply"),a=new FormData;a.append("job_slug",s.slug),a.append("name",t.name.trim()),a.append("email",t.email.trim().toLowerCase()),a.append("phone",t.ph

1one.trim()),a.append("link_url",t.linkUrl.trim()),a.append("message",t.message.trim()),a.append("consent","yes"),a.append("_hp",h),a.append("_t",String(c)),a.append("recaptchaToken",u),a.append("cv",i,i.name);const g=await fetch(J,{method:"POST",body:a}),F=await g.json();if(!g.ok){g.status===429?l("Zu viele Anfragen. Bitte warte einen Moment."):l(F.error||"Ein Fehler ist aufgetreten"),x("error");return}x("success")}catch(u){console.error("Error submitting application:",u),l("Verbindungsfehler. Bitte versuche es erneut."),x("error")}finally{w(!1)}};return z==="success"?e.jsxs("div",{className:"p-8 bg-emerald-50 border border-emerald-100 rounded-2xl text-center",children:[e.jsx("div",{className:"w-14 h-14 rounded-full bg-emerald-100 flex items-center justify-center mx-auto mb-4",children:e.jsx(f,{className:"w-7 h-7 text-emerald-600"})}),e.jsx("h3",{className:"text-slate-900 font-semibold text-xl mb-2",children:"Bewerbung eingegangen!"}),e.jsx("p",{className:"text-slate-600 max-w-md mx-auto",children:"Danke für dein Interesse. Wir schauen uns deine Bewerbung persönlich an und melden uns in der Regel innerhalb weniger Tage bei dir."})]}):e.jsxs("form",{onSubmit:T,className:"space-y-4",children:[e.jsx("div",{className:"absolute -left-[9999px]","aria-hidden":"true",children:e.jsx("input",{type:"text",name:"website",tabIndex:-1,autoComplete:"off",value:h,onChange:n=>L(n.target.value)})}),y&&e.jsx("div",{className:"p-3 bg-red-50 border border-red-200 rounded-lg text-red-600 text-sm",children:y}),e.jsxs("div",{className:"grid sm:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"name",className:"block text-sm font-medium text-slate-700 mb-2",children:"Name *"}),e.jsx("input",{type:"text",id:"name",required:!0,minLength:2,maxLength:100,value:t.name,onChange:n=>{r({...t,name:n.target.value}),l("")},className:"w-full px-4 py-3 bg-white border border-slate-300 rounded-xl text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-1 focus:ring-violet-500 focus:border-violet-500 transition-all",placeholder:"Dein Name"})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"email",className:"block text-sm font-medium text-slate-700 mb-2",children:"E-Mail *"}),e.jsx("input",{type:"email",id:"email",required:!0,maxLength:254,value:t.email,onChange:n=>{r({...t,email:n.target.value}),l("")},className:"w-full px-4 py-3 bg-white border border-slate-300 rounded-xl text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-1 focus:ring-violet-500 focus:border-violet-500 transition-all",placeholder:"[email protected]"})]})]}),e.jsxs("div",{className:"grid sm:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"phone",className:"block text-sm font-medium text-slate-700 mb-2",children:"Telefon"}),e.jsx("input",{type:"tel",id:"phone",maxLength:50,value:t.phone,onChange:n=>r({...t,phone:n.target.value}),className:"w-full px-4 py-3 bg-white border border-slate-300 rounded-xl text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-1 focus:ring-violet-500 focus:border-violet-500 transition-all",placeholder:"Optional"})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"linkUrl",className:"block text-sm font-medium text-slate-700 mb-2",children:"LinkedIn, Portfolio oder Showreel"}),e.jsx("input",{type:"url",id:"linkUrl",maxLength:500,value:t.linkUrl,onChange:n=>r({...t,linkUrl:n.target.value}),className:"w-full px-4 py-3 bg-white border border-slate-300 rounded-xl text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-1 focus:ring-violet-500 focus:border-violet-500 transition-all",placeholder:"https:// (optional)"})]})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"message",className:"block text-sm font-medium text-slate-700 mb-2",children:"Warum du? *"}),e.jsx("textarea",{id:"message",required:!0,minLength:20,maxLength:5e3,rows:5,value:t.message,onChange:n=>{r({...t,message:n.target.value}),l("")},className:"w-full px-4 py-3 bg-white border border-slate-300 rounded-xl text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-1 focus:ring-violet-500 focus:border-violet-500 transition-all resize-none",placeholder:"Drei ehrliche Sätze reichen: Was kannst du richtig gut und woran erkennen wir das?"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-slate-700 mb-2",children:"Lebenslauf (PDF, max. 5 MB) *"}),e.jsx("input",{ref:N,type:"file",accept:"application/pdf,.pdf",onChange:C,className:"hidden",id:"cv

1-upload"}),e.jsxs("button",{type:"button",onClick:()=>{var n;return(n=N.current)==null?void 0:n.click()},className:"w-full flex items-center gap-3 px-4 py-3 bg-slate-50 border border-dashed border-slate-300 rounded-xl text-left hover:border-violet-400 hover:bg-violet-50/50 transition-all",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-violet-100 flex items-center justify-center flex-shrink-0",children:e.jsx(X,{className:"w-5 h-5 text-violet-600"})}),i?e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:"text-slate-900 text-sm truncate",children:i.name}),e.jsxs("p",{className:"text-slate-500 text-xs",children:[(i.size/1024/1024).toFixed(1)," MB. Klicken zum Ändern."]})]}):e.jsxs("div",{children:[e.jsx("p",{className:"text-slate-700 text-sm",children:"PDF auswählen"}),e.jsx("p",{className:"text-slate-500 text-xs",children:"Dein Lebenslauf als PDF-Datei"})]})]})]}),e.jsxs("label",{className:"flex items-start gap-3 cursor-pointer group",children:[e.jsx("input",{type:"checkbox",required:!0,checked:j,onChange:n=>{k(n.target.checked),l("")},className:"mt-1 w-4 h-4 rounded border-slate-300 bg-white accent-violet-600"}),e.jsxs("span",{className:"text-slate-600 text-sm leading-relaxed",children:["Ich habe die"," ",e.jsx(b,{to:"/datenschutz",className:"text-violet-600 hover:text-violet-700 underline underline-offset-2",target:"_blank",children:"Datenschutzerklärung"})," ","gelesen und bin einverstanden, dass meine Angaben zur Bearbeitung meiner Bewerbung gespeichert werden. *"]})]}),e.jsx("button",{type:"submit",disabled:v,className:"w-full inline-flex items-center justify-center gap-2 px-6 py-3 bg-violet-600 hover:bg-violet-700 text-white font-semibold rounded-xl transition-colors shadow-lg shadow-violet-600/20 disabled:opacity-50 disabled:cursor-not-allowed",children:v?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-5 h-5 border-2 border-white/30 border-t-white rounded-full animate-spin"}),"Wird gesendet..."]}):e.jsxs(e.Fragment,{children:["Bewerbung absenden",e.jsx(G,{className:"w-5 h-5 text-white"})]})}),e.jsx("p",{className:"text-slate-500 text-xs text-center",children:"Deine Unterlagen behandeln wir vertraulich und nutzen sie ausschließlich für den Bewerbungsprozess."})]})}function p({items:s,icon:t,iconClass:r}){return e.jsx("ul",{className:"space-y-3",children:s.map((i,d)=>e.jsxs("li",{className:"flex items-start gap-3",children:[e.jsx("span",{className:"flex-shrink-0 mt-0.5",children:e.jsx(t,{className:r})}),e.jsx("span",{className:"text-slate-600 leading-relaxed",children:i})]},d))})}function Ee(){const{slug:s}=A(),t=$(s);if(!t)return e.jsx(B,{to:"/karriere",replace:!0});const r=t.status==="filled";return e.jsxs(P,{children:[e.jsx(E,{title:`${t.title} | Karriere bei recruiting.ki`,description:t.summary,path:`/karriere/${t.slug}`,jsonLd:t.googleJobPosting&&!r?Q(t):void 0}),e.jsxs("article",{className:"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-12 sm:py-16",children:[e.jsxs(b,{to:"/karriere",className:"inline-flex items-center gap-2 text-slate-500 hover:text-slate-900 text-sm transition-colors mb-8",children:[e.jsx(R,{className:"w-4 h-4"}),"Alle Stellen"]}),e.jsxs("header",{className:"mb-10",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2 mb-4",children:[e.jsx("span",{className:"px-2.5 py-1 bg-violet-50 border border-violet-100 rounded-md text-xs text-violet-700",children:t.department}),e.jsx("span",{className:"px-2.5 py-1 bg-slate-50 border border-slate-200 rounded-md text-xs text-slate-600",children:t.employmentType}),e.jsx("span",{className:"px-2.5 py-1 bg-slate-50 border border-slate-200 rounded-md text-xs text-slate-600",children:t.location}),t.evergreen&&!r&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 bg-emerald-50 border border-emerald-100 rounded-full text-xs text-emerald-700",children:[e.jsx("span",{className:"w-1.5 h-1.5 bg-emerald-500 rounded-full"}),"Laufend gesucht"]})]}),e.jsx("h1",{className:"text-3xl sm:text-4xl lg:text-5xl font-bold text-slate-900 tracking-tight",children:t.title})]}),r?e.jsxs("div",{className:"p-8 bg-slate-50 border border-slate-100 rounded-2xl text-center mb-10",children:[e.jsx("div",{className:"w-14 h-14 roun

1ded-full bg-emerald-100 flex items-center justify-center mx-auto mb-4",children:e.jsx(f,{className:"w-7 h-7 text-emerald-600"})}),e.jsx("h2",{className:"text-slate-900 font-semibold text-xl mb-2",children:"Diese Stelle ist besetzt"}),e.jsx("p",{className:"text-slate-600 max-w-md mx-auto mb-6",children:"Für diese Rolle haben wir jemanden gefunden. Wenn du trotzdem überzeugt bist, dass du recruiting.ki besser machst, freuen wir uns über deine Initiativbewerbung."}),e.jsxs(b,{to:"/karriere/initiativbewerbung",className:"inline-flex items-center gap-2 px-6 py-3 bg-violet-600 hover:bg-violet-700 text-white font-semibold rounded-xl transition-colors shadow-lg shadow-violet-600/20",children:["Initiativ bewerben",e.jsx(I,{className:"w-4 h-4"})]})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"space-y-4 mb-10",children:t.intro.map((i,d)=>e.jsx("p",{className:"text-slate-600 text-lg leading-relaxed",children:i},d))}),t.tasks.length>0&&e.jsxs("section",{className:"mb-10",children:[e.jsx("h2",{className:"text-xl font-bold text-slate-900 mb-4",children:"Deine Aufgaben"}),e.jsx(p,{items:t.tasks,icon:f,iconClass:"w-5 h-5 text-violet-600"})]}),e.jsxs("section",{className:"mb-10",children:[e.jsx("h2",{className:"text-xl font-bold text-slate-900 mb-4",children:"Was du mitbringst"}),e.jsx(p,{items:t.profile,icon:V,iconClass:"w-5 h-5 text-violet-600"})]}),t.niceToHave&&t.niceToHave.length>0&&e.jsxs("section",{className:"mb-10",children:[e.jsx("h2",{className:"text-xl font-bold text-slate-900 mb-4",children:"Nice to have"}),e.jsx(p,{items:t.niceToHave,icon:K,iconClass:"w-5 h-5 text-amber-600"})]}),e.jsxs("section",{className:"mb-12",children:[e.jsx("h2",{className:"text-xl font-bold text-slate-900 mb-4",children:"Was wir bieten"}),e.jsx(p,{items:t.offer,icon:Y,iconClass:"w-5 h-5 text-emerald-600"})]}),e.jsxs("section",{id:"bewerben",className:"p-6 sm:p-8 bg-slate-50 border border-slate-100 rounded-2xl",children:[e.jsxs("div",{className:"mb-6",children:[e.jsx("h2",{className:"text-2xl font-bold text-slate-900 mb-2",children:"Jetzt bewerben"}),e.jsx("p",{className:"text-slate-600",children:t.applyHint??"Kurzes Formular, Lebenslauf als PDF, fertig. Wir melden uns in der Regel innerhalb weniger Tage."})]}),e.jsx(te,{job:t})]})]})]})]})}export{Ee as default};