{"version":3,"file":"component---src-pages-courses-bim-js-d5f6600ba9c9170302d4.js","mappings":"4QAgIA,IAjH2B,SAACA,GAetBA,EAbFC,GADF,IAEEC,EAYEF,EAZFE,MACAC,EAWEH,EAXFG,YAMAC,GAKEJ,EAVFK,kBAUEL,EATFM,aASEN,EARFO,cAQEP,EAPFQ,aAOER,EANFS,oBAMET,EALFI,gBACAM,EAIEV,EAJFU,OACAC,EAGEX,EAHFW,WASF,GANIX,EAFFY,OAEEZ,EADFa,YAGeC,EAAAA,EAAAA,eAAc,CAC7BC,MAAO,wBAGyBC,EAAAA,EAAAA,WAAS,IAC3C,GADA,WAC0BA,EAAAA,EAAAA,WAAS,IAA5BC,EAAP,KAAcC,EAAd,KAEMC,EAAS,kBAAMD,GAAUD,IASzBG,GAAcC,EAAAA,EAAAA,gBAAe,cAyB7BC,EACJF,EAAYG,YAAYC,gBAAgBC,MACpCC,EACJN,EAAYO,YAAYH,gBAAgBC,MAE1C,OACE,gCACE,gBAAC,IAAD,CACEG,UAAU,kBACVH,MACErB,EAAiBsB,EAAiBJ,GAGpC,uBAAKM,UAAU,aACb,uBAAKA,UAAU,oBACb,sBAAIA,UAAU,kBAAkB1B,GAChC,qBAAG0B,UAAU,qBACVzB,GAEH,uBAAKyB,UAAU,wBACb,uBAAKA,UAAU,cACb,0BACEC,KAAI,GACJC,OAAO,SACPC,IAAI,sBACJH,UAAU,cACVI,QAAS,YAvDlBC,EAAAA,EAAAA,MACLC,OAAOC,KAFL,4JAEe,YAiDL,oBAcV,2BACE,gBAAC,IAAD,CAAOC,OAAQnB,EAAOE,OAAQA,GAC5B,gBAAC,IAAD,CAAaA,OAAQA,GACnB,gBAAC,OAAD,CAAYkB,GAAG,KACb,gBAAC,IAAD,QAGJ,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEC,MAAO5B,EACP6B,eAAgBrC,EAChBS,WAAYA,U,4ECxD1B,UAzDmB,SAAC,GAAc,IACxB6B,EADuB,EAAXC,KACZD,WACR,OACE,2BACE,gBAAC,IAAD,CACEtC,MAAM,gBAIR,gBAAC,IAAD,CACEA,MAAM,cAENO,qBAAmB,IAGrB,uBAAKmB,UAAU,aACb,gBAAC,IAAD,CACEc,QAASF,EAAWG,MACpBpC,eAAa","sources":["webpack://ace-industrial-academy/./src/components/titleBanner/TitleBannerEnquiry.js","webpack://ace-industrial-academy/./src/pages/courses-bim.js"],"sourcesContent":["import React from \"react\"\nimport { useState } from \"react\"\nimport FilterButton from \"../common/filter/FilterButton\"\nimport SearchBox from \"../common/searchbox/SearchBox\"\nimport \"./banner.scss\"\nimport { useMediaQuery } from \"react-responsive\"\nimport { navigate } from \"gatsby\"\nimport BackgroundImage from \"gatsby-background-image\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport { isBrowser } from \"../../context/utils\"\nimport Logo from \"../../assets/aia-logo\"\nimport { Link as GatsbyLink } from \"gatsby\"\nimport { Modal, ModalHeader, ModalBody } from \"reactstrap\"\nimport CourseRegistrationForm from \"../product-detail/CourseRegistration/courseRegistrationForm\"\n\nconst TitleBannerEnquiry = (props) => {\n  const {\n    id,\n    title,\n    description,\n    handleFilterClick,\n    isFilterOpen,\n    withoutFilter,\n    selfCheckout,\n    withOnlyDescription,\n    hasPlainBanner,\n    netFee,\n    coverPhoto,\n    scroll,\n    courseRuns,\n  } = props\n\n  const isMobile = useMediaQuery({\n    query: \"(max-width: 565px)\",\n  })\n\n  const [isSuccess, setIsSuccess] = useState(false)\n  const [modal, setModal] = useState(false)\n\n  const toggle = () => setModal(!modal)\n\n  const handleRegisterClick = () => {\n    let url =\n      \"mailto:training@aia.edu.sg?subject=Request for Course Quotation&amp;body=Hello Ace, D%0A Course Title: test %0D%0A Name: D%0A Email: D%0A Contact Number:\"\n    if (!isBrowser()) return\n    window.open(url, \"_blank\")\n  }\n\n  const bannerImage = useStaticQuery(\n    graphql`\n      query {\n        background1: file(\n          relativePath: { eq: \"innerpage-bg.png\" }\n        ) {\n          childImageSharp {\n            fluid(quality: 100, maxWidth: 1920) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n        background2: file(\n          relativePath: { eq: \"contact-bg.png\" }\n        ) {\n          childImageSharp {\n            fluid(quality: 100, maxWidth: 1920) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    `\n  )\n\n  const BannerBGImage1 =\n    bannerImage.background1.childImageSharp.fluid\n  const BannerBGImage2 =\n    bannerImage.background2.childImageSharp.fluid\n\n  return (\n    <>\n      <BackgroundImage\n        className=\"innerPageBanner\"\n        fluid={\n          hasPlainBanner ? BannerBGImage2 : BannerBGImage1\n        }\n      >\n        <div className=\"container\">\n          <div className=\"innerPageContent\">\n            <h1 className=\"innerPageTitle\">{title}</h1>\n            <p className=\"sliderDescription\">\n              {description}\n            </p>\n            <div className=\"innerPageContentForm\">\n              <div className=\"actionBtns\">\n                <button\n                  href={``}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"btnRegister\"\n                  onClick={() => handleRegisterClick()}\n                >\n                  Enquire Now\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </BackgroundImage>\n      <div>\n        <Modal isOpen={modal} toggle={toggle}>\n          <ModalHeader toggle={toggle}>\n            <GatsbyLink to=\"/\">\n              <Logo />\n            </GatsbyLink>\n          </ModalHeader>\n          <ModalBody>\n            <CourseRegistrationForm\n              price={netFee}\n              selectedCourse={title}\n              coverPhoto={coverPhoto}\n            />\n          </ModalBody>\n        </Modal>\n      </div>\n    </>\n  )\n}\n\nexport default TitleBannerEnquiry\n","import React from \"react\"\nimport SEO from \"../components/seo\"\nimport { graphql } from \"gatsby\"\nimport TitleBannerEnquiry from \"../components/titleBanner/TitleBannerEnquiry\"\nimport CardsList from \"../components/common/cardsList/CardsList\"\n\nconst CoursesBim = ({ data }) => {\n  const { bimCourses } = data\n  return (\n    <div>\n      <SEO\n        title=\"BIM Courses\"\n        // description=\"\"\n      />\n\n      <TitleBannerEnquiry\n        title=\"BIM Courses\"\n        // description=\"\"\n        withOnlyDescription\n      />\n\n      <div className=\"container\">\n        <CardsList\n          courses={bimCourses.nodes}\n          withoutFilter\n        />\n      </div>\n    </div>\n  )\n}\n\nexport const awsQuery = graphql`\n  query allBimQuery {\n    bimCourses: allContentfulTraining(\n      filter: { category: { eq: \"bim\" } }\n    ) {\n      nodes {\n        id\n        title\n        category\n        courseReference\n        trainingMode\n        updatedAt\n        slug\n        skillsFramework\n        requirements\n        lessons\n        product {\n          id\n          name\n          netFee\n          price\n        }\n        duration\n        coverPhoto {\n          gatsbyImageData\n        }\n        courseRuns\n      }\n    }\n  }\n`\n\nexport default CoursesBim\n"],"names":["props","id","title","description","hasPlainBanner","handleFilterClick","isFilterOpen","withoutFilter","selfCheckout","withOnlyDescription","netFee","coverPhoto","scroll","courseRuns","useMediaQuery","query","useState","modal","setModal","toggle","bannerImage","useStaticQuery","BannerBGImage1","background1","childImageSharp","fluid","BannerBGImage2","background2","className","href","target","rel","onClick","isBrowser","window","open","isOpen","to","price","selectedCourse","bimCourses","data","courses","nodes"],"sourceRoot":""}