{"version":3,"file":"component---src-pages-jobs-js-0b231555663c53b8a701.js","mappings":"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","sources":["webpack://asbitech/./src/pages/jobs.js"],"sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport Navbar from \"../components/navbar-nonhome\"\nimport { css } from '@emotion/react'\nimport BackgroundImage from 'gatsby-background-image'\nimport Slider from \"react-slick\"\nimport { Helmet } from \"react-helmet\"\nimport {Trans, Link, I18nextContext, useTranslation} from 'gatsby-plugin-react-i18next';\n\n\nconst settings = {\n  arrows: false,\n    dots: true,\n    /*centerMode: true,\n    centerPadding: \"5%\",*/\n    infinite: true,\n    speed: 500,\n    slidesToShow: 2,\n    autoplaySpeed: 8000,\n    autoplay: false,\n    slidesToScroll: 2,\n  };\n\nexport default function Jobs({ data }) {\n  const {t} = useTranslation();\n  const context = React.useContext(I18nextContext);\n  const taal = context.language\n  if (taal === \"nl\") {var content = data.wp.jobpagina.jobpagina}\n  if (taal === \"fr\") {content = data.wp.jobpagina.jobpagina.frans}\n    return (\n        <Layout>\n<Helmet titleTemplate=\"%s | Asbest Verwijderen | Asbest Saneren | De Nr 1 Expert in België | Asbitech\"\n            htmlAttributes={{\n              lang: `${taal}`,\n            }}\n            >\n            <title>{t('Jobs')}</title>\n            <meta name=\"description\" content={t('Wil jij meewerken aan een asbestvrije samenleving? Ontdek hier onze vacatures!')} />\n            </Helmet>\n            <Navbar />\n            <div  className=\"headerpadding\" />\n          <div className=\"mobile\" css={css`max-width: 1300px; margin: auto auto; padding-bottom: 3rem;`}>\n          <div css={css`font-size: 2.8rem; line-height: 3.2rem;font-weight: 500; color: var(--text-color); padding-top: 2rem; padding-bottom: 4rem;`}><Trans>Wil jij meewerken aan een asbestvrije samenleving?</Trans></div>\n          <Slider className=\"jobsslider\" {...settings}>\n          {content.jobpagina.map(({ index, tekst, titel, afbeelding})=> {\n              return (<div css={css`\n                min-height: 500px;\n                width: 300px;\n                margin-bottom: 40px;\n                padding: 1rem;\n                display: flex;\n                flex-wrap: wrap;\n                flex-direction: column;\n                align-content: flex-start;\n            \n            `}>\n                  <div key={index} css={css`width: 100%; text-align: center; margin-bottom: 2rem;\n                  `}>\n                      <BackgroundImage\n            fluid={afbeelding.localFile.childImageSharp.fluid}\n            css={css`height: 250px; background-position: center center`}\n            alt=\"\"\n          />\n                  </div>\n                  <h3>{titel}</h3>\n                  {tekst}\n              </div>\n          )}\n          )}\n\n          </Slider>\n          \n          <div className=\"jobsgrid\" css={css`flex-wrap: wrap;justify-content: space-between;`}>\n\n          {content.jobpagina.map(({ index, tekst, titel, afbeelding})=> {\n              return (<div className=\"jobswidget\">\n                  <div key={index} css={css`width: 100%;   text-align: center; margin-bottom: 2rem;\n                  `}>\n                      <BackgroundImage\n            fluid={afbeelding.localFile.childImageSharp.fluid}\n            css={css`width: 100%; height: 250px; background-position: center center`}\n            alt=\"\"\n          />\n                  </div>\n                  <h3>{titel}</h3>\n                  {tekst}\n              </div>\n          )}\n          )}\n          \n          </div>\n          </div>\n\n\n\n        <div id=\"vacatures\" css={css`width: 100%; background-color: var(--text-color);`}>\n        <div className=\"mobile\" css={css`max-width: 1000px; margin: auto auto; padding-bottom: 4rem; color: var(--background-color); padding-top: 3rem; padding-bottom: 2rem; `}>\n        <h1><Trans>Vacatures</Trans></h1>\n\n        {data.allWpJob.edges.map(({ index, node })=> {\n            if (node.jobomschrijving.type == null)\n                {var hideJobSpecs = \"none\"}\n                else { var hideJobSpecs = \"block\"}\n                if (node.jobomschrijving.type=== \"arbeider\" && taal === \"nl\") {var content = \"arbeider\"}\n                if (node.jobomschrijving.type=== \"arbeider\" && taal === \"fr\") {var content = \"travailleur\"}\n                if (node.jobomschrijving.type=== \"bediende\" && taal === \"nl\") {var content = \"bediende\"}\n                if (node.jobomschrijving.type=== \"bediende\" && taal === \"fr\") {var content = \"greffier\"}\n                if (node.jobomschrijving.duur=== \"voltijds\" && taal === \"nl\") {var duur = \"voltijds\"}\n                if (node.jobomschrijving.duur=== \"voltijds\" && taal === \"fr\") {var duur = \"à temps plein\"}\n                if (node.jobomschrijving.duur=== \"deeltijds\" && taal === \"nl\") {var duur = \"deeltijds\"}\n                if (node.jobomschrijving.duur=== \"deeltijds\" && taal === \"fr\") {var duur = \"à temps partiel\"}\n           return (\n        <div key={index} className=\"vacaturecontainer\">\n            <div css={css`margin-bottom: 1rem; display: ${hideJobSpecs}`}><span css={css`margin-right: 0.5rem;`} className=\"nieuws\">{content}</span><span className=\"project\">{duur}</span></div>\n            <h2 css={css`padding-bottom: 0.5rem;`}>{node.title}</h2>\n            <Link className='tekstbutton-yellow' css={css`color: var(--background-color)`} to={`/jobs/${node.slug}`}><Trans>Lees Meer</Trans></Link>\n        </div>\n        )})}\n        </div>\n\n        </div>\n        </Layout>\n\n      )\n  }\n\n\nexport const query = graphql`\nquery($language: String!) {\n  locales: allLocale(filter: {language: {eq: $language}}) {\n    edges {\n      node {\n        ns\n        data\n        language\n      }\n    }\n  }\n    wp {\n        jobpagina {\n          jobpagina {\n            frans {\n              jobpagina {\n                tekst\n                titel\n                afbeelding {\n                  localFile {\n                    childImageSharp {\n                      fluid(quality: 80) {\n                        ...GatsbyImageSharpFluid_withWebp\n                      }\n                    }\n                  }\n                }\n              }\n            }\n            jobpagina {\n              tekst\n              titel\n              afbeelding {\n                localFile {\n                  childImageSharp {\n                    fluid(quality: 80) {\n                      ...GatsbyImageSharpFluid_withWebp\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    allWpJob (\n      filter: {language: {locale: {eq: $language}}}\n      sort: {fields: date, order: ASC}) {\n        edges {\n          node{\n          title\n          uri\n          slug\n          jobomschrijving {\n            duur\n            type\n          }\n        }\n        }\n      }\n  }\n`  "],"names":["settings","arrows","dots","infinite","speed","slidesToShow","autoplaySpeed","autoplay","slidesToScroll","Jobs","data","t","useTranslation","taal","React","I18nextContext","language","content","wp","jobpagina","frans","Helmet","titleTemplate","htmlAttributes","lang","name","className","css","Trans","map","index","tekst","titel","afbeelding","key","fluid","localFile","childImageSharp","alt","id","allWpJob","edges","node","jobomschrijving","type","hideJobSpecs","duur","title","Link","to","slug"],"sourceRoot":""}