https://mixonline.nl/_nuxt/B9t3R2xo.js

1import{_ as ia}from"./D3vuoWnx.js";import sa from"./DahKxLZg.js";import{_ as ca}from"./CNv4Olc0.js";import{_ as la}from"./CK3j4WxR.js";import{_ as ra}from"./COm1Jfxf.js";import{d as aa,b as ea,a as ta,s as R,p as ua,o as ma,m as o,e as K,f as X,E as W,O as pa,g as G,R as da,a1 as ya,D as va,h as m,i as s,F as D,k as i,x as E,t as b,y as f,N as Z,v as p,j as n,I as h,z as ga,G as _a,w as k,H as ba,K as fa,S as ha,c as Q,l as ka,q as $a,r as wa,_ as Ca}from"./CfwR7KjC.js";import{_ as xa}from"./CrIER2t1.js";import{_ as Ia}from"./BReEydC9.js";import{u as Va}from"./D3mpzuaT.js";import{u as Aa}from"./BlYXyQln.js";import{u as j}from"./DShjNU4z.js";import{a as Y}from"./Dsl0BBls.js";import{u as La}from"./B2f3C5hf.js";import"./CCWZUn3U.js";import"./bWaf13RF.js";import"./D02-2pnu.js";const Ta={class:"content-wrapper bg-white p-4 grid grid-cols-12 gap-8"},Sa={class:"content-container col-span-12"},Ma={key:0,class:"flex flex-wrap gap-x-2 mb-4"},Pa={key:0},Ra={key:3,class:"mb-4"},Da=["innerHTML"],Ea=["href"],ja=aa({__name:"View",props:{vacancy:{}},setup(q){var N,z,O,B,H,J;const e=q,d=ea(),$=ta(),y=R({}),w=ua("isPro").value,v=R(!1),g=R(null),I=a=>{g.value=(a==null?void 0:a.length)===1?a[0].file:null},u={id:"leads-modal",title:"Solliciteren",backdropDismiss:!1,dismissible:!0,cssClasses:"md:w-2/3 lg:w-1/2 xl:w-1/3"};ma(()=>{const a=o().href,t=K(),l=X("session").value,S={pageview:{id:e.vacancy.id,collectionType:pa.Vacancy},url:a,eventType:W.Pageview};G().addEvent({client:$,url:d},{event:S,analyticsEvents:t,sessionCookieValue:l,immediate:!0})});const C=()=>{const a=K(),t=X("session").value,l={vacancy:{id:e.vacancy.id,action:"applyClick"},url:c,eventType:W.Vacancy};G().addEvent({client:$,url:d},{event:l,analyticsEvents:a,sessionCookieValue:t,immediate:!0})},V=()=>{C(),v.value=!0},A=()=>{C(),window.open(e.vacancy.applicationURI,"_blank")};!((z=(N=e.vacancy)==null?void 0:N.seo)!=null&&z.metaDescription)&&e.vacancy.introduction&&(e.vacancy.seo={...e.vacancy.seo,metaDescription:e.vacancy.introduction});const L={...(O=e.vacancy)==null?void 0:O.seo,metaImage:((H=(B=e.vacancy)==null?void 0:B.seo)==null?void 0:H.metaImage)||((J=e.vacancy)==null?void 0:J.cover)||null};L.metaTitle=`${e.vacancy.title} bij ${e.vacancy.company} - MIXjobs`,Va().set(L,!0);const U=a=>{const t={year:"numeric",month:"long",day:"numeric"};return new Date(a).toLocaleString("nl",t)},P=async()=>{try{const a=await Aa().getToken("vacancyApply"),t={...y.value};t.recaptchaToken=a,g.value&&(t["files.files"]=g.value),await j().applyForVacancy({client:$,url:d},e.vacancy.id,t),Y().$show({title:"Sollicitatie verstuurd",message:"Je sollicitatie is verstuurd. We nemen zo snel mogelijk contact met je op.",confirmText:"OK",onClosed:async()=>{await fa().push("/")}})}catch{Y().$show({title:"Fout bij versturen sollicitatie",message:"Er is iets fout gegaan bij het versturen van je sollicitatie. Probeer het later opnieuw.",confirmText:"OK"})}},x=w?"MIXonline":"MIXpro",c=`${o().origin}/vacatures/vacature/${e.vacancy.id}/${e.vacancy.slug}`,T=da(()=>j().getMetadata(e.vacancy,!0));ya(()=>{var t,l;return{link:[{rel:"canonical",href:((l=(t=e.vacancy)==null?void 0:t.seo)==null?void 0:l.canonicalURL)||c}]}});const F={"@context":"https://schema.org","@graph":[{"@type":"WebSite",name:x,url:`${o().origin}/`,"@id":`${o().origin}/#website`,potentialAction:{"@type":"SearchAction","@id":`${o().origin}/#searchaction`,target:`${o().origin}/zoeken?q={search_term_string}`,"query-input":"required name=search_term_string"},inLanguage:"nl",publisher:{"@id":`${o().origin}/#organization`},about:{"@id":`${o().origin}/#organization`}},{"@type":"ItemPage",name:`${e.vacancy.title} - ${x}`,description:e.vacancy.introduction??"",url:c,"@id":`${c}#webpage`,potentialAction:{"@id":`${o().origin}/#searchaction`},inLanguage:"nl",publisher:{"@id":`${o().origin}/#organization`},about:{"@id":`${c}#vacature`},isPartOf:{"@id":`${o().origin}/#website`},breadcrumb:{"@id":`${c}#breadcrumb`}},{"@type":"JobPosting",title:e.vacancy.title,url:c,"@id":`${c}#vacature`,description:e.vacancy.introduction??"",datePosted:e.vacancy.publishedAt},{"@type":"Organization",name:x,url:`${o().origin}/`,logo:w?Ia:xa,"@id":`${o().origin}/#organization`,email:"[email protected]",address:{"@type":"PostalAddress",streetAddress:"Hoogstraat 110",addressLocality:"Berlicum",postalCode:"5258 ZG"},contactPoint:{"@type":"ContactPoint",telephone:"+310735034347",email:"[email protected]",contactType:"customer service"},sameAs:["https://www.linkedin.com/company/mixpress"]},{"@type":"BreadcrumbList","@id":`${o().origin}/contact#breadcrumb`,itemListElement:[{"@type":"ListItem",position:"1",name:"Home",item:`${o().origin}/`},{"@type":"ListItem",position:"2",name:"Contact",item:`${o().origin}/contact`}]}]};for(const a of F["@graph"])a["@type"]==="JobPosting"&&(e.vacancy.company&&(a.hiringOrganization={name:e.vacancy.company}),e.vacancy.expireAt&&(a.validThrough=e.vacancy.expireAt),e.vacancy.location&&(a.jobLocation={"@type":"Place",address:{"@type":"PostalAddress",addressLocality:e.vacancy.location,addressCountry:"NL"}}));return La(F),(a,t)=>{const l=sa,S=ca,r=va("FormKit"),na=la,oa=ra;return s(),m(D,null,[i("div",Ta,[i("div",Sa,[i("h1",null,f(a.vacancy.title),1),i("ul",{class:Z(["metadata",{"mb-4":!p(T).length}])},[i("li",null,[n(l,{name:"fa6-solid:building"}),t[2]||(t[2]=h()),i("strong",null,f(a.vacancy.company),1)]),i("li",null,[n(l,{name:"fa6-solid:location-dot"}),h(" "+f(a.vacancy.location),1)]),i("li",null,[n(l,{name:"fa6-regular:calendar-days"}),h(" "+f(U(a.vacancy.publishedAt)),1)])],2),p(T).length?(s(),m("ul",Ma,[(s(!0),m(D,null,ga(p(T),(_,M)=>(s(),m(D,{key:M},[i("li",null,f(_),1),M<p(T).length-1?(s(),m("li",Pa,"•")):b("",!0)],64))),128))])):b("",!0),a.vacancy.cover?(s(),E(S,{key:1,src:`${a.vacancy.cover.url}?w=1024`,alt:a.vacancy.cover.alternativeText,class:"mb-4 lg:mb-0 lg:!max-w-[50%] lg:float-right lg:pb-4 lg:ps-4"},null,8,["src","alt"])):b("",!0),a.vacancy.legacyCoverURI?(s(),E(S,{key:2,src:`${a.vacancy.legacyCoverURI}?w=1024`,alt:a.vacancy.company,class:"mb-4 lg:mb-0 lg:!max-w-[50%] lg:float-right lg:pb-4 lg:ps-4"},null,8,["src","alt"])):b("",!0),a.vacancy.introduction?(s(),m("div",Ra,[i("strong",null,f(a.vacancy.introduction),1)])):b("",!0),i("div",{class:"vacancy-text",innerHTML:a.vacancy.text},null,8,Da),a.vacancy.applicationURI?(s(),m("a",{key:4,href:a.vacancy.applicationURI,target:"_blank",class:"btn btn-main",onClick:_a(A,["prevent"])}," Solliciteer ",8,Ea)):(s(),m("button",{key:5,type:"button",class:"btn btn-main text-xl",onClick:V}," Snel solliciteren "))])]),p(v)?(s(),E(oa,{key:0,options:u,onClose:t[1]||(t[1]=_=>v.value=!1)},{default:k(()=>[n(r,{modelValue:p(y),"onUpdate:modelValue":t[0]||(t[0]=_=>ba(y)?y.value=_:null),type:"form",actions:!1,onSubmit:P},{default:k(({disabled:_})=>[n(r,{label:"Voornaam",name:"firstName",type:"text",validation:"required"}),n(r,{label:"Achternaam",name:"lastName",type:"text",validation:"required"}),n(r,{label:"E-mailadres",name:"email",type:"email",validation:"required|email"}),n(r,{label:"Telefoonnummer",name:"tel",type:"text",validation:"required"}),n(r,{label:"Woonplaats",name:"location",type:"text",validation:"required"}),n(r,{label:"Motivatie",name:"motivation",type:"textarea",validation:"required"}),n(r,{type:"file",label:"CV / Bijlage",name:"attachment",accept:".pdf,.doc,.docx",help:"Selecteer een bestand in PDF, DOC of DOCX formaat.",onInput:I}),n(r,{type:"checkbox",name:"termsAndConditions",validation:"accepted",label:"Ik ga akkoord met de privacyverklaring.","validation-visibility":"dirty","validation-messages":{accepted:"Je dient akkoord te gaan."}},{label:k(M=>[i("span",{class:Z(M.classes.label)},[t[4]||(t[4]=h(" Ik ga akkoord met de ")),n(na,{to:"/privacy",target:"_blank",class:"underline"},{default:k(()=>t[3]||(t[3]=[h("privacyverklaring")])),_:1,__:[3]}),t[5]||(t[5]=h(". "))],2)]),_:1}),n(r,{type:"submit",label:"Versturen",disabled:_},null,8,["disabled"])]),_:1},8,["modelValue"])]),_:1})):b("",!0)],64)}}}),qa=ha(ja,[["__scopeId","data-v-cf29895d"]]),ee=aa({__name:"[slug]",async setup(q){var V,A;let e,d;

1const $=ea(),y=ta(),w=Q().params.id,v={populate:"cover, categories, subcategories, seo"},g=Q().query.hash;g&&(v.hash=g);const{data:I,error:u}=([e,d]=ka(async()=>$a(`vacancy:${w}`,async()=>await j().fetchItem({client:y,url:$},{id:parseInt(w),params:v}))),e=await e,d(),e);if(!I.value)throw wa({statusCode:((V=u==null?void 0:u.value)==null?void 0:V.statusCode)||500,message:((A=u==null?void 0:u.value)==null?void 0:A.statusCode)===404?"Vacature niet gevonden.":"Fout bij ophalen vacature.",fatal:!0,cause:u.value});const C=I.value;return(L,U)=>{const P=ia,x=qa,c=Ca;return s(),m("div",null,[n(c,{name:"default"},{sidebar:k(()=>[n(P,{vacancy:p(C)},null,8,["vacancy"])]),default:k(()=>[n(x,{vacancy:p(C)},null,8,["vacancy"])]),_:1})])}}});export{ee as default};