{"version":3,"sources":["webpack:///./src/components/global/TheCarCard.vue?dff4","webpack:///./src/assets/img/sash_tr_blk.png","webpack:///../../../src/components/VSkeletonLoader/VSkeletonLoader.ts","webpack:///./node_modules/vue-material-design-icons/Heart.vue","webpack:///node_modules/vue-material-design-icons/Heart.vue","webpack:///./node_modules/vue-material-design-icons/Heart.vue?f827","webpack:///./node_modules/vue-material-design-icons/Heart.vue?712b","webpack:///./src/components/global/TheCarCard.vue","webpack:///src/components/global/TheCarCard.vue","webpack:///./src/components/global/TheCarCard.vue?27cb","webpack:///./src/components/global/TheCarCard.vue?51be","webpack:///./node_modules/vue-material-design-icons/HeartOutline.vue","webpack:///node_modules/vue-material-design-icons/HeartOutline.vue","webpack:///./node_modules/vue-material-design-icons/HeartOutline.vue?73a4","webpack:///./node_modules/vue-material-design-icons/HeartOutline.vue?64b6","webpack:///./src/components/dashboard/buyer/TheMyPurchased.vue","webpack:///src/components/dashboard/buyer/TheMyPurchased.vue","webpack:///./src/components/dashboard/buyer/TheMyPurchased.vue?1cbc","webpack:///./src/components/dashboard/buyer/TheMyPurchased.vue?db42","webpack:///./src/components/dashboard/buyer/TheMyPurchased.vue?10e3","webpack:///./src/assets/img/nophoto.jpg"],"names":["module","exports","mixins","Elevatable","Measurable","Themeable","extend","name","props","boilerplate","Boolean","loading","tile","transition","String","type","types","Object","default","computed","attrs","this","isLoading","role","$attrs","classes","themeClasses","elevationClasses","$scopedSlots","rootTypes","actions","article","avatar","button","card","chip","heading","image","paragraph","sentences","table","text","methods","genBone","children","$createElement","staticClass","genBones","bone","length","split","generator","genStructure","Array","from","map","indexOf","mapBones","push","genSkeleton","getSlot","on","afterEnter","resetStyles","beforeEnter","onBeforeEnter","beforeLeave","onBeforeLeave","leaveCancelled","bones","replace","el","_initialStyle","display","style","setProperty","render","h","$listeners","class","measurableStyles","undefined","_vm","_c","_self","_b","title","$event","$emit","fillColor","size","_v","_s","_e","staticRenderFns","emits","component","scopedSlots","_u","status","wishlist","reservation","key","fn","carDetail","Status","iconId","proxy","notClickable","$t","ListingId","imageLink","$store","getters","hostURL","Image","staticStyle","require","IsReserved","fav","setWishList","Year","Make","Model","Trim","Kilometers","Transmission","Country","priceData","DeliveryCountry","state","search","destinationCountry","Name","RSVPTotalFeeId","includeFees","directives","rawName","value","buttonType","expression","params","id","CanConfirm","IsConfirmed","required","price","components","HeartIcon","HeartOutlineIcon","data","confirmed","canReserve","reserved","sash","currency","console","imageError","formatPrice","currencyFormatter","minimumFractionDigits","formatDistance","x","error","reservationList","index","stopPropagation","reservedDate","_l","TheCarCard","sortBy","filterByDate","filterByStatus","qDateFilter","statusFilter","sortOrder","totalVehicles","cardsData","sort","l","JSON","filterList","ReservationStatus","SelectedDateRange","then","catch","finally","updated","beforeMount"],"mappings":"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","file":"assets/js/chunk-6d15b13c.de164125.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!./TheCarCard.vue?vue&type=style&index=0&id=8b85db16&prod&scoped=true&lang=scss&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE7mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuN2E3YTIzNiwgMjAyMS8wOC8xMi0wMDoyNToyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0xMC0xNFQxMzo0MjowNy0wNDowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0xMC0xNFQxMzo0MjowNy0wNDowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMTAtMTRUMTM6NDI6MDctMDQ6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmEzMDVjMjQxLWUyYTYtYTI0Mi1hYzNhLTBmNjU4ZjUxNjAzMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDphMzA1YzI0MS1lMmE2LWEyNDItYWMzYS0wZjY1OGY1MTYwMzEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMzA1YzI0MS1lMmE2LWEyNDItYWMzYS0wZjY1OGY1MTYwMzEiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmEzMDVjMjQxLWUyYTYtYTI0Mi1hYzNhLTBmNjU4ZjUxNjAzMSIgc3RFdnQ6d2hlbj0iMjAyMS0xMC0xNFQxMzo0MjowNy0wNDowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq/7VE4AAAGsSURBVHic7dHJcR0xAAPRDqmd/0nxyDnYF1dJtrX8ZWYIknhVSAAN8AL82mCvgEzgB/CT8Yc1yjuNEqhRAjVKoEYJ1CiBGiVQowRqlECNEqhRAjVKoEYJ1CiBGiVQowRqlECNEqhRAjVKoEYJ1CiBGiWQNEocaZQ40ihxpFHiSKPEkUaJI40SRxoljjRKHGmUONIocaRR4kijxJFGiSONEkcaJY40ShzZK8oUZJ8o05A9okxF1o8yHVk7ypRk3SjTkjWjTE3WizI9WSvKEmSdKMuQNaIsReaPshyZO8qSZN4oy5I5oyxN5ouyPJkryhZknijbkDmibEXyo2xHsqNsSXKjbEsyo2xN8qJsT7KiFFlR6g/JiFLvyPgo9Q8ZG6U+IOOi1CdkTJT6glwfpb4h10apG8h1UepGck2UuoOcH6XuJOdGqQfIeVHqQXJOlHqCHB+lniTHRqkDyHFR6iByTJQ6kDwfpQ4mz0WpE8jjUeok8liUOpHcH6VOJvdFqQvI7VHqInJblLqQfB+lLiZfR6kB5PMoNYh8HKUGkv+j1GDyd5QKIG9RKoTAy291yFzhbc0jKgAAAABJRU5ErkJggg==\"","// Styles\nimport './VSkeletonLoader.sass'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Measurable from '../../mixins/measurable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\nimport { PropValidator } from 'vue/types/options'\n\nexport interface HTMLSkeletonLoaderElement extends HTMLElement {\n  _initialStyle?: {\n    display: string | null\n    transition: string\n  }\n}\n\n/* @vue/component */\nexport default mixins(\n  Elevatable,\n  Measurable,\n  Themeable,\n).extend({\n  name: 'VSkeletonLoader',\n\n  props: {\n    boilerplate: Boolean,\n    loading: Boolean,\n    tile: Boolean,\n    transition: String,\n    type: String,\n    types: {\n      type: Object,\n      default: () => ({}),\n    } as PropValidator<Record<string, string>>,\n  },\n\n  computed: {\n    attrs (): object {\n      if (!this.isLoading) return this.$attrs\n\n      return !this.boilerplate ? {\n        'aria-busy': true,\n        'aria-live': 'polite',\n        role: 'alert',\n        ...this.$attrs,\n      } : {}\n    },\n    classes (): object {\n      return {\n        'v-skeleton-loader--boilerplate': this.boilerplate,\n        'v-skeleton-loader--is-loading': this.isLoading,\n        'v-skeleton-loader--tile': this.tile,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }\n    },\n    isLoading (): boolean {\n      return !('default' in this.$scopedSlots) || this.loading\n    },\n    rootTypes (): Record<string, string> {\n      return {\n        actions: 'button@2',\n        article: 'heading, paragraph',\n        avatar: 'avatar',\n        button: 'button',\n        card: 'image, card-heading',\n        'card-avatar': 'image, list-item-avatar',\n        'card-heading': 'heading',\n        chip: 'chip',\n        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',\n        'date-picker-options': 'text, avatar@2',\n        'date-picker-days': 'avatar@28',\n        heading: 'heading',\n        image: 'image',\n        'list-item': 'text',\n        'list-item-avatar': 'avatar, text',\n        'list-item-two-line': 'sentences',\n        'list-item-avatar-two-line': 'avatar, sentences',\n        'list-item-three-line': 'paragraph',\n        'list-item-avatar-three-line': 'avatar, paragraph',\n        paragraph: 'text@3',\n        sentences: 'text@2',\n        table: 'table-heading, table-thead, table-tbody, table-tfoot',\n        'table-heading': 'heading, text',\n        'table-thead': 'heading@6',\n        'table-tbody': 'table-row-divider@6',\n        'table-row-divider': 'table-row, divider',\n        'table-row': 'table-cell@6',\n        'table-cell': 'text',\n        'table-tfoot': 'text@2, avatar@2',\n        text: 'text',\n        ...this.types,\n      }\n    },\n  },\n\n  methods: {\n    genBone (text: string, children: VNode[]) {\n      return this.$createElement('div', {\n        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`,\n      }, children)\n    },\n    genBones (bone: string): VNode[] {\n      // e.g. 'text@3'\n      const [type, length] = bone.split('@') as [string, number]\n      const generator = () => this.genStructure(type)\n\n      // Generate a length array based upon\n      // value after @ in the bone string\n      return Array.from({ length }).map(generator)\n    },\n    // Fix type when this is merged\n    // https://github.com/microsoft/TypeScript/pull/33050\n    genStructure (type?: string): any {\n      let children = []\n      type = type || this.type || ''\n      const bone = this.rootTypes[type] || ''\n\n      // End of recursion, do nothing\n      /* eslint-disable-next-line no-empty, brace-style */\n      if (type === bone) {}\n      // Array of values - e.g. 'heading, paragraph, text@2'\n      else if (type.indexOf(',') > -1) return this.mapBones(type)\n      // Array of values - e.g. 'paragraph@4'\n      else if (type.indexOf('@') > -1) return this.genBones(type)\n      // Array of values - e.g. 'card@2'\n      else if (bone.indexOf(',') > -1) children = this.mapBones(bone)\n      // Array of values - e.g. 'list-item@2'\n      else if (bone.indexOf('@') > -1) children = this.genBones(bone)\n      // Single value - e.g. 'card-heading'\n      else if (bone) children.push(this.genStructure(bone))\n\n      return [this.genBone(type, children)]\n    },\n    genSkeleton () {\n      const children = []\n\n      if (!this.isLoading) children.push(getSlot(this))\n      else children.push(this.genStructure())\n\n      /* istanbul ignore else */\n      if (!this.transition) return children\n\n      /* istanbul ignore next */\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n        // Only show transition when\n        // content has been loaded\n        on: {\n          afterEnter: this.resetStyles,\n          beforeEnter: this.onBeforeEnter,\n          beforeLeave: this.onBeforeLeave,\n          leaveCancelled: this.resetStyles,\n        },\n      }, children)\n    },\n    mapBones (bones: string) {\n      // Remove spaces and return array of structures\n      return bones.replace(/\\s/g, '').split(',').map(this.genStructure)\n    },\n    onBeforeEnter (el: HTMLSkeletonLoaderElement) {\n      this.resetStyles(el)\n\n      if (!this.isLoading) return\n\n      el._initialStyle = {\n        display: el.style.display,\n        transition: el.style.transition,\n      }\n\n      el.style.setProperty('transition', 'none', 'important')\n    },\n    onBeforeLeave (el: HTMLSkeletonLoaderElement) {\n      el.style.setProperty('display', 'none', 'important')\n    },\n    resetStyles (el: HTMLSkeletonLoaderElement) {\n      if (!el._initialStyle) return\n\n      el.style.display = el._initialStyle.display || ''\n      el.style.transition = el._initialStyle.transition\n\n      delete el._initialStyle\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-skeleton-loader',\n      attrs: this.attrs,\n      on: this.$listeners,\n      class: this.classes,\n      style: this.isLoading ? this.measurableStyles : undefined,\n    }, [this.genSkeleton()])\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',_vm._b({staticClass:\"material-design-icon heart-icon\",attrs:{\"aria-hidden\":!_vm.title,\"aria-label\":_vm.title,\"role\":\"img\"},on:{\"click\":function($event){return _vm.$emit('click', $event)}}},'span',_vm.$attrs,false),[_c('svg',{staticClass:\"material-design-icon__svg\",attrs:{\"fill\":_vm.fillColor,\"width\":_vm.size,\"height\":_vm.size,\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z\"}},[(_vm.title)?_c('title',[_vm._v(_vm._s(_vm.title))]):_vm._e()])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"!title\"\n        :aria-label=\"title\"\n        class=\"material-design-icon heart-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"HeartIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","import mod from \"-!../@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Heart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Heart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Heart.vue?vue&type=template&id=6b0d268a&\"\nimport script from \"./Heart.vue?vue&type=script&lang=js&\"\nexport * from \"./Heart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../@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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',{staticClass:\"h-100\",attrs:{\"footer-tag\":\"footer\",\"footer-bg-variant\":\"white\"},scopedSlots:_vm._u([(_vm.status && !_vm.wishlist && !_vm.reservation)?{key:\"footer\",fn:function(){return [_vm._v(\" Status: \"),_c('span',{staticClass:\"text-primary\"},[_vm._v(\" \"+_vm._s(_vm.carDetail.Status)+\" \"),_c('b-icon',{attrs:{\"id\":_vm.iconId + 'stat',\"icon\":\"info-circle\"}}),_c('b-tooltip',{attrs:{\"target\":_vm.iconId + 'stat',\"triggers\":\"hover\",\"placement\":\"top\",\"variant\":\"dark\"}},[_c('p',{staticClass:\"h6\"},[_vm._v(\" \"+_vm._s(_vm.carDetail.Status)+\" \")]),_c('p',{staticClass:\"small\"})])],1)]},proxy:true}:null],null,true)},[_c('router-link',{style:(_vm.notClickable ? 'pointer-events: none' : ''),attrs:{\"to\":`/${_vm.$t('navBar.link.Overview')}/${_vm.carDetail.ListingId}`}},[(_vm.imageLink)?_c('div',{staticClass:\"box\",style:({\n        'background-image': 'url(' + _vm.$store.getters.hostURL + _vm.carDetail.Image + ')',\n      })}):_c('div',{staticClass:\"d-flex align-items-top justify-content-center rounded-top border-bottom\",staticStyle:{\"height\":\"194px\"}},[_c('b-img',{staticClass:\"carImg\",attrs:{\"src\":require('@/assets/img/nophoto.jpg'),\"alt\":\"\",\"blank-color\":\"black\",\"rounded\":\"top\",\"fluid-grow\":\"\"}})],1)]),(!_vm.imageLink)?_c('span',{staticClass:\"h5 comingSoon text-muted\"},[_vm._v(_vm._s(_vm.$t(\"global.label.comingsoon\")))]):_vm._e(),(_vm.carDetail.IsReserved)?_c('div',{staticClass:\"statusBox bg-white border border-primary rounded text-center\"},[_c('span',{staticClass:\"text-primary\",staticStyle:{\"font-size\":\"12px\",\"font-weight\":\"bold\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Overview.Reserved'))+\" \")])]):_vm._e(),(_vm.wishlist)?_c('div',{staticClass:\"rounded-circle bg-white border heartCircle\"},[(_vm.fav)?_c('HeartIcon',{attrs:{\"fill-color\":\"#DB4437\"},on:{\"click\":function($event){return _vm.setWishList()}}}):_vm._e(),(!_vm.fav)?_c('HeartOutlineIcon',{on:{\"click\":function($event){return _vm.setWishList()}}}):_vm._e()],1):_vm._e(),_c('div',{staticClass:\"pt-3\"},[_c('div',{staticClass:\"px-3\"},[_c('router-link',{style:(_vm.notClickable ? 'pointer-events: none' : ''),attrs:{\"to\":`/${_vm.$t('navBar.link.Overview')}/${_vm.carDetail.ListingId}`}},[_c('p',{staticClass:\"cardTitle m-0\"},[_vm._v(\" \"+_vm._s(_vm.carDetail.Year)+\" \"+_vm._s(_vm.carDetail.Make)+\" \"+_vm._s(_vm.carDetail.Model)+\" \")])])],1),_c('div',{staticClass:\"px-3\"},[_c('p',{staticClass:\"small m-0\",staticStyle:{\"display\":\"inline-block\"}},[(_vm.carDetail.Trim)?_c('b',[_vm._v(\" \"+_vm._s(_vm.carDetail.Trim)+\" \")]):_c('span',[_vm._v(\" [trim] \")])])]),_c('div',{staticClass:\"mb-2 px-3 pt-2 detailText text-muted\",staticStyle:{\"height\":\"30px\"}},[_c('div',[(_vm.carDetail.Kilometers)?_c('span',[_vm._v(_vm._s(_vm.carDetail.Kilometers))]):_c('span',[_vm._v(\" [Mileage] \")]),(_vm.carDetail.Transmission)?_c('span',[_c('span',{staticClass:\"divider\"},[_vm._v(\"|\")]),_vm._v(\" \"+_vm._s(_vm.carDetail.Transmission))]):_c('span',[_vm._v(\" [Transmission] \")]),(_vm.carDetail.Country)?_c('span',[_c('span',{staticClass:\"divider\"},[_vm._v(\"|\")]),_vm._v(\" \"+_vm._s(_vm.carDetail.Country))]):_c('span',[_vm._v(\" [Country] \")])])]),_c('div',{staticClass:\"mx-3 pb-3\"},[_c('span',{staticClass:\"text-primary pb-0\",staticStyle:{\"font-size\":\"18px\",\"font-weight\":\"bold\",\"white-space\":\"nowrap\"}},[_vm._v(\" \"+_vm._s(_vm.priceData)+\" \")])]),_c('p',{staticClass:\"mx-3 px-2 mt-0 py-2 labelText position-relative\",staticStyle:{\"z-index\":\"2\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"carcard.label.delivery\"))+\" > \"+_vm._s(_vm.carDetail.DeliveryCountry || _vm.$store.state.search.destinationCountry.Name)),_c('br'),_vm._v(\" \"+_vm._s(_vm.RSVPTotalFeeId === 44 ? _vm.$t(\"carcard.help.including\") : _vm.RSVPTotalFeeId === 33 ? _vm.$t(\"carcard.help.delivery\") : _vm.includeFees ? _vm.$t(\"carcard.help.including\") : _vm.$t(\"carcard.help.delivery\"))+\" \")]),(!_vm.wishlist && !_vm.reservation)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.buttonType),expression:\"buttonType\"}],staticClass:\"py-2 text-right\"},[(_vm.buttonType == 'reserve' && _vm.carDetail.IsReserved)?_c('b-button',{staticClass:\"cardButtonLabel\",style:(_vm.notClickable ? 'pointer-events: none' : ''),attrs:{\"pill\":\"\",\"variant\":\"secondary\",\"disabled\":\"\",\"to\":{\n            name: 'Reservation',\n            params: { id: _vm.carDetail.ListingId },\n          }}},[_vm._v(_vm._s(_vm.$t(\"carcard.button.reserveNow\")))]):_vm._e(),(\n            _vm.buttonType == 'confirm' && _vm.carDetail.CanConfirm && !_vm.carDetail.IsConfirmed\n          )?_c('b-button',{staticClass:\"cardButtonLabel\",attrs:{\"pill\":\"\",\"variant\":\"warning\"}},[_vm._v(_vm._s(_vm.$t(\"carcard.button.confirmNow\")))]):_vm._e(),(\n            _vm.buttonType == 'confirm' && !_vm.carDetail.CanConfirm && !_vm.carDetail.IsConfirmed\n          )?_c('b-button',{staticClass:\"cardButtonLabel\",attrs:{\"pill\":\"\",\"variant\":\"secondary\",\"disabled\":\"\"}},[_vm._v(_vm._s(_vm.$t(\"carcard.button.confirmNow\")))]):_vm._e(),(_vm.buttonType == 'confirm' && _vm.carDetail.IsConfirmed)?_c('b-button',{staticClass:\"cardButtonLabel\",attrs:{\"pill\":\"\",\"disabled\":\"\",\"variant\":\"danger\"}},[_vm._v(_vm._s(_vm.$t(\"carcard.button.sold\")))]):_vm._e()],1):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card class=\"h-100\" footer-tag=\"footer\" footer-bg-variant=\"white\">\r\n    <router-link :style=\"notClickable ? 'pointer-events: none' : ''\" :to=\"`/${$t('navBar.link.Overview')}/${carDetail.ListingId}`\">\r\n      <!-- <div\r\n        style=\"height:194px;\"\r\n        class=\"d-flex align-items-top justify-content-center rounded-top border-bottom\"\r\n        v-if=\"imageLink\"\r\n      >\r\n        <b-img\r\n          :src=\"imageLink\"\r\n          alt=\"\"\r\n          @error=\"imageError\"\r\n          blank-color=\"black\"\r\n          class=\"carImg\"\r\n          rounded=\"top\"\r\n          fluid-grow\r\n        />\r\n      </div> -->\r\n      <div\r\n        v-if=\"imageLink\"\r\n        class=\"box\"\r\n        :style=\"{\r\n          'background-image': 'url(' + $store.getters.hostURL + carDetail.Image + ')',\r\n        }\"\r\n      />\r\n      <div\r\n        style=\"height: 194px\"\r\n        class=\"d-flex align-items-top justify-content-center rounded-top border-bottom\"\r\n        v-else\r\n      >\r\n        <b-img\r\n          :src=\"require('@/assets/img/nophoto.jpg')\"\r\n          alt=\"\"\r\n          blank-color=\"black\"\r\n          class=\"carImg\"\r\n          rounded=\"top\"\r\n          fluid-grow\r\n        />\r\n      </div>\r\n    </router-link>\r\n    <span class=\"h5 comingSoon text-muted\" v-if=\"!imageLink\">{{\r\n      $t(\"global.label.comingsoon\")\r\n    }}</span>\r\n    <div\r\n      class=\"statusBox bg-white border border-primary rounded text-center\"\r\n      v-if=\"carDetail.IsReserved\"\r\n    >\r\n      <span class=\"text-primary\" style=\"font-size: 12px; font-weight: bold\">\r\n         {{ $t('Overview.Reserved') }}\r\n      </span>\r\n    </div>\r\n    <div class=\"rounded-circle bg-white border heartCircle\" v-if=\"wishlist\">\r\n      <HeartIcon v-if=\"fav\" @click=\"setWishList()\" fill-color=\"#DB4437\" />\r\n      <HeartOutlineIcon v-if=\"!fav\" @click=\"setWishList()\" />\r\n    </div>\r\n    <div class=\"pt-3\">\r\n      <div class=\"px-3\">\r\n        <router-link\r\n          :style=\"notClickable ? 'pointer-events: none' : ''\"\r\n          :to=\"`/${$t('navBar.link.Overview')}/${carDetail.ListingId}`\"\r\n        >\r\n          <p class=\"cardTitle m-0\">\r\n            {{ carDetail.Year }} {{ carDetail.Make }}\r\n            {{ carDetail.Model }}\r\n          </p>\r\n        </router-link>\r\n      </div>\r\n      <div class=\"px-3\">\r\n        <p class=\"small m-0\" style=\"display: inline-block\">\r\n          <b v-if=\"carDetail.Trim\"> {{ carDetail.Trim }} </b>\r\n          <span v-else> [trim] </span>\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"mb-2 px-3 pt-2 detailText text-muted\" style=\"height: 30px\">\r\n        <div>\r\n          <span v-if=\"carDetail.Kilometers\">{{ carDetail.Kilometers }}</span>\r\n          <span v-else> [Mileage] </span>\r\n          <span v-if=\"carDetail.Transmission\">\r\n            <span class=\"divider\">|</span> {{ carDetail.Transmission }}</span\r\n          >\r\n          <span v-else> [Transmission] </span>\r\n          <span v-if=\"carDetail.Country\">\r\n            <span class=\"divider\">|</span> {{ carDetail.Country }}</span\r\n          >\r\n          <span v-else> [Country] </span>\r\n        </div>\r\n      </div>\r\n\r\n        <div class=\"mx-3 pb-3\">\r\n          <span\r\n            style=\"font-size: 18px; font-weight: bold; white-space: nowrap\"\r\n            class=\"text-primary pb-0\"\r\n          >\r\n            {{ priceData }}\r\n          </span>\r\n          <!-- <span\r\n            style=\"font-size: 18px; font-weight: bold; white-space: nowrap\"\r\n            class=\"text-success pb-0\"\r\n            v-if=\"carDetail.Status === 'Pending Sales'\"\r\n          >\r\n            RESERVED\r\n          </span>\r\n          <span\r\n            style=\"font-size: 18px; font-weight: bold; white-space: nowrap\"\r\n            class=\"text-danger pb-0\"\r\n            v-if=\"carDetail.Status === 'Confirmed Sales'\"\r\n          >\r\n            SOLD\r\n          </span> -->\r\n        </div>\r\n        <p class='mx-3 px-2 mt-0 py-2 labelText position-relative' style=\"z-index:2\">\r\n          {{ $t(\"carcard.label.delivery\") }} > {{ carDetail.DeliveryCountry || $store.state.search.destinationCountry.Name }}<br/>\r\n          {{\r\n            RSVPTotalFeeId === 44 ?  $t(\"carcard.help.including\") :\r\n            RSVPTotalFeeId === 33 ?  $t(\"carcard.help.delivery\") :\r\n            includeFees ? $t(\"carcard.help.including\") : $t(\"carcard.help.delivery\")\r\n          }}\r\n        </p>\r\n        <div class=\"py-2 text-right\" v-show=\"buttonType\" v-if=\"!wishlist && !reservation\">\r\n          <!-- Reservation Buttons -->\r\n          <b-button\r\n            v-if=\"buttonType == 'reserve' && carDetail.IsReserved\"\r\n            pill\r\n            variant=\"secondary\"\r\n            class=\"cardButtonLabel\"\r\n            disabled\r\n            :style=\"notClickable ? 'pointer-events: none' : ''\"\r\n            :to=\"{\r\n              name: 'Reservation',\r\n              params: { id: carDetail.ListingId },\r\n            }\"\r\n            >{{ $t(\"carcard.button.reserveNow\") }}</b-button\r\n          >\r\n\r\n          <!-- Confirm Now Buttons -->\r\n          <b-button\r\n            v-if=\"\r\n              buttonType == 'confirm' && carDetail.CanConfirm && !carDetail.IsConfirmed\r\n            \"\r\n            pill\r\n            variant=\"warning\"\r\n            class=\"cardButtonLabel\"\r\n            >{{ $t(\"carcard.button.confirmNow\") }}</b-button\r\n          >\r\n          <b-button\r\n            v-if=\"\r\n              buttonType == 'confirm' && !carDetail.CanConfirm && !carDetail.IsConfirmed\r\n            \"\r\n            pill\r\n            variant=\"secondary\"\r\n            class=\"cardButtonLabel\"\r\n            disabled\r\n            >{{ $t(\"carcard.button.confirmNow\") }}</b-button\r\n          >\r\n          <!-- Confirmed Buttons -->\r\n          <b-button\r\n            v-if=\"buttonType == 'confirm' && carDetail.IsConfirmed\"\r\n            pill\r\n            disabled\r\n            variant=\"danger\"\r\n            class=\"cardButtonLabel\"\r\n            >{{ $t(\"carcard.button.sold\") }}</b-button\r\n          >\r\n        </div>\r\n    </div>\r\n    <template #footer v-if=\"status && !wishlist && !reservation\">\r\n      Status:\r\n      <span class=\"text-primary\">\r\n        {{ carDetail.Status }}\r\n        <b-icon :id=\"iconId + 'stat'\" icon=\"info-circle\"></b-icon>\r\n        <b-tooltip\r\n          :target=\"iconId + 'stat'\"\r\n          triggers=\"hover\"\r\n          placement=\"top\"\r\n          variant=\"dark\"\r\n        >\r\n          <p class=\"h6\">\r\n            {{ carDetail.Status }}\r\n          </p>\r\n          <p class=\"small\">\r\n\r\n          </p>\r\n        </b-tooltip>\r\n      </span>\r\n    </template>\r\n  </b-card>\r\n</template>\r\n<script>\r\nimport HeartIcon from \"vue-material-design-icons/Heart.vue\";\r\nimport HeartOutlineIcon from \"vue-material-design-icons/HeartOutline.vue\";\r\nexport default {\r\n  props: {\r\n    carDetail: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    price: {\r\n      type: Object,\r\n      required: false,\r\n    },\r\n    buttonType: {\r\n      type: String,\r\n    },\r\n    wishlist: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    reservation: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    status: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    notClickable: {\r\n      type: Boolean,\r\n      default: false,\r\n      required: false\r\n    },\r\n    includeFees: {\r\n      type: Boolean,\r\n      required: false,\r\n    },\r\n    RSVPTotalFeeId: {\r\n      type: Number,\r\n      required:false\r\n    }\r\n  },\r\n  components: {\r\n    HeartIcon,\r\n    HeartOutlineIcon,\r\n  },\r\n  data() {\r\n    return {\r\n      confirmed: false,\r\n      canReserve: true,\r\n      reserved: false,\r\n      sash: require(\"@/assets/img/sash_tr_blk.png\"),\r\n      fav: this.carDetail.IsWishList,\r\n      imageLink: this.carDetail.Image,\r\n    };\r\n  },\r\n  computed: {\r\n    iconId() {\r\n      return \"delivery_\" + this.carDetail.ListingId;\r\n    },\r\n    priceData() {\r\n      try {\r\n        let price = 0,\r\n        currency = \"cad\";\r\n        if (this.price.Amount && this.price.CurrencyCode) {\r\n          price = this.price.Amount;\r\n          currency = this.price.CurrencyCode;\r\n        } else if (this.carDetail.Price.Amount && this.carDetail.Price.CurrencyCode) {\r\n        price = this.carDetail.Price.Amount;\r\n        currency = this.carDetail.Price.CurrencyCode;\r\n      }\r\n      return this.currencyFormatter(price, currency);\r\n    } catch(err){\r\n      console.log(err)\r\n    }\r\n    },\r\n  },\r\n  methods: {\r\n    setWishList() {\r\n      if (this.$store.getters.user) {\r\n        this.$store.dispatch(\"updateWishList\", this.carDetail.ListingId);\r\n        this.fav = !this.fav;\r\n      } else {\r\n        this.$bvModal.show(\"signin\");\r\n      }\r\n    },\r\n    imageError() {\r\n      this.imageLink = null;\r\n    },\r\n    formatPrice(value) {\r\n      let val = (value / 1).toFixed(2).replace(\",\", \".\");\r\n      return val.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n    currencyFormatter(value, currency) {\r\n      try {\r\n        return new Intl.NumberFormat(this.$store.getters.currencyCulture, {\r\n          style: \"currency\",\r\n          currency: currency,\r\n          minimumFractionDigits: value % 1 != 0 ? 2 : 0,\r\n        }).format(value);\r\n      } catch (e) {\r\n        return \"\";\r\n      }\r\n    },\r\n    formatDistance(num) {\r\n      let x = new Number(num);\r\n      x = Math.ceil(x).toLocaleString(this.$i18n.locale);\r\n      return x;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.box {\r\n  width: 100%;\r\n  height: 240px !important;\r\n  background-size: cover;\r\n  background-position: center center;\r\n  border-radius: 3px 3px 0 0;\r\n}\r\n.carImg {\r\n  max-width: 100%;\r\n  max-height: 194px;\r\n}\r\n.card {\r\n  /* width: 345px !important ; */\r\n  /* height: 424px !important; */\r\n  padding: 0px !important;\r\n}\r\n.card-body {\r\n  padding: 0px !important;\r\n}\r\n.cardTitle {\r\n  font-size: 14px;\r\n  font-weight: bold;\r\n  color: black;\r\n}\r\n.labelText {\r\n  background-color: #FFC32487;\r\n  color:black;\r\n  /* color: #828282 !important; */\r\n  font-size: 11px;\r\n}\r\n.detailText {\r\n  font-size: 0.8em;\r\n  font-weight: bold;\r\n}\r\n.cardButtonLabel {\r\n  font-size: 12px;\r\n  font-weight: bold;\r\n  width: 100%;\r\n}\r\n.heartCircle {\r\n  height: 39px !important;\r\n  width: 39px !important;\r\n  box-shadow: 0 2px 7px rgb(0 0 0 / 0.2);\r\n  position: absolute;\r\n  padding: 0 !important;\r\n  right: 0;\r\n  margin-top: -20px;\r\n  margin-right: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: none !important;\r\n  cursor: pointer;\r\n}\r\n.statusBox {\r\n  height: 29px !important;\r\n  width: 80px !important;\r\n  box-shadow: 0 2px 7px rgb(0 0 0 / 0.2);\r\n  position: absolute;\r\n  padding: 0 !important;\r\n  margin-top: -185px;\r\n  margin-left: 255px;\r\n}\r\n.comingSoon {\r\n  position: absolute;\r\n  padding: 0 !important;\r\n  margin-top: -185px;\r\n  margin-left: 10px;\r\n}\r\n.divider {\r\n  color: #cdcdcd;\r\n  color: #cdcdcd;\r\n  height: 16px;\r\n  margin: 0 8px;\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!./TheCarCard.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!./TheCarCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheCarCard.vue?vue&type=template&id=8b85db16&scoped=true&\"\nimport script from \"./TheCarCard.vue?vue&type=script&lang=js&\"\nexport * from \"./TheCarCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheCarCard.vue?vue&type=style&index=0&id=8b85db16&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  \"8b85db16\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',_vm._b({staticClass:\"material-design-icon heart-outline-icon\",attrs:{\"aria-hidden\":!_vm.title,\"aria-label\":_vm.title,\"role\":\"img\"},on:{\"click\":function($event){return _vm.$emit('click', $event)}}},'span',_vm.$attrs,false),[_c('svg',{staticClass:\"material-design-icon__svg\",attrs:{\"fill\":_vm.fillColor,\"width\":_vm.size,\"height\":_vm.size,\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z\"}},[(_vm.title)?_c('title',[_vm._v(_vm._s(_vm.title))]):_vm._e()])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"!title\"\n        :aria-label=\"title\"\n        class=\"material-design-icon heart-outline-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"HeartOutlineIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","import mod from \"-!../@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./HeartOutline.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./HeartOutline.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HeartOutline.vue?vue&type=template&id=1f9b907f&\"\nimport script from \"./HeartOutline.vue?vue&type=script&lang=js&\"\nexport * from \"./HeartOutline.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../@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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"mx-4 mx-lg-0\"},[(!_vm.loading && !_vm.error)?_c('div',{staticClass:\"vehicle-count\"},[_vm._v(\" \"+_vm._s(_vm.reservationList.CardsData.length)+\" \"+_vm._s(_vm.$t(\"dashboard.label.vehicles\"))+\" \")]):_vm._e(),((!_vm.reservationList.CardsData || _vm.reservationList.CardsData.length < 1) && !_vm.loading)?_c('b-row',{staticClass:\"p-5\",attrs:{\"align-h\":\"center\"}},[_c('h1',{staticClass:\"p-5 my-5 text-secondary text-center\"},[_vm._v(_vm._s(_vm.$t(\"dashboard.label.NoVehicleWasFound\")))])]):(_vm.loading)?_c('div',{staticClass:\"card-wrapper\"},_vm._l((new Array(12)),function(item,index){return _c('div',{key:'loader' + index + item,staticClass:\"item\"},[_c('v-skeleton-loader',{staticClass:\"m3x-auto my-2 px-2\",attrs:{\"max-width\":\"100%\",\"type\":\"image, article\"}})],1)}),0):(_vm.reservationList)?_c('div',{staticClass:\"card-wrapper\"},_vm._l((_vm.cardsData),function(carDetail){return _c('div',{key:carDetail.ListingId,staticClass:\"item\"},[_c('div',{staticStyle:{\"pointer-events\":\"none\"},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();}}},[_c('TheCarCard',{attrs:{\"carDetail\":carDetail,\"price\":carDetail.Price,\"status\":true,\"reservation\":true}})],1),_c('div',{staticClass:\"watchlist-card-footer\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(carDetail.Status))]),_c('div',{staticClass:\"date\"},[_vm._v(_vm._s(_vm.reservedDate(carDetail)))]),_c('div',{staticClass:\"text-right\"},[_c('a',{staticClass:\"details-btn\",attrs:{\"href\":_vm.$store.getters.hostURL + carDetail.Attachment,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t(\"dashboard.label.SeeDetails\")))])])])])}),0):_c('b-container',[_c('h1',{staticClass:\"p-5 my-5 text-secondary text-center\"},[_vm._v(_vm._s(_vm.$t(\"dashboard.label.NoVehicleWasFound\")))])])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- buyer dashboard my Reservations page -->\r\n  <div>\r\n    <!--\r\n    <TheTitleBar\r\n      sectionTitle=\"dashboard.label.mnuReservations\"\r\n      sectionID=\"buyerReservations\"\r\n      :showCount=\"true\"\r\n      :showValue=\"false\"\r\n      :showFilters=\"true\"\r\n      :showSort=\"true\"\r\n      :showSellButton=\"false\"\r\n      :totalCount=\"totalVehicles\"\r\n      @qSortValue=\"sort\"\r\n      @qDateFilter=\"filterList\"\r\n    />\r\n-->\r\n    <div class=\"mx-4 mx-lg-0\">\r\n      <div class=\"vehicle-count\" v-if=\"!loading && !error\">\r\n        {{ reservationList.CardsData.length }} {{$t(\"dashboard.label.vehicles\")}}\r\n      </div>\r\n      <b-row align-h=\"center\" v-if=\"(!reservationList.CardsData || reservationList.CardsData.length < 1) && !loading\" class=\"p-5\">\r\n        <h1 class=\"p-5 my-5 text-secondary text-center\">{{$t(\"dashboard.label.NoVehicleWasFound\")}}</h1>\r\n      </b-row>\r\n      <div class=\"card-wrapper\" v-else-if=\"loading\">\r\n        <div\r\n            class=\"item\"\r\n            v-for=\"(item, index) in new Array(12)\"\r\n            :key=\"'loader' + index + item\"\r\n        >\r\n          <v-skeleton-loader\r\n              class=\"m3x-auto my-2 px-2\"\r\n              max-width=\"100%\"\r\n              type=\"image, article\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"card-wrapper\" v-else-if=\"reservationList\">\r\n        <div class=\"item\" v-for=\"carDetail in cardsData\" :key=\"carDetail.ListingId\">\r\n          <div @click.prevent.stop style=\"pointer-events: none\">\r\n            <TheCarCard\r\n                :carDetail=\"carDetail\"\r\n                :price=\"carDetail.Price\"\r\n                :status=\"true\"\r\n                :reservation=\"true\"\r\n            />\r\n          </div>\r\n          <!-- buttonType=\"confirm\" -->\r\n          <div class=\"watchlist-card-footer\">\r\n            <div class=\"title\">{{carDetail.Status}}</div>\r\n            <div class=\"date\">{{reservedDate(carDetail)}}</div>\r\n            <div class=\"text-right\">\r\n              <a :href=\"$store.getters.hostURL + carDetail.Attachment\" target=\"_blank\" class=\"details-btn\">{{$t(\"dashboard.label.SeeDetails\")}}</a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <b-container v-else>\r\n        <h1 class=\"p-5 my-5 text-secondary text-center\">{{$t(\"dashboard.label.NoVehicleWasFound\")}}</h1>\r\n      </b-container>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import TheTitleBar from \"@/components/dashboard/global/TheTitleBar.vue\";\r\nimport TheCarCard from \"@/components/global/TheCarCard.vue\";\r\nimport moment from \"moment\";\r\nimport {mapGetters} from \"vuex\";\r\n\r\nexport default {\r\n  components: {\r\n    // TheTitleBar,\r\n    TheCarCard,\r\n  },\r\n  data() {\r\n    return {\r\n      sortBy: \"Defaults\",\r\n      filterByDate: \"Defaults\",\r\n      filterByStatus: \"Defaults\",\r\n      qDateFilter: null,\r\n      statusFilter: null,\r\n      sortOrder: 0,\r\n      loading: true,\r\n      error: false,\r\n      totalVehicles: this.cardsData ? this.cardsData.length : 0,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"reservationList\"]),\r\n    cardsData() {\r\n      const l = this.reservationList.CardsData;\r\n      return l ? l : [];\r\n    }\r\n\r\n  },\r\n  methods: {\r\n    reservedDate(carDetail) {\r\n      return moment(carDetail.DateOfLastActivity).format(\r\n          \"ddd DD MMM YYYY\"\r\n      );\r\n    },\r\n    sort(sortOrder) {\r\n      let l = this.cardsData;\r\n      if (sortOrder === 6) l.sort((a, b) => (a.l_Year < b.l_Year ? 1 : -1));\r\n      if (sortOrder === 5) l.sort((a, b) => (a.l_Year > b.l_Year ? 1 : -1));\r\n      if (sortOrder === 4)\r\n        l.sort((a, b) => (Number(a.l_Odometer) < Number(b.l_Odometer) ? 1 : -1));\r\n      if (sortOrder === 3)\r\n        l.sort((a, b) => (Number(a.l_Odometer) > Number(b.l_Odometer) ? 1 : -1));\r\n      if (sortOrder === 2)\r\n        l.sort((a, b) =>\r\n          JSON.parse(a.Prices)[0].Price < JSON.parse(b.Prices)[0].Price ? 1 : -1\r\n        );\r\n      if (sortOrder === 1)\r\n        l.sort((a, b) =>\r\n          JSON.parse(a.Prices)[0].Price > JSON.parse(b.Prices)[0].Price ? 1 : -1\r\n        );\r\n    },\r\n    filterList() {\r\n      const parameter = {\r\n        ReservationStatus: [\"6\"],\r\n        SelectedDateRange: -1\r\n      };\r\n\r\n      this.$store.dispatch(\"getReservationList\", parameter)\r\n          .then(() => {\r\n            this.error = false;\r\n          })\r\n          .catch(() => {\r\n            this.error = true;\r\n          })\r\n          .finally(() => {\r\n            this.loading = false;\r\n          })\r\n    }\r\n  },\r\n  updated() {\r\n    if (this.cardsData) {\r\n      this.totalVehicles = this.cardsData.length;\r\n    }\r\n  },\r\n  beforeMount() {\r\n    this.filterList();\r\n    this.$store.dispatch('setDashboardType', 'BuyerDashboard')\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.vehicle-count {\r\n  padding: 24px 0;\r\n  font-size: 16px;\r\n  font-family: \"Inter\", sans-serif;\r\n  font-weight: 500;\r\n  color: #111111;\r\n}\r\n.card-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  column-gap: 16px;\r\n  row-gap: 16px;\r\n  flex-wrap: wrap;\r\n  @media screen and (min-width:630px) {\r\n  flex-direction: row;\r\n  }\r\n  .item {\r\n    width: 100%;\r\n    @media screen and (min-width:630px) {\r\n      width: calc((100% / 2) - 11px);\r\n    }\r\n    @media screen and (min-width:1024px) {\r\n      width: calc((100% / 3) - 11px);\r\n    }\r\n  }\r\n}\r\n.watchlist-card-footer {\r\n  background: #e6f0f9;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-top: 8px;\r\n  padding: 16px;\r\n  row-gap: 10px;\r\n  border-bottom: 4px solid $light-blue;\r\n  min-height: 120px;\r\n  button {\r\n    background: none;\r\n    color: $light-blue;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    border: 1px solid $light-blue;\r\n    border-radius: 40px;\r\n    font-family: \"Inter\", sans-serif !important;\r\n    transition: 0.3s;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    &:hover {\r\n      background: $light-blue !important;\r\n      color: white !important;\r\n    }\r\n    svg {\r\n      margin-right: 8px;\r\n    }\r\n  }\r\n  .title {\r\n    font-size: 18px !important;\r\n    color: #111111;\r\n    font-weight: 500;\r\n    margin-bottom: -10px;\r\n    line-height: inherit;\r\n    font-family: \"Inter\", sans-serif !important;\r\n  }\r\n  .date {\r\n    font-size: 14px;\r\n    color: #404040;\r\n    margin-bottom: 8px;\r\n  }\r\n  .details-btn {\r\n    width: 148px;\r\n    height: 32px;\r\n    border: 1px solid $light-blue;\r\n    color: $light-blue;\r\n    font-size: 14px;\r\n    border-radius: 40px;\r\n    margin-left: auto;\r\n    padding: 5px 20px;\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!./TheMyPurchased.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!./TheMyPurchased.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheMyPurchased.vue?vue&type=template&id=eb1a91ee&\"\nimport script from \"./TheMyPurchased.vue?vue&type=script&lang=js&\"\nexport * from \"./TheMyPurchased.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheMyPurchased.vue?vue&type=style&index=0&id=eb1a91ee&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  null,\n  null\n  \n)\n\nexport default component.exports","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!./TheMyPurchased.vue?vue&type=style&index=0&id=eb1a91ee&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"assets/img/nophoto.284d4d81.jpg\";"],"sourceRoot":""}