{"version":3,"sources":["webpack:///./src/components/global/TheSearchCard2.vue?ccb3","webpack:///./src/components/home/TheHomepageHeader3.vue?4082","webpack:///./src/assets/img/header-banner-lg-circle.png","webpack:///./src/components/home/TheHomepageHeader3.vue?9e32","webpack:///./src/components/global/TheSearchCard2.vue?d7ef","webpack:///./src/assets/img/header-banner-sm-circle.png","webpack:///./src/assets/img/header-banner-arrow.svg","webpack:///./src/components/home/TheHomepageHeader3.vue?4676","webpack:///./src/components/home/TheHomepageHeader3.vue","webpack:///./src/components/global/TheSearchCard2.vue","webpack:///src/components/global/TheSearchCard2.vue","webpack:///./src/components/global/TheSearchCard2.vue?ff66","webpack:///./src/components/global/TheSearchCard2.vue?9e38","webpack:///src/components/home/TheHomepageHeader3.vue","webpack:///./src/components/home/TheHomepageHeader3.vue?077e","webpack:///./src/components/home/TheHomepageHeader3.vue?e1c2"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","require","domProps","_s","$t","_v","name","params","subsection","toLowerCase","type","replaceAll","text","staticRenderFns","$event","preventDefault","searchSubmit","class","countryCode","bottom","countryItem","scopedSlots","key","fn","proxy","item","staticStyle","callback","searchCountry","offsetY","currency","currenciesForBuyer","value","expression","searchCountryInput","selectAllMakes","index","model","$$v","selectAllModels","on","event","includeFees","searchResultLoading","watch","make","mixins","data","firstVisit","searchResult","filterLoading","computed","isFr","getMakes","console","getModels","divider","header","disabled","makeSelectAllIcon","modelSelectAllIcon","selectAllMake","selectSomeMake","selectAllModel","selectSomeModel","isBuyerCurrency","currencyArr","get","set","methods","filter","map","localStorage","LastUrl","path","country","query","Make","Model","content","setCurrencyInput","Tags","Values","TagId","DeliveryCountryCode","mounted","beforeMount","component","components","TheSearchCard2","props"],"mappings":"kHAAA,W,6DCAA,W,gDCAAA,EAAOC,QAAU,IAA0B,mD,6DCA3C,W,kCCAA,W,mECAAD,EAAOC,QAAU,IAA0B,mD,qBCA3CD,EAAOC,QAAU,IAA0B,+C,kCCA3C,W,uDCAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,cAAc,CAACE,YAAY,oEAAoE,CAACF,EAAG,cAAc,CAACE,YAAY,0CAA0C,CAACF,EAAG,QAAQ,CAACE,YAAY,mDAAmDC,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACH,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMC,EAAQ,QAA4C,IAAM,QAAQJ,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMC,EAAQ,QAA4C,IAAM,UAAUJ,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,KAAK,CAACK,SAAS,CAAC,UAAYP,EAAIQ,GAAGR,EAAIS,GAAG,0CAA0CP,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMC,EAAQ,QAAwC,IAAM,UAAUJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACJ,EAAIU,GAAG,IAAIV,EAAIQ,GAAGR,EAAIS,GAAG,sCAAsC,OAAOP,EAAG,MAAM,CAACG,MAAM,CAAC,GAAK,gCAAgC,CAACH,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,CAClpCM,KAAM,kBACNC,OAAQ,CACNC,WAAYb,EAAIS,GAAG,wBAAwBK,cAC3CC,KAAMf,EAAIS,GAAG,8BACVO,WAAW,IAAK,KAChBF,kBACA,CAACZ,EAAG,WAAW,CAACE,YAAY,kCAAkCC,MAAM,CAAC,QAAU,YAAY,CAACL,EAAIU,GAAG,IAAIV,EAAIQ,GAAGR,EAAIS,GAAG,gCAAgC,QAAQ,IAAI,KAAKP,EAAG,iBAAiB,CAACE,YAAY,cAAcC,MAAM,CAAC,KAAOL,EAAIiB,SAAS,IAAI,IAAI,IAEnQC,EAAkB,G,4GCT+J,EAAK,W,IAAU,EAAC,K,EAAC,QAAS,G,OAAiBC,QAAOC,C,YAAqBC,W,CAAuC,OAAC,OAAInB,GAAG,kBAAmCA,EAAG,MAAK,CAACE,YAAY,qBAAuB,CAACJ,EAAG,OAAO,CAA6DI,IAA6CF,OAAS,YAACoB,EAAUC,iBAAkC,EAAC,aAAW,4BAAoDlB,GAAK,MAAC,C,YAAC,e,GAAemB,KAAM,C,YAAiB,uB,CAAK,EAAC,8D,YAASxB,gC,CAAqC,QAAQA,C,MAAyB,cAAmB,WAAM,I,CAAC,SAAY,C,IAAQ,kB,YAA6B,iB,MAAI,CAAW,aAAU,CAAC,UAAmB,YAAK,MAAQ,EAAC,iC,MAAwBA,EAAIyB,qBAAmB,0BAAE,oBAACC,YAAY1B,OAAS2B,SAAI,GAAUC,MAAG,G,MAAkB,G,gBAAkD,I,WAAuC,YAAC,OAAK,EAAC,YAAM,K,YAAqD,EAAC,K,IAAE,U,GAAG,WAAE,uCAACC,YAAM,OAAM,OAAK,QAAM,iBAAeC,SAAO,OAAC,IAAW,UAAgB1B,Y,OAAkEJ,GAAkC,CAAE,IAAC,OAAC2B,GAAG,UAAC,KAAgB,I,MAAoCvB,kBAAY,CAAQ,YAAI,OAAeA,OAA4B2B,QAAY,oBAAoB,8B,uCAA8D,WAAE,YAAY,SAAmD,UAACF,YAAM,gBAAO,aAAO,kBAA2BG,GAAQ,CAAqBC,eAAiB,GAAC,+BAAkC,MAAU,IAAC,+CAAQ,Y,MAA6BC,CAAc,MAAC,gBAAC,SAAQlC,SAAImC,GAE7tD,gBAAYC,GAA6C,WAAY,mBAA+D,SAAW,C,MAAG,CAAW,aAAQ,CAAG,UAACV,SAAY1B,GAAyB4B,MAAG,WAAS,0E,MAAEE,qBAAK,mBAAE,O,aAAapB,OAA2E,0CAAE,SAAC,GAACiB,MAAI,GAAOC,MAAG,I,YAAkB,O,IAAC,YAA0M,kBAAI,IAAQS,MAAOrC,CAAG,EAACmC,OAAS,2D,CAA0C,IAAC,OAACG,aAAW,KAAU,IAAmBjC,MAAM,yK,MAA8B6B,CAAc,MAAC,WAAC,SAAU,SAAMK,GAAwC,WAAgB,GAA8C,WAAY,cAA0C,SAAW,C,MAAU,CAAoB,aAAa,CAAC,QAAU,EAAI,SAAU,GAAY,UAAY,sCAAG,gCAACb,mBAAoB,OAACC,aAAI,aAAeC,QAAG,gB,MAAkB,EAAI,S,YAAqB,Q,SAAC,G,SAAY,G,MAAI,G,MAAC,G,UAA6BT,I,YAA0B,EAAQnB,GAAG,CAACwC,C,IAAc,e,GAAE,W,MAA6C,GAAC,Q,MAAC,CAAoD,WAAmLpC,IAAqB,sBAAC,oBAAa,yBAAoB,UAAS,WAAE0B,MAAI,CAAEW,6CAAS,GAASA,OAAS,EAAEvC,GAAG,qBAAS,4FAACG,YAAM,W,OAAeH,G,KAAmH,YAA+F,kBAAI,QAACwC,IAAwBV,MAAQ,CAAC,IAAUW,EAAK,QAAC3C,MAAQ,CAAK,WAAkB,0DAAO,YAAW,2BAAO,sF,MAA8BkC,CAAc,MAAC,OAAC,SAAU,SAAMK,GAA+D,OAAUvC,GAAuD,qBAAgD,SAAW,C,MAAG,CAAc,aAAU,CAAC,QAAQ,EAAG,SAAW,GAAK0B,UAAY1B,EAAM,oBAAE,iCAAC2B,QAAI,gBAAeC,MAAG,KAAU,sB,mBAAY,O,MAAoB,EAAC,U,SAAC,G,SAAY,G,MAAI,G,MAAC,G,UAA6BT,I,YAA0B,EAAQnB,GAAG,CAAC4C,C,IAAe,e,GAAE,W,MAA6C,GAAC,Q,MAAC,CAAqD,WAAwLxC,IAAqB,sBAAC,oBAAa,0BAAoB,UAAS,WAAE0B,MAAI,CAAEW,8CAAS,GAASA,OAAS,EAAEvC,GAAG,sBAAS,gGAACG,YAAM,W,OAAeH,G,KAAkH,YAAgG,kBAAI,QAACwC,IAAyBV,MAAQ,CAAC,IAAUW,EAAK,QAAC3C,MAAS,CAAK,WAAmB,yDAAO,YAAU,2BAACI,GAAW,GAAC,iFAA6JkB,MAAMtB,CAAoCE,MAAG,EAAM,MAACE,SAAW,SAAC,GAAmB,EAAC,MAAM,GAAuD2B,WAAY,YAAuB,YAAE,YAAavB,+DAAmCJ,EAAY,IAAZA,aAAY,SAAY,YAAUJ,6CAAyEI,QAAW,KAAC,sBAAgDC,GAAK,MAAC,C,YAAQ,gBAAS,UAACwC,YAAG,0C,YAAUC,C,OAAiB1B,gBAAyC,wCAAE,YAAY,aAAkFf,GAAK,IAAC,mE,YAASL,gDAAgC,MAAC,CAAC0C,KAAM,U,GAAyBV,C,MAA6Be,IAAgB,sCAA6B,GAAG,GAAG,IAAM,EAAE7C,GAAG,KAAO,4BAAC,8BAACE,OAA0BC,MAAM,gC,MAAmB,CAAW,MAAM,EAAC,YAAS,SAAQ,SAAE,GAAC,cAAc2C,GAAgG,6BACjvI,sBACG9B,0BAEJ,MAASnB,C,0QC+LM,GACfkD,OACAV,oCACA,sCAGAW,gBACA,gBAGAC,gBACAC,OACA,OACAC,gBACAd,0BACAW,QACAR,SACAY,gBACAN,uBACAO,iBACAhC,iBAGAiC,aACA,gBACA,OACA,UACA,oBACA,aACA,qBACA,uBACA,4BAEAC,OACA,6CAEAC,WACA,IACA,sCACA,SAEA,OADAC,eACA,KAIAC,YACA,IACA,yDACA,SACA,6BACA,IACA,EAEA,CACA3C,OACAoB,QACAwB,WACAC,aAEA,cACA7C,aACAoB,mBACA0B,YACAF,eAIA,IAEA,GACA,SAEA,OADAF,eACA,KAGAK,oBACA,0CACA,oCACA,8BAEAC,qBACA,2CACA,qCACA,8BAEAC,gBACA,gDAEAC,iBACA,gDAEAC,iBACA,mEAEAC,kBACA,kDAEAC,kBACA,SAIA,OAHA,oCACAC,iBAEA,2BAEAtC,eACAuC,MACA,IACA,mDACA,4CACA,sEACA,iCAEA,EAEA,SACAb,iBAGAc,OACA,IACA,gBACA,+CAEA,0BACA,8CAEA,SACAd,kBAIAxB,UACAqC,MACA,wCAEAC,OACA,yCAKAC,SACAlC,iBACA,oBACA,mBACA,aAEA,gDAIAI,kBACA,oBACA,oBACA,cAEA,0BACA+B,sBACAC,mBAIAvD,gBACA,IACA,yBACAwD,4EACA,oCACAC,eAEAD,iDACA,mBACAE,WACAnE,QAAAoE,qCAAA7C,wBACA8C,OACAC,oDACAC,4DAIA,kCACAC,2DACArE,eAEA,mCACA,2CAEA,SACA4C,iBAGA0B,oBACA,iCACAR,oCAGA,wBAEAlB,4CACA,IACA,4BACA,WACA,oBACA2B,QACAC,2CACAC,UAGA,qBACAF,QACAC,4CACAC,UAGA,gEACAC,iDACAH,eAEA,SACA3B,eACA,QACA,8BAGA,kBACA,IACA,4BACA,4CACAqB,uCAEA,SACArB,eACA,QACA,wBAGAlC,eACA,0BAGAiE,UACA,6BACA,oBAEAC,cACA,IACA,oDACA,IACA,2BAEA,2CACA,SACAhC,kBChc4gB,I,kCCSxgBiC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCiCA,GACfjF,YACAkF,YACAC,kBAEAC,OACA9E,MACAF,cC5DghB,ICU5gB,G,8BAAY,eACd,EACA,EACAG,GACA,EACA,KACA,WACA,OAIa,e","file":"assets/js/chunk-ab7b2aaa.5b863c34.js","sourcesContent":["export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheSearchCard2.vue?vue&type=style&index=0&id=a8e88a34&prod&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHomepageHeader3.vue?vue&type=style&index=1&id=59d8827d&prod&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"assets/img/header-banner-lg-circle.6dfed871.png\";","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHomepageHeader3.vue?vue&type=style&index=0&id=59d8827d&prod&lang=scss&\"","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheSearchCard2.vue?vue&type=style&index=1&id=a8e88a34&prod&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"assets/img/header-banner-sm-circle.f857cf2e.png\";","module.exports = __webpack_public_path__ + \"assets/img/header-banner-arrow.32bdcf9c.svg\";","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHomepageHeader3.vue?vue&type=style&index=2&id=59d8827d&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dynamic-content container-fluid px-0\"},[_c('b-jumbotron',{staticClass:\"text-center text-white headBanner headerBG side_distance header3\"},[_c('b-container',{staticClass:\"row align-items-end mx-auto column-xxl\"},[_c('b-col',{staticClass:\"verticalSpacing mx-auto ml-lg-0 text-lg-left p-0\",attrs:{\"cols\":\"12\",\"xl\":\"7\"}},[_c('div',{staticClass:\"header-banner-circle-images\"},[_c('div',{staticClass:\"img-lg\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/header-banner-lg-circle.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"img-sm\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/header-banner-sm-circle.png\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"text-white my-5 headerBannerTitle\"},[_c('h1',{domProps:{\"innerHTML\":_vm._s(_vm.$t('Buy.Header.FindCarsInternationally'))}}),_c('div',{staticClass:\"header-banner-arrow\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/header-banner-arrow.svg\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"headerText\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"Buy.Header.BuyOrSaleInYourCountry\"))+\" \")]),_c('div',{attrs:{\"id\":\"header-getstarted-container\"}},[_c('router-link',{attrs:{\"to\":{\n          name: 'HelpInformation',\n          params: {\n            subsection: _vm.$t('Footer.Footer.Buyers').toLowerCase(),\n            type: _vm.$t('HelpCenter.Buyer.BuyWithUs')\n              .replaceAll(' ', '-')\n              .toLowerCase()\n          }}}},[_c('b-button',{staticClass:\"btn btn-header-getstarted px-10\",attrs:{\"variant\":\"primary\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Header.MainHeader.LearnMore\"))+\" \")])],1)],1)]),_c('TheSearchCard2',{staticClass:\"search-card\",attrs:{\"text\":_vm.text}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mx-auto\"},[_c('a',{attrs:{\"id\":\"searchAnchor\"}}),_c('div',{staticClass:\"card form-wrapper\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();_vm.searchSubmit(_vm.$t('Buy.Link.Search'))}}},[_c('div',{staticClass:\"card-header\"},[_c('h6',{staticClass:\"h4 mb-0 form-header\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"Buy.Header.FindNextCar\"))+\" \")])]),_c('div',{staticClass:\"card-body homepage-form-body\"},[_c('div',{class:_vm.countryCode ? 'has-flag' : ''},[_c('v-select',{ref:\"countrySelector\",staticClass:\"select-country\",attrs:{\"menu-props\":{ bottom: true, offsetY: true },\"label\":_vm.$t(`Buy.Header.DeliveryCountry`),\"items\":_vm.activeBuyerCountries,\"background-color\":\"#fff\",\"item-value\":\"Code\",\"item-text\":\"Name\",\"outlined\":\"\",\"light\":\"\",\"dense\":\"\",\"return-object\":\"\"},on:{\"change\":function($event){return _vm.countryItem($event)}},scopedSlots:_vm._u([{key:\"prepend\",fn:function(){return [(_vm.countryCode)?_c('country-flag',{staticClass:\"flag\",attrs:{\"country\":_vm.countryCode}}):_c('img',{attrs:{\"src\":require(\"@/assets/img/globe.png\"),\"alt\":\"\"}})]},proxy:true},{key:\"item\",fn:function({ item }){return [_c('country-flag',{staticClass:\"flag\",attrs:{\"country\":item.Code ? item.Code : ''}}),_vm._v(\" \"+_vm._s(item.Name)+\" \")]}},{key:\"append-item\",fn:function(){return [_c('v-divider',{staticClass:\"my-1\"}),_c('v-list-item',{staticClass:\"primary--text\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){_vm.searchCountry = 'noCountry'}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"topbar.button.noCountry\"))+\" \")])]},proxy:true}]),model:{value:(_vm.searchCountry),callback:function ($$v) {_vm.searchCountry=$$v},expression:\"searchCountry\"}}),_c('v-select',{attrs:{\"menu-props\":{ bottom: true, offsetY: true },\"label\":_vm.currency\n                ? _vm.$t(`Buy.Header.ShowPricesInCurrency`)\n                : _vm.$t(`Buy.Header.SelectCurrency`),\"items\":_vm.currenciesForBuyer,\"background-color\":\"#fff\",\"item-value\":\"Code\",\"value\":_vm.currency ? _vm.currency.trim() : undefined,\"outlined\":\"\",\"light\":\"\",\"dense\":\"\"},scopedSlots:_vm._u([{key:\"selection\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(['XAF','XOF'].includes(item.Code) ? \"FCFA\" : item.Code)+\" \")]}},{key:\"item\",fn:function({ item }){return [(['XAF','XOF'].includes(item.Code))?_c('span',[_vm._v(\" \"+_vm._s(item.Sign)+\" - \"+_vm._s(item.CurrencyName)+\" \")]):_c('span',[_vm._v(\" \"+_vm._s(item.Code)+\" - \"+_vm._s(item.CurrencyName)+\" \")])]}}]),model:{value:(_vm.currency),callback:function ($$v) {_vm.currency=$$v},expression:\"currency\"}}),_c('v-select',{attrs:{\"menu-props\":{ bottom: true, offsetY: true },\"disabled\":!_vm.searchCountryInput || _vm.filterLoading,\"label\":_vm.$t(`Header.chooseMake`),\"background-color\":\"#fff\",\"item-value\":\"TagValueId\",\"loading\":_vm.filterLoading,\"items\":_vm.getMakes,\"item-text\":\"Value\",\"multiple\":\"\",\"outlined\":\"\",\"light\":\"\",\"dense\":\"\",\"clearable\":\"\"},scopedSlots:_vm._u([{key:\"prepend-item\",fn:function(){return [_c('v-list-item',{attrs:{\"ripple\":\"\"},on:{\"mousedown\":function($event){$event.preventDefault();},\"click\":_vm.selectAllMakes}},[_c('v-list-item-action',[_c('v-icon',{attrs:{\"color\":_vm.make.length > 0 ? 'indigo darken-4' : ''}},[_vm._v(\" \"+_vm._s(_vm.makeSelectAllIcon)+\" \")])],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(_vm._s(_vm.$t(`Header.selectAll`))+\" \")])],1)],1),_c('v-divider',{staticClass:\"mt-2\"})]},proxy:true},{key:\"selection\",fn:function({ item, index }){return [(index < 2)?_c('v-chip',{attrs:{\"small\":\"\"}},[_c('span',[_vm._v(_vm._s(item.Value))])]):_vm._e(),(index === 2)?_c('span',{staticClass:\"grey--text text-caption\"},[_vm._v(\" (+\"+_vm._s(_vm.make.length - 2)+\" \"+_vm._s(_vm.$t(`Header.others`))+\") \")]):_vm._e()]}}]),model:{value:(_vm.make),callback:function ($$v) {_vm.make=$$v},expression:\"make\"}}),_c('v-select',{attrs:{\"menu-props\":{ bottom: true, offsetY: true },\"disabled\":!_vm.searchCountryInput || _vm.make.length < 1 || _vm.filterLoading,\"loading\":_vm.filterLoading,\"label\":_vm.$t(`Header.chooseModel`),\"background-color\":\"#fff\",\"items\":_vm.getModels,\"multiple\":\"\",\"outlined\":\"\",\"light\":\"\",\"dense\":\"\",\"clearable\":\"\"},scopedSlots:_vm._u([{key:\"prepend-item\",fn:function(){return [_c('v-list-item',{attrs:{\"ripple\":\"\"},on:{\"mousedown\":function($event){$event.preventDefault();},\"click\":_vm.selectAllModels}},[_c('v-list-item-action',[_c('v-icon',{attrs:{\"color\":_vm.model.length > 0 ? 'indigo darken-4' : ''}},[_vm._v(\" \"+_vm._s(_vm.modelSelectAllIcon)+\" \")])],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(_vm.$t(`Header.selectAll`))+\" \")])],1)],1),_c('v-divider',{staticClass:\"mt-2\"})]},proxy:true},{key:\"selection\",fn:function({ item, index }){return [(index < 2)?_c('v-chip',{attrs:{\"small\":\"\"}},[_c('span',[_vm._v(_vm._s(item.text))])]):_vm._e(),(index === 2)?_c('span',{staticClass:\"grey--text text-caption\"},[_vm._v(\" (+\"+_vm._s(_vm.model.length - 2)+\" \"+_vm._s(_vm.$t(`Header.others`))+\") \")]):_vm._e()]}}]),model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:\"model\"}})],1),_c('div',{staticClass:\"checkbox-container d-inline-block mx-auto position-relative\"},[(_vm.firstVisit === true)?_c('div',{staticClass:\"position-absolute choose-notif rounded p-3\",class:_vm.isFr ? 'choose-notif-fr' : ''},[_c('div',{staticClass:\"d-flex gap-2\"},[_c('div',{staticClass:\"bg-success rounded-pill py-1 px-2 fs-13\",staticStyle:{\"height\":\"fit-content\"}},[_vm._v(_vm._s(_vm.$t('Buy.New')))]),_c('div',{staticClass:\"text-left\"},[_c('p',[_vm._v(\" \"+_vm._s(_vm.$t('Buy.Search.PopupMessage'))+\" \")]),_c('button',{staticClass:\"bg-primary py-1 px-3 fs-14 w-100 rounded-pill\",attrs:{\"type\":\"button\"},on:{\"click\":(event) => {event.preventDefault(), _vm.firstVisit = false}}},[_vm._v(\" \"+_vm._s(_vm.$t('Validations.email.gotIt'))+\" \")])])])]):_vm._e(),_c('v-checkbox',{attrs:{\"label\":_vm.$t('Overview.fees.included')},model:{value:(_vm.includeFees),callback:function ($$v) {_vm.includeFees=$$v},expression:\"includeFees\"}})],1),_c('div',[_c('v-btn',{staticClass:\"black--text\",attrs:{\"color\":\"#F3B106\",\"block\":\"\",\"type\":\"submit\",\"large\":\"\",\"loading\":_vm.searchResultLoading || _vm.filterLoading,\"disabled\":_vm.searchResultLoading || _vm.filterLoading}},[_vm._v(\" \"+_vm._s(_vm.$t(`Header.letsGO`))+\" \")])],1)])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"mx-auto\">\r\n    <!-- BEGIN:: Search Card -->\r\n    <a id=\"searchAnchor\"></a>\r\n    <div class=\"card form-wrapper\">\r\n      <form @submit.prevent=\"searchSubmit($t('Buy.Link.Search'))\">\r\n        <div class=\"card-header\">\r\n          <h6 class=\"h4 mb-0 form-header\">\r\n            {{ $t(\"Buy.Header.FindNextCar\") }}\r\n            <!-- Find your next car! -->\r\n          </h6>\r\n        </div>\r\n        <div class=\"card-body homepage-form-body\">\r\n          <div :class=\"countryCode ? 'has-flag' : ''\">\r\n            <v-select\r\n              :menu-props=\"{ bottom: true, offsetY: true }\"\r\n              :label=\"$t(`Buy.Header.DeliveryCountry`)\"\r\n              :items=\"activeBuyerCountries\"\r\n              background-color=\"#fff\"\r\n              v-model=\"searchCountry\"\r\n              item-value=\"Code\"\r\n              item-text=\"Name\"\r\n              outlined\r\n              light\r\n              dense\r\n              return-object\r\n              ref=\"countrySelector\"\r\n              class=\"select-country\"\r\n              @change=\"countryItem($event)\"\r\n            >\r\n              <template v-slot:prepend>\r\n                <country-flag :country=\"countryCode\" class=\"flag\" v-if=\"countryCode\" />\r\n                <img src=\"@/assets/img/globe.png\" alt=\"\" v-else />\r\n              </template>\r\n\r\n              <template #item=\"{ item }\">\r\n                <country-flag :country=\"item.Code ? item.Code : ''\" class=\"flag\" />\r\n                {{ item.Name }}\r\n              </template>\r\n              <template v-slot:append-item>\r\n                <v-divider class=\"my-1\" />\r\n                <v-list-item\r\n                  @click=\"searchCountry = 'noCountry'\"\r\n                  style=\"cursor: pointer\"\r\n                  class=\"primary--text\"\r\n                >\r\n                  {{ $t(\"topbar.button.noCountry\") }}\r\n                </v-list-item>\r\n              </template>\r\n            </v-select>\r\n            <v-select\r\n              :menu-props=\"{ bottom: true, offsetY: true }\"\r\n              :label=\"\r\n                currency\r\n                  ? $t(`Buy.Header.ShowPricesInCurrency`)\r\n                  : $t(`Buy.Header.SelectCurrency`)\r\n              \"\r\n              :items=\"currenciesForBuyer\"\r\n              background-color=\"#fff\"\r\n              item-value=\"Code\"\r\n              :value=\"currency ? currency.trim() : undefined\"\r\n              v-model=\"currency\"\r\n              outlined\r\n              light\r\n              dense\r\n            >\r\n              <template #selection=\"{ item }\">\r\n                {{ ['XAF','XOF'].includes(item.Code) ? \"FCFA\" : item.Code }}\r\n              </template>\r\n              <template #item=\"{ item }\">\r\n                <span v-if=\"['XAF','XOF'].includes(item.Code)\"> {{item.Sign}} - {{ item.CurrencyName }} </span>\r\n                <span v-else> {{ item.Code }} - {{ item.CurrencyName }} </span>\r\n              </template>\r\n            </v-select>\r\n            <v-select\r\n              :menu-props=\"{ bottom: true, offsetY: true }\"\r\n              :disabled=\"!searchCountryInput || filterLoading\"\r\n              :label=\"$t(`Header.chooseMake`)\"\r\n              background-color=\"#fff\"\r\n              item-value=\"TagValueId\"\r\n              :loading=\"filterLoading\"\r\n              :items=\"getMakes\"\r\n              item-text=\"Value\"\r\n              v-model=\"make\"\r\n              multiple\r\n              outlined\r\n              light\r\n              dense\r\n              clearable\r\n            >\r\n              <template v-slot:prepend-item>\r\n                <v-list-item ripple @mousedown.prevent @click=\"selectAllMakes\">\r\n                  <v-list-item-action>\r\n                    <v-icon :color=\"make.length > 0 ? 'indigo darken-4' : ''\">\r\n                      {{ makeSelectAllIcon }}\r\n                    </v-icon>\r\n                  </v-list-item-action>\r\n                  <v-list-item-content>\r\n                    <v-list-item-title>{{$t(`Header.selectAll`)}} </v-list-item-title>\r\n                  </v-list-item-content>\r\n                </v-list-item>\r\n                <v-divider class=\"mt-2\"/>\r\n              </template>\r\n              <template v-slot:selection=\"{ item, index }\">\r\n                <v-chip v-if=\"index < 2\" small>\r\n                  <span>{{ item.Value }}</span>\r\n                </v-chip>\r\n                <span v-if=\"index === 2\" class=\"grey--text text-caption\">\r\n                  (+{{ make.length - 2 }} {{$t(`Header.others`)}})\r\n                </span>\r\n              </template>\r\n            </v-select>\r\n            <v-select\r\n              :menu-props=\"{ bottom: true, offsetY: true }\"\r\n              :disabled=\"!searchCountryInput || make.length < 1 || filterLoading\"\r\n              :loading=\"filterLoading\"\r\n              :label=\"$t(`Header.chooseModel`)\"\r\n              background-color=\"#fff\"\r\n              :items=\"getModels\"\r\n              v-model=\"model\"\r\n              multiple\r\n              outlined\r\n              light\r\n              dense\r\n              clearable\r\n            >\r\n              <template v-slot:prepend-item>\r\n                <v-list-item ripple @mousedown.prevent @click=\"selectAllModels\">\r\n                  <v-list-item-action>\r\n                    <v-icon :color=\"model.length > 0 ? 'indigo darken-4' : ''\">\r\n                      {{ modelSelectAllIcon }}\r\n                    </v-icon>\r\n                  </v-list-item-action>\r\n                  <v-list-item-content>\r\n                    <v-list-item-title> {{$t(`Header.selectAll`)}} </v-list-item-title>\r\n                  </v-list-item-content>\r\n                </v-list-item>\r\n                <v-divider class=\"mt-2\"></v-divider>\r\n              </template>\r\n              <template v-slot:selection=\"{ item, index }\">\r\n                <v-chip v-if=\"index < 2\" small>\r\n                  <span>{{ item.text }}</span>\r\n                </v-chip>\r\n                <span v-if=\"index === 2\" class=\"grey--text text-caption\">\r\n                  (+{{ model.length - 2 }} {{$t(`Header.others`)}})\r\n                </span>\r\n              </template>\r\n            </v-select>\r\n          </div>\r\n          <div class=\"checkbox-container d-inline-block mx-auto position-relative\">\r\n            <div v-if=\"firstVisit === true\" class=\"position-absolute choose-notif rounded p-3\" :class=\"isFr ? 'choose-notif-fr' : ''\">\r\n              <div class=\"d-flex gap-2\">\r\n                <div class=\"bg-success rounded-pill py-1 px-2 fs-13\" style=\"height:fit-content;\">{{ $t('Buy.New') }}</div>\r\n                <div class=\"text-left\">\r\n                  <p>\r\n                    {{ $t('Buy.Search.PopupMessage') }}\r\n                  </p>\r\n                  <button type=\"button\" class=\"bg-primary py-1 px-3 fs-14 w-100 rounded-pill\" @click=\"(event) => {event.preventDefault(), firstVisit = false}\">\r\n                    {{ $t('Validations.email.gotIt') }}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <v-checkbox\r\n            v-model=\"includeFees\"\r\n            :label=\"$t('Overview.fees.included')\">\r\n          </v-checkbox>\r\n        </div>\r\n          <div>\r\n            <v-btn\r\n              color=\"#F3B106\"\r\n              class=\"black--text\"\r\n              block\r\n              type=\"submit\"\r\n              large\r\n              :loading=\"searchResultLoading || filterLoading\"\r\n              :disabled=\"searchResultLoading || filterLoading\"\r\n            >\r\n              <!-- <v-icon dark>mdi-car-search-outline</v-icon> -->\r\n              {{$t(`Header.letsGO`)}}\r\n              <!-- <span v-if=\"searchResult\" class=\"pl-2 font-weight-bold\"\r\n                >for {{ searchResult }} results</span\r\n              > -->\r\n            </v-btn>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n    <!-- END:: Search Card -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport {searchLastPosition} from \"@/views/pages/Search.vue\";\r\nimport includeFees from \"@/components/mixins/includeFees.js\"\r\n\r\nexport default {\r\n  watch: {\r\n    searchCountryInput: async function () {\r\n      if (!this.filters) await this.getFilter();\r\n     // await this.getFilterResult();\r\n    },\r\n    make: function () {\r\n      this.model = [];\r\n    },\r\n  },\r\n  mixins: [includeFees],\r\n  data() {\r\n    return {\r\n      firstVisit: null,\r\n      searchCountryInput: undefined,\r\n      make: [],\r\n      model: [],\r\n      searchResult: false,\r\n      searchResultLoading: false,\r\n      filterLoading: false,\r\n      countryCode: \"\",\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\r\n      \"user\",\r\n      \"filters\",\r\n      \"getUserFilterList\",\r\n      \"currencies\",\r\n      \"currenciesForBuyer\",\r\n      \"activeBuyerCountries\",\r\n      \"getUserFilterValToLabel\",\r\n    ]),\r\n    isFr() {\r\n      return localStorage.getItem('locale') === 'fr'\r\n    },\r\n    getMakes() {\r\n      try {\r\n        return this.getUserFilterList(\"Make\");\r\n      }catch (error){\r\n        console.log(error);\r\n        return []\r\n      }\r\n\r\n    },\r\n    getModels() {\r\n      try {\r\n        const models = this.getUserFilterList(\"Model\", this.make, \"Make\");\r\n        if (models) {\r\n          return Object.keys(models).reduce((arr, item) => {\r\n            return [\r\n              ...arr,\r\n              ...[\r\n                {\r\n                  text: item,\r\n                  value: item,\r\n                  divider: true,\r\n                  header: item,\r\n                },\r\n                ...models[item].map((item) => ({\r\n                  text: item.Value,\r\n                  value: item.TagValueId,\r\n                  disabled: false,\r\n                  divider: false,\r\n                })),\r\n              ],\r\n            ];\r\n          }, []);\r\n        }\r\n        return [];\r\n      }catch (error){\r\n        console.log(error);\r\n        return []\r\n      }\r\n    },\r\n    makeSelectAllIcon() {\r\n      if (this.selectAllMake) return \"mdi-close-box\";\r\n      if (this.selectSomeMake) return \"mdi-minus-box\";\r\n      return \"mdi-checkbox-blank-outline\";\r\n    },\r\n    modelSelectAllIcon() {\r\n      if (this.selectAllModel) return \"mdi-close-box\";\r\n      if (this.selectSomeModel) return \"mdi-minus-box\";\r\n      return \"mdi-checkbox-blank-outline\";\r\n    },\r\n    selectAllMake() {\r\n      return this.make.length === this.getMakes.length;\r\n    },\r\n    selectSomeMake() {\r\n      return this.make.length > 0 && !this.selectAllMake;\r\n    },\r\n    selectAllModel() {\r\n      return this.model.length === this.getModels.length - this.make.length;\r\n    },\r\n    selectSomeModel() {\r\n      return this.model.length > 0 && !this.selectAllModel;\r\n    },\r\n    isBuyerCurrency() {\r\n      let currencyArr = [];\r\n      this.currenciesForBuyer.forEach((e) => {\r\n        currencyArr.push(e.Code);\r\n      });\r\n      return currencyArr.includes(this.currency);\r\n    },\r\n    searchCountry: {\r\n      get() {\r\n        try {\r\n          if (this.$store.state.search.destinationCountry) {\r\n            return this.$store.state.search.destinationCountry\r\n          } else if (this.$store.state.user.country && this.$store.state.user.country.CanBuy) {\r\n            return this.$store.getters.country;\r\n          } else {\r\n            return undefined;\r\n          }\r\n        }catch (error){\r\n          console.log(error);\r\n        }\r\n      },\r\n      set(country) {\r\n        try {\r\n          if (country === \"noCountry\") {\r\n            this.$bvModal.show(\"deliveryCountryNotFound\");\r\n          } else {\r\n            this.searchCountryInput = country;\r\n            this.$store.dispatch(\"destinationCountry\", country);\r\n          }\r\n        }catch (error){\r\n          console.log(error);\r\n        }\r\n      },\r\n    },\r\n    currency: {\r\n      get() {\r\n        return this.$store.state.user.currency;\r\n      },\r\n      set(currency) {\r\n        this.$store.dispatch(\"setCurrency\", currency);\r\n      },\r\n    },\r\n\r\n  },\r\n  methods: {\r\n    selectAllMakes() {\r\n      this.$nextTick(() => {\r\n        if (this.selectAllMake) {\r\n          this.make = [];\r\n        } else {\r\n          this.make = this.getMakes.map((item) => item.TagValueId);\r\n        }\r\n      });\r\n    },\r\n    selectAllModels() {\r\n      this.$nextTick(() => {\r\n        if (this.selectAllModel) {\r\n          this.model = [];\r\n        } else {\r\n          this.model = this.getModels\r\n            .filter((item) => !item.divider)\r\n            .map((item) => item.value);\r\n        }\r\n      });\r\n    },\r\n    searchSubmit(link) {\r\n      try {\r\n        if (this.searchCountryInput) {\r\n          localStorage.setItem(\"destCountry\", JSON.stringify(this.searchCountryInput));\r\n          this.$store.dispatch('setPageAttr',{\r\n            LastUrl: null\r\n          });\r\n          localStorage.removeItem(searchLastPosition)\r\n            this.$router.push({\r\n              path: `/${link}`,\r\n              params: {country: this.searchCountryInput.Code, currency: this.currency},\r\n              query: {\r\n                Make: this.getUserFilterValToLabel(\"Make\", this.make),\r\n                Model: this.getUserFilterValToLabel(\"Model\", this.model),\r\n              },\r\n            });\r\n        } else {\r\n          this.$store.dispatch(\"showToast\", {\r\n            content: this.$t(\"Validations.Search.NoCountryAndCurrency\"),\r\n            type: \"error\",\r\n          });\r\n          this.$refs.countrySelector.focus();\r\n          this.$refs.countrySelector.activateMenu();\r\n        }\r\n      }catch (error){\r\n        console.log(error);\r\n      }\r\n    },\r\n    setCurrencyInput(currency) {\r\n      this.$store.commit(\"currency\", currency);\r\n      localStorage.setItem(\"currency\", currency);\r\n    },\r\n    //@deprecated\r\n    async getFilterResult() {\r\n      //disabled because we don't need it\r\n      console.log('This function is deprecated.')\r\n      try {\r\n        this.searchResultLoading = true;\r\n        const Tags = [];\r\n        if (this.make.length > 0) {\r\n          Tags.push({\r\n            Values: [...this.make.map((item) => item.toString())],\r\n            TagId: 2,\r\n          });\r\n        }\r\n        if (this.model.length > 0) {\r\n          Tags.push({\r\n            Values: [...this.model.map((item) => item.toString())],\r\n            TagId: 3,\r\n          });\r\n        }\r\n        this.searchResult = await this.$store.dispatch(\"getListingsLite\", {\r\n          DeliveryCountryCode: this.searchCountryInput.Code,\r\n          Tags: Tags ? Tags : null,\r\n        });\r\n      } catch (error) {\r\n        console.log(error);\r\n      } finally {\r\n        this.searchResultLoading = false;\r\n      }\r\n    },\r\n    async getFilter() {\r\n      try {\r\n        this.filterLoading = true;\r\n        await this.$store.dispatch(\"getListingsFiltered\", {\r\n          country: this.searchCountryInput.Code,\r\n        });\r\n      } catch (error) {\r\n        console.log(error);\r\n      } finally {\r\n        this.filterLoading = false;\r\n      }\r\n    },\r\n    countryItem(e) {\r\n      this.countryCode = e.Code;\r\n    },\r\n  },\r\n  mounted() {\r\n    if (this.user) this.firstVisit = false\r\n    else this.firstVisit = true\r\n  },\r\n  beforeMount() {\r\n    try {\r\n      const destinationCountry = this.$store.state.search.destinationCountry;\r\n      if (destinationCountry) {\r\n        this.searchCountryInput = destinationCountry;\r\n      }\r\n      this.searchCountryInput = this.searchCountry;\r\n    }catch (error){\r\n      console.log(error);\r\n    }\r\n    //this.$store.dispatch(\"destinationCountry\", null);\r\n  },\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.form-wrapper {\r\n  width: 460px;\r\n  /* height: 500px; */\r\n  background: white;\r\n  border-radius: 10px;\r\n  border: none;\r\n  padding: 24px;\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n  .form-wrapper {\r\n    width: 390px;\r\n    height: 460px;\r\n    padding: 16px;\r\n    height: auto;\r\n    margin: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  .form-wrapper {\r\n    width: 100%;\r\n    margin-bottom: 40px;\r\n  }\r\n}\r\n\r\n.form-header {\r\n  font-weight: 700;\r\n  font-size: 24px;\r\n  color: $light-blue;\r\n  margin-bottom: 24px !important;\r\n  text-transform: capitalize;\r\n}\r\n.card-header {\r\n  padding: 0;\r\n  background: none;\r\n  border: none;\r\n}\r\n.card-body {\r\n  background: white;\r\n  padding: 0;\r\n}\r\n.flag {\r\n  border-radius: 100% !important;\r\n  width: 40px !important;\r\n  min-width: 40px !important;\r\n  height: 40px !important;\r\n}\r\n</style>\r\n\r\n<style scoped lang=\"scss\">\r\n.f-cm {\r\n  background-position: -6px -1968px !important;\r\n}\r\n.f-sn {\r\n  background-position: -6px -8693px !important;\r\n}\r\n.f-ci {\r\n  background-position: -6px -1845px !important;\r\n}\r\n\r\n.choose-notif {\r\n  background-color:#1c1c1c; \r\n  z-index:1;\r\n  bottom: -9em;\r\n  @media screen and(min-width:1200px) {\r\n    right:22em;\r\n    bottom:-2.6em; \r\n    width: 300px;\r\n  }\r\n&:after {\r\n  border-bottom: 10px solid #1c1c1c;\r\n  border-left: 10px solid transparent;\r\n  border-right: 10px solid transparent;\r\n  top: -.55em;\r\n  left:47%;\r\n  @media screen and(min-width:1200px) {\r\n    border-right:unset;\r\n    border-top: 10px solid transparent;\r\n    border-bottom: 10px solid transparent;\r\n    border-left: 10px solid #1c1c1c;\r\n    top: 4em;\r\n    left: 18.7em;\r\n  }\r\n  position: absolute;\r\n  content:'';\r\n  width: 0;\r\n  height: 0;\r\n}\r\n}\r\n\r\n.choose-notif-fr {\r\n  bottom: -10em;\r\n  @media screen and(min-width:1200px) {\r\n    right:23.5em;\r\n    bottom:-4.5em; \r\n  }\r\n&:after {\r\n  @media screen and(min-width:1200px) {\r\n    top: 5em;\r\n  }\r\n}\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheSearchCard2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheSearchCard2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheSearchCard2.vue?vue&type=template&id=a8e88a34&scoped=true&\"\nimport script from \"./TheSearchCard2.vue?vue&type=script&lang=js&\"\nexport * from \"./TheSearchCard2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheSearchCard2.vue?vue&type=style&index=0&id=a8e88a34&prod&scoped=true&lang=scss&\"\nimport style1 from \"./TheSearchCard2.vue?vue&type=style&index=1&id=a8e88a34&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a8e88a34\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"dynamic-content container-fluid px-0\">\r\n    <b-jumbotron\r\n      class=\"text-center text-white headBanner headerBG side_distance header3\"\r\n    >\r\n      <b-container class=\"row align-items-end mx-auto column-xxl\">\r\n        <b-col\r\n          cols=\"12\"\r\n          xl=\"7\"\r\n          class=\"verticalSpacing mx-auto ml-lg-0 text-lg-left p-0\"\r\n        >\r\n          <div class=\"header-banner-circle-images\">\r\n            <div class=\"img-lg\">\r\n              <img src=\"@/assets/img/header-banner-lg-circle.png\" alt=\"\" />\r\n            </div>\r\n            <div class=\"img-sm\">\r\n              <img src=\"@/assets/img/header-banner-sm-circle.png\" alt=\"\" />\r\n            </div>\r\n          </div>\r\n          <div class=\"text-white my-5 headerBannerTitle\">\r\n            <h1 v-html=\"$t('Buy.Header.FindCarsInternationally')\"></h1>\r\n            <div class=\"header-banner-arrow\">\r\n              <img src=\"@/assets/img/header-banner-arrow.svg\" alt=\"\" />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"headerText\">\r\n            {{ $t(\"Buy.Header.BuyOrSaleInYourCountry\") }}\r\n          </div>\r\n          <div id=\"header-getstarted-container\">\r\n            <router-link :to=\"{\r\n            name: 'HelpInformation',\r\n            params: {\r\n              subsection: $t('Footer.Footer.Buyers').toLowerCase(),\r\n              type: $t('HelpCenter.Buyer.BuyWithUs')\r\n                .replaceAll(' ', '-')\r\n                .toLowerCase()\r\n            }}\">\r\n              <b-button variant=\"primary\" class=\"btn btn-header-getstarted px-10\">\r\n                  {{ $t(\"Header.MainHeader.LearnMore\") }}\r\n              </b-button>\r\n            </router-link>\r\n          </div>\r\n        </b-col>\r\n        <TheSearchCard2 :text=\"text\" class=\"search-card\" />\r\n      </b-container>\r\n    </b-jumbotron>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport TheSearchCard2 from \"@/components/global/TheSearchCard2.vue\";\r\n\r\nexport default {\r\n  name: \"Home\",\r\n  components: {\r\n    TheSearchCard2,\r\n  },\r\n  props: {\r\n    text: {\r\n      type: Array,\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.headerBannerTitle {\r\n  position: relative;\r\n  h1 {\r\n    font-weight: 600;\r\n    font-size: 48px;\r\n    line-height: 68px;\r\n    text-transform: capitalize;\r\n    color: #1c1c1c;\r\n    span {\r\n      color: $light-blue;\r\n    }\r\n    @media (max-width: 1199px) {\r\n      font-size: 40px;\r\n      line-height: 56px;\r\n      text-align: center;\r\n    }\r\n\r\n    @media (max-width: 575px) {\r\n      font-size: 28px;\r\n      line-height: 40px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style scoped lang=\"scss\">\r\n.search-card {\r\n  margin-bottom: 85px;\r\n}\r\n.headerBG {\r\n  background-size: cover !important;\r\n  background-repeat: no-repeat !important;\r\n  background-position: center !important;\r\n  position: relative;\r\n  z-index: 2;\r\n  min-height: 660px;\r\n  @media (max-width: 575px) {\r\n    min-height: 735px;\r\n  }\r\n}\r\n\r\n.headerBG:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  right: 0;\r\n  /* background: rgba(0, 81, 165, 0.35); */\r\n  transform: matrix(-1, 0, 0, 1, 0, 0);\r\n  z-index: -1;\r\n}\r\n.side_distance {\r\n  padding-top: 250px;\r\n  padding-bottom: 0;\r\n  border-radius: 0;\r\n  margin-bottom: 0;\r\n  @media (max-width: 1200px) {\r\n    padding-top: 210px !important;\r\n    padding-bottom: 60px;\r\n  }\r\n  @media (min-width: 1200px) {\r\n    &.row{\r\n      flex-wrap: nowrap;\r\n    }\r\n  }\r\n  @media (max-width: 575px) {\r\n    padding-bottom: 0 !important;\r\n  }\r\n}\r\n.verticalSpacing {\r\n  margin-bottom: 85px;\r\n  max-width: 728px;\r\n}\r\n.headerText {\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  font-size: 18px;\r\n  line-height: 30px;\r\n  max-width: 525px;\r\n  color: #232323;\r\n}\r\n\r\n@media (max-width: 1199px) {\r\n  .headerBG {\r\n    background-size: cover !important;\r\n  }\r\n  .verticalSpacing {\r\n    max-width: 100%;\r\n    margin-bottom: 24px;\r\n  }\r\n  .verticalSpacing h1 {\r\n    font-size: 40px;\r\n    line-height: 56px;\r\n    text-align: center;\r\n  }\r\n  .headerText {\r\n    font-size: 18px;\r\n    line-height: 27px;\r\n    max-width: 357px;\r\n    margin: auto;\r\n    text-align: center;\r\n  }\r\n  .column-xxl {\r\n    flex-direction: column;\r\n  }\r\n  .search-card {\r\n    margin-bottom: 0;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .headerBG {\r\n    background-size: auto 100%;\r\n  }\r\n  .side_distance h1,\r\n  .headerText {\r\n    text-align: center;\r\n    margin: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .side_distance h1 {\r\n    font-size: 40px;\r\n  }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  .headerBG {\r\n    background-size: 470px !important;\r\n    background-position: right bottom !important;\r\n  }\r\n  .side_distance {\r\n    padding: 0;\r\n    padding-top: 0;\r\n  }\r\n  .side_distance h1 {\r\n    font-size: 28px;\r\n    line-height: 40px;\r\n    margin-top: 30px;\r\n  }\r\n  .verticalSpacing {\r\n    margin-bottom: 24px;\r\n  }\r\n  .headerText {\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n    font-family: \"Inter\", sans-serif !important;\r\n    font-weight: 500;\r\n  }\r\n}\r\n\r\n#header-getstarted-container {\r\n  max-width: fit-content;\r\n}\r\n.btn-header-getstarted {\r\n  width: 100%;\r\n  height: 56px;\r\n  border-radius: 40px;\r\n  font-weight: 600;\r\n  font-size: 20px;\r\n  margin-top: 32px;\r\n  @media (max-width: 1200px) {\r\n    display: none !important;\r\n  }\r\n}\r\n.header-banner-arrow {\r\n  position: absolute;\r\n  right: 10px;\r\n  top: -130px;\r\n  @media (max-width: 1200px) {\r\n    display: none;\r\n  }\r\n}\r\n.header-banner-circle-images {\r\n  display: flex;\r\n  column-gap: 10px;\r\n  justify-content: flex-end;\r\n  margin-right: 130px;\r\n  margin-top: -25px;\r\n  position: relative;\r\n  top: -10px;\r\n  z-index: -1;\r\n  @media (max-width: 1200px) {\r\n    position: absolute;\r\n    left: -2%;\r\n    flex-direction: column;\r\n    top: 55%;\r\n  }\r\n  @media (max-width: 767px) {\r\n    left: -5%;\r\n    top: 90%;\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n  @media (max-width: 575px) {\r\n    position: static;\r\n    margin-top: 0;\r\n    flex-direction: row;\r\n    width: 100%;\r\n    justify-content: center;\r\n    height: 100%;\r\n  }\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  .img-sm {\r\n    position: relative;\r\n    top: -10px;\r\n    background: $yellow;\r\n    border-radius: 100%;\r\n    padding-top: 4px;\r\n    height: 132px;\r\n    @media (max-width: 1200px) {\r\n      width: 106px;\r\n      height: 106px;\r\n      padding-top: 3px;\r\n      top: 15px;\r\n      left: 60px;\r\n    }\r\n    @media (max-width: 767px) {\r\n      width: 106px;\r\n      height: 106px;\r\n    }\r\n    @media (max-width: 575px) {\r\n      top: -12px;\r\n      left: 0;\r\n    }\r\n  }\r\n  .img-lg {\r\n    background: $yellow;\r\n    border-radius: 100%;\r\n    padding-bottom: 6px;\r\n    @media (max-width: 1200px) {\r\n      width: 142px;\r\n      height: 142px;\r\n      padding-bottom: 4px;\r\n    }\r\n    @media (max-width: 575px) {\r\n      top: -12px;\r\n      left: 0;\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n.side_distance {\r\n  @media (min-width: 1200px) {\r\n    .row{\r\n      flex-wrap: nowrap !important;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHomepageHeader3.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHomepageHeader3.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheHomepageHeader3.vue?vue&type=template&id=59d8827d&scoped=true&\"\nimport script from \"./TheHomepageHeader3.vue?vue&type=script&lang=js&\"\nexport * from \"./TheHomepageHeader3.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheHomepageHeader3.vue?vue&type=style&index=0&id=59d8827d&prod&lang=scss&\"\nimport style1 from \"./TheHomepageHeader3.vue?vue&type=style&index=1&id=59d8827d&prod&scoped=true&lang=scss&\"\nimport style2 from \"./TheHomepageHeader3.vue?vue&type=style&index=2&id=59d8827d&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"59d8827d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}