{"version":3,"sources":["webpack:///./src/views/apps/eCommerce/ECommerceItemDetailView.vue?9d74","webpack:///./src/views/apps/eCommerce/ECommerceItemDetailView.vue?0a4c","webpack:///src/views/apps/eCommerce/ECommerceItemDetailView.vue","webpack:///./src/views/apps/eCommerce/ECommerceItemDetailView.vue?ce50","webpack:///./src/views/apps/eCommerce/ECommerceItemDetailView.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","error_occured","on","$event","_v","_s","error_msg","staticClass","name","key","item_data","objectID","slot","brand","price","rating","description","_e","_l","color","class","opt_color","style","itemColor","isInCart","$router","push","catch","err","toggleItemInCart","isInWishList","toggleItemInWishList","$vs","rtl","swiperOption","item","objectId","image","staticRenderFns","components","swiper","swiperSlide","StarRating","data","algolia_index","initIndex","slidesPerView","spaceBetween","breakpoints","1600","1300","900","640","navigation","nextEl","prevEl","available_item_colors","is_hearted","related_items","computed","item_qty","Object","keys","length","quantity","obj","style_obj","methods","$store","dispatch","fetch_item_details","id","getObject","console","created","$route","params","item_id","component"],"mappings":"2IAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,qBAAqB,CAACF,EAAG,WAAW,CAACE,MAAM,CAAC,MAAQ,SAAS,MAAQ,8BAA8B,OAASN,EAAIO,eAAeC,GAAG,CAAC,gBAAgB,SAASC,GAAQT,EAAIO,cAAcE,KAAU,CAACL,EAAG,OAAO,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,WAAW,QAAQR,EAAG,OAAO,CAACA,EAAG,OAAO,CAACJ,EAAIU,GAAG,YAAYN,EAAG,cAAc,CAACS,YAAY,yBAAyBP,MAAM,CAAC,GAAK,CAACQ,KAAK,oBAAoB,CAACd,EAAIU,GAAG,gBAAgB,KAAMV,EAAa,UAAEI,EAAG,UAAU,CAACW,IAAIf,EAAIgB,UAAUC,UAAU,CAACb,EAAG,WAAW,CAACc,KAAK,WAAW,CAACd,EAAG,MAAM,CAACS,YAAY,gBAAgB,CAACT,EAAG,MAAM,CAACS,YAAY,uBAAuB,CAACT,EAAG,MAAM,CAACS,YAAY,eAAe,CAACT,EAAG,MAAM,CAACS,YAAY,2DAA2D,CAACT,EAAG,MAAM,CAACS,YAAY,qDAAqD,CAACT,EAAG,MAAM,CAACS,YAAY,aAAaP,MAAM,CAAC,IAAM,kFAAkF,IAAMN,EAAIgB,UAAUF,YAAYV,EAAG,MAAM,CAACS,YAAY,0BAA0B,CAACT,EAAG,KAAK,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIgB,UAAUF,SAASV,EAAG,IAAI,CAACS,YAAY,QAAQ,CAACT,EAAG,OAAO,CAACS,YAAY,QAAQ,CAACb,EAAIU,GAAG,QAAQN,EAAG,OAAO,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIgB,UAAUG,YAAYf,EAAG,IAAI,CAACS,YAAY,+BAA+B,CAACT,EAAG,OAAO,CAACS,YAAY,4DAA4D,CAACb,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIgB,UAAUI,UAAUhB,EAAG,OAAO,CAACS,YAAY,iGAAiG,CAACT,EAAG,cAAc,CAACE,MAAM,CAAC,eAAc,EAAM,OAASN,EAAIgB,UAAUK,OAAO,YAAY,GAAG,YAAY,OAAO,GAAGjB,EAAG,OAAO,CAACS,YAAY,oCAAoC,CAACb,EAAIU,GAAG,mBAAmBN,EAAG,cAAcA,EAAG,IAAI,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIgB,UAAUM,gBAAgBlB,EAAG,UAAU,CAACS,YAAY,qCAAqC,CAAEb,EAAIgB,UAAuB,cAAEZ,EAAG,eAAe,CAACS,YAAY,kBAAkBP,MAAM,CAAC,MAAQ,gBAAgB,YAAY,UAAU,KAAO,gBAAgBN,EAAIuB,KAAKnB,EAAG,eAAe,CAACS,YAAY,kBAAkBP,MAAM,CAAC,MAAQ,wBAAwB,YAAY,UAAU,KAAO,uBAAuB,GAAGF,EAAG,cAAcA,EAAG,MAAM,CAACS,YAAY,UAAU,CAACT,EAAG,MAAM,CAACS,YAAY,iBAAiB,CAACT,EAAG,OAAO,CAACS,YAAY,uBAAuB,CAACb,EAAIU,GAAG,WAAWN,EAAG,MAAM,CAACS,YAAY,oCAAoCb,EAAIwB,GAAIxB,EAAyB,uBAAE,SAASyB,GAAO,OAAOrB,EAAG,MAAM,CAACW,IAAIU,EAAMZ,YAAY,8EAA8Ea,MAAM,CAAC,qBAAsB1B,EAAI2B,WAAaF,GAAOG,MAAO5B,EAAI6B,UAAU,CAACJ,MAAOA,EAAOG,MAAO,CAAC,iBAAkBpB,GAAG,CAAC,MAAQ,SAASC,GAAQT,EAAI2B,UAAUF,KAAS,CAACrB,EAAG,MAAM,CAACS,YAAY,gCAAgCe,MAAO5B,EAAI6B,UAAU,CAACJ,MAAOA,EAAOG,MAAO,CAAC,4BAA4B,OAAOxB,EAAG,cAAcA,EAAG,MAAM,CAACS,YAAY,UAAU,CAACT,EAAG,MAAM,CAACS,YAAY,iBAAiB,CAACT,EAAG,IAAI,CAACS,YAAY,QAAQ,CAACT,EAAG,OAAO,CAACJ,EAAIU,GAAG,eAAeN,EAAG,OAAO,CAACS,YAAY,QAAQ,CAACb,EAAIU,GAAG,OAAON,EAAG,OAAO,CAACS,YAAY,gBAAgB,CAACb,EAAIU,GAAG,kBAAkBN,EAAG,MAAM,CAACS,YAAY,iBAAiB,CAACT,EAAG,MAAM,CAACS,YAAY,mCAAmC,CAAGb,EAAI8B,SAAS9B,EAAIgB,UAAUC,UAA+Pb,EAAG,YAAY,CAACS,YAAY,YAAYP,MAAM,CAAC,YAAY,UAAU,KAAO,sBAAsBE,GAAG,CAAC,MAAQ,SAASC,GAAQT,EAAI+B,QAAQC,KAAK,CAAClB,KAAM,uBAAuBmB,OAAM,SAAUC,UAAY,CAAClC,EAAIU,GAAG,gEAAtcN,EAAG,YAAY,CAACS,YAAY,YAAYP,MAAM,CAAC,YAAY,UAAU,KAAO,sBAAsBE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAImC,iBAAiBnC,EAAIgB,cAAc,CAAChB,EAAIU,GAAG,+DAAkVV,EAAIoC,aAAapC,EAAIgB,UAAUC,UAAWb,EAAG,YAAY,CAACW,IAAI,SAASF,YAAY,OAAOP,MAAM,CAAC,YAAY,UAAU,KAAO,aAAa,MAAQ,UAAUE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIqC,qBAAqBrC,EAAIgB,cAAc,CAAChB,EAAIU,GAAG,6DAA6DN,EAAG,YAAY,CAACW,IAAI,SAASF,YAAY,OAAOP,MAAM,CAAC,KAAO,SAAS,YAAY,UAAU,KAAO,aAAa,MAAQ,UAAUE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIqC,qBAAqBrC,EAAIgB,cAAc,CAAChB,EAAIU,GAAG,8DAA8D,OAAON,EAAG,MAAM,CAACS,YAAY,UAAU,CAACT,EAAG,MAAM,CAACS,YAAY,sCAAsC,CAACT,EAAG,YAAY,CAACS,YAAY,OAAOP,MAAM,CAAC,KAAO,SAAS,YAAY,UAAU,MAAQ,UAAU,KAAO,gBAAgB,OAAS,MAAMF,EAAG,YAAY,CAACS,YAAY,OAAOP,MAAM,CAAC,KAAO,SAAS,YAAY,UAAU,MAAQ,UAAU,KAAO,eAAe,OAAS,MAAMF,EAAG,YAAY,CAACS,YAAY,OAAOP,MAAM,CAAC,KAAO,SAAS,YAAY,UAAU,MAAQ,UAAU,KAAO,eAAe,OAAS,MAAMF,EAAG,YAAY,CAACS,YAAY,OAAOP,MAAM,CAAC,KAAO,SAAS,YAAY,UAAU,MAAQ,UAAU,KAAO,iBAAiB,OAAS,OAAO,MAAM,OAAOF,EAAG,MAAM,CAACS,YAAY,+CAA+C,CAACT,EAAG,MAAM,CAACS,YAAY,UAAU,CAACT,EAAG,MAAM,CAACS,YAAY,0BAA0B,CAACT,EAAG,MAAM,CAACS,YAAY,8BAA8B,CAACT,EAAG,eAAe,CAACS,YAAY,aAAaP,MAAM,CAAC,KAAO,YAAY,WAAa,2CAA2CF,EAAG,OAAO,CAACS,YAAY,yBAAyB,CAACb,EAAIU,GAAG,mBAAmBN,EAAG,IAAI,CAACS,YAAY,QAAQ,CAACb,EAAIU,GAAG,gEAAgE,KAAKN,EAAG,MAAM,CAACS,YAAY,0BAA0B,CAACT,EAAG,MAAM,CAACS,YAAY,8BAA8B,CAACT,EAAG,eAAe,CAACS,YAAY,aAAaP,MAAM,CAAC,KAAO,YAAY,WAAa,2CAA2CF,EAAG,OAAO,CAACS,YAAY,yBAAyB,CAACb,EAAIU,GAAG,wBAAwBN,EAAG,IAAI,CAACS,YAAY,QAAQ,CAACb,EAAIU,GAAG,wDAAwD,KAAKN,EAAG,MAAM,CAACS,YAAY,0BAA0B,CAACT,EAAG,MAAM,CAACS,YAAY,gBAAgB,CAACT,EAAG,eAAe,CAACS,YAAY,aAAaP,MAAM,CAAC,KAAO,aAAa,WAAa,2CAA2CF,EAAG,OAAO,CAACS,YAAY,yBAAyB,CAACb,EAAIU,GAAG,qBAAqBN,EAAG,IAAI,CAACS,YAAY,QAAQ,CAACb,EAAIU,GAAG,wDAAwD,WAAWN,EAAG,MAAM,CAACS,YAAY,qCAAqC,CAACT,EAAG,MAAM,CAACS,YAAY,qCAAqC,CAACT,EAAG,KAAK,CAACS,YAAY,aAAa,CAACb,EAAIU,GAAG,sBAAsBN,EAAG,IAAI,CAACJ,EAAIU,GAAG,yCAAyCN,EAAG,SAAS,CAACW,IAAIf,EAAIsC,IAAIC,IAAI1B,YAAY,oCAAoCP,MAAM,CAAC,QAAUN,EAAIwC,aAAa,IAAMxC,EAAIsC,IAAIC,IAAM,MAAQ,QAAQ,CAACvC,EAAIwB,GAAIxB,EAAiB,eAAE,SAASyC,GAAM,OAAOrC,EAAG,eAAe,CAACW,IAAI0B,EAAKC,SAAS7B,YAAY,8BAA8B,CAACT,EAAG,MAAM,CAACS,YAAY,qBAAqB,CAACT,EAAG,IAAI,CAACS,YAAY,kCAAkC,CAACb,EAAIU,GAAGV,EAAIW,GAAG8B,EAAK3B,SAASV,EAAG,IAAI,CAACS,YAAY,WAAW,CAACT,EAAG,OAAO,CAACS,YAAY,QAAQ,CAACb,EAAIU,GAAG,QAAQN,EAAG,OAAO,CAACJ,EAAIU,GAAGV,EAAIW,GAAG8B,EAAKtB,cAAcf,EAAG,MAAM,CAACS,YAAY,sCAAsC,CAACT,EAAG,MAAM,CAACS,YAAY,aAAaP,MAAM,CAAC,IAAMmC,EAAKE,MAAM,IAAMF,EAAK3B,UAAUV,EAAG,MAAM,CAACS,YAAY,aAAa,CAACT,EAAG,cAAc,CAACS,YAAY,iBAAiBP,MAAM,CAAC,eAAc,EAAM,OAASmC,EAAKpB,OAAO,YAAY,GAAG,YAAY,MAAMjB,EAAG,IAAI,CAACS,YAAY,oCAAoC,CAACb,EAAIU,GAAG,IAAIV,EAAIW,GAAG8B,EAAKrB,WAAW,QAAOhB,EAAG,MAAM,CAACS,YAAY,qBAAqBP,MAAM,CAAC,KAAO,eAAeY,KAAK,gBAAgBd,EAAG,MAAM,CAACS,YAAY,qBAAqBP,MAAM,CAAC,KAAO,eAAeY,KAAK,iBAAiB,IAAI,MAAM,GAAGlB,EAAIuB,MAAM,IACnkPqB,EAAkB,G,sFCsPtB,GACEC,WAAYA,CACVC,OAAJA,YACIC,YAAJA,iBACIC,WAAJA,KAEEC,KANF,WAOI,MAAO,CACLC,cAAeA,IACrB,UACA,oCACAC,UAAA,kBACMnC,UAAWA,KACXT,eAAeA,EACfK,UAAWA,GAGX4B,aAAcA,CACZY,cAAeA,EACfC,aAAcA,GACdC,YAAaA,CACXC,KAAM,CACJH,cAAeA,EACfC,aAAcA,IAEhBG,KAAM,CACJJ,cAAeA,EACfC,aAAcA,IAEhBI,IAAK,CACHL,cAAeA,EACfC,aAAcA,IAEhBK,IAAK,CACHN,cAAeA,EACfC,aAAcA,KAGlBM,WAAYA,CACVC,OAAQA,sBACRC,OAAQA,wBAMZC,sBAAuBA,CAACA,UAAWA,UAAWA,UAAWA,UAAWA,WACpEnC,UAAWA,UACXoC,YAAYA,EAEZC,cAAeA,CACrB,CACQ,KAAR,oGACQ,MAAR,QACQ,MAAR,IACQ,MAAR,kFACQ,OAAR,EACQ,SAAR,WAEA,CACQ,KAAR,wEACQ,MAAR,mBACQ,MAAR,OACQ,MAAR,kFACQ,OAAR,EACQ,SAAR,WAEA,CACQ,KAAR,yDACQ,MAAR,SACQ,MAAR,MACQ,MAAR,kFACQ,OAAR,EACQ,SAAR,WAEA,CACQ,KAAR,oGACQ,MAAR,QACQ,MAAR,IACQ,MAAR,kFACQ,OAAR,EACQ,SAAR,WAEA,CACQ,KAAR,oCACQ,MAAR,SACQ,MAAR,MACQ,MAAR,kFACQ,OAAR,EACQ,SAAR,WAEA,CACQ,KAAR,iDACQ,MAAR,mBACQ,MAAR,OACQ,MAAR,kFACQ,OAAR,EACQ,SAAR,WAEA,CACQ,KAAR,4DACQ,MAAR,KACQ,MAAR,OACQ,MAAR,kFACQ,OAAR,EACQ,SAAR,cAKEC,SAAUA,CACRC,SADJ,WAEM,IAAN,wEACM,OAAOC,OAAOC,KAAK3B,GAAM4B,OAAS5B,EAAK6B,SAAW,GAEpDzC,UALJ,WAMM,OAAO,SAAb,GACQ,IAAR,KAIQ,OAFA0C,EAAIA,MAAMA,SAAQA,SAA1BA,GAAAC,gBAEeA,IAGXpC,aAdJ,WAcA,WACM,OAAO,SAAb,0DAEIN,SAjBJ,WAiBA,WACM,OAAO,SAAb,uDAGE2C,QAASA,CACPpC,qBADJ,SACAI,GACMxC,KAAKyE,OAAOC,SAAS,iCAAkClC,IAEzDN,iBAJJ,SAIAM,GACMxC,KAAKyE,OAAOC,SAAS,6BAA8BlC,IAErDmC,mBAPJ,SAOAC,GAAA,WACM5E,KAAKiD,cAAc4B,UAAUD,GAAI,SAAvC,KACY3C,GACF,EAAV,iBACU,EAAV,oBACU6C,QAAQA,MAAMA,IAEd,EAAV,iBAMEC,QAvJF,WAwJI/E,KAAK2E,mBAAmB3E,KAAKgF,OAAOC,OAAOC,WC/YgV,I,wBCQ3XC,EAAY,eACd,EACArF,EACA6C,GACA,EACA,KACA,KACA,MAIa,aAAAwC,E","file":"js/chunk-25fb0a42.a2e213aa.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceItemDetailView.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"item-detail-page\"}},[_c('vs-alert',{attrs:{\"color\":\"danger\",\"title\":\"Error Fetching Product Data\",\"active\":_vm.error_occured},on:{\"update:active\":function($event){_vm.error_occured=$event}}},[_c('span',[_vm._v(_vm._s(_vm.error_msg)+\". \")]),_c('span',[_c('span',[_vm._v(\"Check \")]),_c('router-link',{staticClass:\"text-inherit underline\",attrs:{\"to\":{name:'ecommerce-shop'}}},[_vm._v(\"All Items\")])],1)]),(_vm.item_data)?_c('vx-card',{key:_vm.item_data.objectID},[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"item-content\"},[_c('div',{staticClass:\"product-details p-6\"},[_c('div',{staticClass:\"vx-row mt-6\"},[_c('div',{staticClass:\"vx-col md:w-2/5 w-full flex items-center justify-center\"},[_c('div',{staticClass:\"product-img-container w-3/5 mx-auto mb-10 md:mb-0\"},[_c('img',{staticClass:\"responsive\",attrs:{\"src\":\"https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/products/01.png\",\"alt\":_vm.item_data.name}})])]),_c('div',{staticClass:\"vx-col md:w-3/5 w-full\"},[_c('h3',[_vm._v(_vm._s(_vm.item_data.name))]),_c('p',{staticClass:\"my-2\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(\"by\")]),_c('span',[_vm._v(_vm._s(_vm.item_data.brand))])]),_c('p',{staticClass:\"flex items-center flex-wrap\"},[_c('span',{staticClass:\"text-2xl leading-none font-medium text-primary mr-4 mt-2\"},[_vm._v(\"$\"+_vm._s(_vm.item_data.price))]),_c('span',{staticClass:\"pl-4 mr-2 mt-2 border border-solid d-theme-border-grey-light border-t-0 border-b-0 border-r-0\"},[_c('star-rating',{attrs:{\"show-rating\":false,\"rating\":_vm.item_data.rating,\"star-size\":20,\"read-only\":\"\"}})],1),_c('span',{staticClass:\"cursor-pointer leading-none mt-2\"},[_vm._v(\"424 ratings\")])]),_c('vs-divider'),_c('p',[_vm._v(_vm._s(_vm.item_data.description))]),_c('vs-list',{staticClass:\"product-sales-meta-list px-0 pt-4\"},[(_vm.item_data.free_shipping)?_c('vs-list-item',{staticClass:\"p-0 border-none\",attrs:{\"title\":\"Free Sheeping\",\"icon-pack\":\"feather\",\"icon\":\"icon-truck\"}}):_vm._e(),_c('vs-list-item',{staticClass:\"p-0 border-none\",attrs:{\"title\":\"EMI options available\",\"icon-pack\":\"feather\",\"icon\":\"icon-dollar-sign\"}})],1),_c('vs-divider'),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('span',{staticClass:\"text-xl font-medium\"},[_vm._v(\"Color\")]),_c('div',{staticClass:\"flex flex-wrap items-center mt-2\"},_vm._l((_vm.available_item_colors),function(color){return _c('div',{key:color,staticClass:\"color-radio rounded-full mx-1 border-2 border-solid cursor-pointer relative\",class:{'border-transparent': _vm.opt_color != color},style:(_vm.itemColor({color: color, style: ['borderColor']})),on:{\"click\":function($event){_vm.opt_color=color}}},[_c('div',{staticClass:\"h-6 w-6 rounded-full absolute\",style:(_vm.itemColor({color: color, style: ['backgroundColor']}))})])}),0)])]),_c('vs-divider'),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('p',{staticClass:\"my-2\"},[_c('span',[_vm._v(\"Available\")]),_c('span',{staticClass:\"mx-2\"},[_vm._v(\"-\")]),_c('span',{staticClass:\"text-success\"},[_vm._v(\"In Stock\")])])]),_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"flex flex-wrap items-start mb-4\"},[(!_vm.isInCart(_vm.item_data.objectID))?_c('vs-button',{staticClass:\"mr-4 mb-4\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-shopping-cart\"},on:{\"click\":function($event){return _vm.toggleItemInCart(_vm.item_data)}}},[_vm._v(\"\\n                      ADD TO CART\\n                    \")]):_c('vs-button',{staticClass:\"mr-4 mb-4\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-shopping-cart\"},on:{\"click\":function($event){_vm.$router.push({name: 'ecommerce-checkout'}).catch(function (err) {})}}},[_vm._v(\"\\n                      VIEW IN CART\\n                    \")]),(_vm.isInWishList(_vm.item_data.objectID))?_c('vs-button',{key:\"filled\",staticClass:\"mb-4\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-heart\",\"color\":\"danger\"},on:{\"click\":function($event){return _vm.toggleItemInWishList(_vm.item_data)}}},[_vm._v(\"\\n                      WHISHLIST\\n                    \")]):_c('vs-button',{key:\"border\",staticClass:\"mb-4\",attrs:{\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-heart\",\"color\":\"danger\"},on:{\"click\":function($event){return _vm.toggleItemInWishList(_vm.item_data)}}},[_vm._v(\"\\n                      WHISHLIST\\n                    \")])],1)])]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col flex flex-wrap items-center\"},[_c('vs-button',{staticClass:\"mr-4\",attrs:{\"type\":\"border\",\"icon-pack\":\"feather\",\"color\":\"#1551b1\",\"icon\":\"icon-facebook\",\"radius\":\"\"}}),_c('vs-button',{staticClass:\"mr-4\",attrs:{\"type\":\"border\",\"icon-pack\":\"feather\",\"color\":\"#00aaff\",\"icon\":\"icon-twitter\",\"radius\":\"\"}}),_c('vs-button',{staticClass:\"mr-4\",attrs:{\"type\":\"border\",\"icon-pack\":\"feather\",\"color\":\"#c4302b\",\"icon\":\"icon-youtube\",\"radius\":\"\"}}),_c('vs-button',{staticClass:\"mr-4\",attrs:{\"type\":\"border\",\"icon-pack\":\"feather\",\"color\":\"#405DE6\",\"icon\":\"icon-instagram\",\"radius\":\"\"}})],1)])],1)])]),_c('div',{staticClass:\"py-24 mb-16 mt-10 text-center item-features\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/3 w-full\"},[_c('div',{staticClass:\"w-64 mx-auto mb-16 md:mb-0\"},[_c('feather-icon',{staticClass:\"block mb-4\",attrs:{\"icon\":\"AwardIcon\",\"svgClasses\":\"h-12 w-12 text-primary stroke-current\"}}),_c('span',{staticClass:\"font-semibold text-lg\"},[_vm._v(\"100% Original\")]),_c('p',{staticClass:\"mt-2\"},[_vm._v(\"Chocolate bar candy canes ice cream toffee cookie halvah.\")])],1)]),_c('div',{staticClass:\"vx-col md:w-1/3 w-full\"},[_c('div',{staticClass:\"w-64 mx-auto mb-16 md:mb-0\"},[_c('feather-icon',{staticClass:\"block mb-4\",attrs:{\"icon\":\"ClockIcon\",\"svgClasses\":\"h-12 w-12 text-primary stroke-current\"}}),_c('span',{staticClass:\"font-semibold text-lg\"},[_vm._v(\"10 Day Replacement\")]),_c('p',{staticClass:\"mt-2\"},[_vm._v(\"Marshmallow biscuit donut dragée fruitcake wafer.\")])],1)]),_c('div',{staticClass:\"vx-col md:w-1/3 w-full\"},[_c('div',{staticClass:\"w-64 mx-auto\"},[_c('feather-icon',{staticClass:\"block mb-4\",attrs:{\"icon\":\"ShieldIcon\",\"svgClasses\":\"h-12 w-12 text-primary stroke-current\"}}),_c('span',{staticClass:\"font-semibold text-lg\"},[_vm._v(\"1 Year Warranty\")]),_c('p',{staticClass:\"mt-2\"},[_vm._v(\"Cotton candy gingerbread cake I love sugar sweet.\")])],1)])])])]),_c('div',{staticClass:\"related-products text-center px-6\"},[_c('div',{staticClass:\"related-headings mb-8 text-center\"},[_c('h2',{staticClass:\"uppercase\"},[_vm._v(\"Related Products\")]),_c('p',[_vm._v(\"People also search for this items\")])]),_c('swiper',{key:_vm.$vs.rtl,staticClass:\"related-product-swiper px-12 py-6\",attrs:{\"options\":_vm.swiperOption,\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr'}},[_vm._l((_vm.related_items),function(item){return _c('swiper-slide',{key:item.objectId,staticClass:\"p-6 rounded cursor-pointer\"},[_c('div',{staticClass:\"item-heading mb-4\"},[_c('p',{staticClass:\"text-lg font-semibold truncate\"},[_vm._v(_vm._s(item.name))]),_c('p',{staticClass:\"text-sm\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(\"by\")]),_c('span',[_vm._v(_vm._s(item.brand))])])]),_c('div',{staticClass:\"img-container w-32 mx-auto my-base\"},[_c('img',{staticClass:\"responsive\",attrs:{\"src\":item.image,\"alt\":item.name}})]),_c('div',{staticClass:\"item-meta\"},[_c('star-rating',{staticClass:\"justify-center\",attrs:{\"show-rating\":false,\"rating\":item.rating,\"star-size\":14,\"read-only\":\"\"}}),_c('p',{staticClass:\"text-lg font-medium text-primary\"},[_vm._v(\"$\"+_vm._s(item.price))])],1)])}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"})],2)],1)])],2):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ECommerceItemDetail.vue\n  Description: eCommerce Item Detail page\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n  <div id=\"item-detail-page\">\n\n    <vs-alert color=\"danger\" title=\"Error Fetching Product Data\" :active.sync=\"error_occured\">\n      <span>{{ error_msg }}. </span>\n      <span>\n        <span>Check </span><router-link :to=\"{name:'ecommerce-shop'}\" class=\"text-inherit underline\">All Items</router-link>\n      </span>\n    </vs-alert>\n\n    <vx-card v-if=\"item_data\" :key=\"item_data.objectID\">\n\n\n      <template slot=\"no-body\">\n\n        <div class=\"item-content\">\n\n          <!-- Item Main Info -->\n          <div class=\"product-details p-6\">\n            <div class=\"vx-row mt-6\">\n              <div class=\"vx-col md:w-2/5 w-full flex items-center justify-center\">\n                <div class=\"product-img-container w-3/5 mx-auto mb-10 md:mb-0\">\n                  <img src=\"https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/products/01.png\" :alt=\"item_data.name\" class=\"responsive\">\n\n                  <!--\n                    UnComment Below line for true flow\n                    <img :src=\"item_data.image\" :alt=\"item_data.name\" class=\"responsive\">\n\n                    Remove above img tag which is for demo purpose in actual flow\n                  -->\n                </div>\n              </div>\n\n              <!-- Item Content -->\n              <div class=\"vx-col md:w-3/5 w-full\">\n\n                <h3>{{ item_data.name }}</h3>\n\n                <p class=\"my-2\">\n                  <span class=\"mr-2\">by</span>\n                  <span>{{ item_data.brand }}</span>\n                </p>\n                <p class=\"flex items-center flex-wrap\">\n                  <span class=\"text-2xl leading-none font-medium text-primary mr-4 mt-2\">${{ item_data.price }}</span>\n                  <span class=\"pl-4 mr-2 mt-2 border border-solid d-theme-border-grey-light border-t-0 border-b-0 border-r-0\"><star-rating :show-rating=\"false\" :rating=\"item_data.rating\" :star-size=\"20\" read-only /></span>\n                  <span class=\"cursor-pointer leading-none mt-2\">424 ratings</span>\n                </p>\n\n                <vs-divider />\n\n                <p>{{ item_data.description }}</p>\n\n                <vs-list class=\"product-sales-meta-list px-0 pt-4\">\n                  <vs-list-item\n                    v-if=\"item_data.free_shipping\"\n                    class=\"p-0 border-none\"\n                    title=\"Free Sheeping\"\n                    icon-pack=\"feather\"\n                    icon=\"icon-truck\" />\n                  <vs-list-item class=\"p-0 border-none\" title=\"EMI options available\" icon-pack=\"feather\" icon=\"icon-dollar-sign\"></vs-list-item>\n                </vs-list>\n\n                <vs-divider />\n\n                <!-- Color -->\n                <div class=\"vx-row\">\n                  <div class=\"vx-col w-full\">\n                    <span class=\"text-xl font-medium\">Color</span>\n                    <div class=\"flex flex-wrap items-center mt-2\">\n                      <div\n                        :class=\"{'border-transparent': opt_color != color}\"\n                        class=\"color-radio rounded-full mx-1 border-2 border-solid cursor-pointer relative\"\n                        :style=\"itemColor({color: color, style: ['borderColor']})\"\n                        v-for=\"color in available_item_colors\"\n                        :key=\"color\"\n                        @click=\"opt_color=color\">\n                          <div class=\"h-6 w-6 rounded-full absolute\" :style=\"itemColor({color: color, style: ['backgroundColor']})\"></div>\n                        </div>\n                    </div>\n                  </div>\n                </div>\n                <!-- /Color -->\n\n                <vs-divider />\n\n                <!-- Quantity -->\n                <div class=\"vx-row\">\n\n                  <div class=\"vx-col w-full\">\n                    <p class=\"my-2\">\n                      <span>Available</span>\n                      <span class=\"mx-2\">-</span>\n                      <span class=\"text-success\">In Stock</span>\n                    </p>\n                  </div>\n\n                  <div class=\"vx-col w-full\">\n                    <div class=\"flex flex-wrap items-start mb-4\">\n\n                      <!-- Add To Cart Button -->\n                      <vs-button\n                        class=\"mr-4 mb-4\"\n                        icon-pack=\"feather\"\n                        icon=\"icon-shopping-cart\"\n                        v-if=\"!isInCart(item_data.objectID)\"\n                        @click=\"toggleItemInCart(item_data)\">\n                        ADD TO CART\n                      </vs-button>\n\n                      <vs-button\n                        v-else\n                        class=\"mr-4 mb-4\"\n                        icon-pack=\"feather\"\n                        icon=\"icon-shopping-cart\"\n                        @click=\"$router.push({name: 'ecommerce-checkout'}).catch(err => {})\">\n                        VIEW IN CART\n                      </vs-button>\n                      <!-- /Add To Cart Button -->\n\n                      <!-- Wishlist Button -->\n                      <vs-button\n                        v-if=\"isInWishList(item_data.objectID)\"\n                        key=\"filled\"\n                        class=\"mb-4\"\n                        icon-pack=\"feather\"\n                        icon=\"icon-heart\"\n                        color=\"danger\"\n                        @click=\"toggleItemInWishList(item_data)\">\n                        WHISHLIST\n                      </vs-button>\n\n                      <vs-button\n                        v-else\n                        key=\"border\"\n                        class=\"mb-4\"\n                        type=\"border\"\n                        icon-pack=\"feather\"\n                        icon=\"icon-heart\"\n                        color=\"danger\"\n                        @click=\"toggleItemInWishList(item_data)\">\n                        WHISHLIST\n                      </vs-button>\n                      <!-- /Wishlist Button -->\n\n                    </div>\n                  </div>\n                </div>\n                <!-- /Quantity -->\n\n                <div class=\"vx-row\">\n                  <div class=\"vx-col flex flex-wrap items-center\">\n                    <vs-button class=\"mr-4\" type=\"border\" icon-pack=\"feather\" color=\"#1551b1\" icon=\"icon-facebook\" radius></vs-button>\n                    <vs-button class=\"mr-4\" type=\"border\" icon-pack=\"feather\" color=\"#00aaff\" icon=\"icon-twitter\" radius></vs-button>\n                    <vs-button class=\"mr-4\" type=\"border\" icon-pack=\"feather\" color=\"#c4302b\" icon=\"icon-youtube\" radius></vs-button>\n                    <vs-button class=\"mr-4\" type=\"border\" icon-pack=\"feather\" color=\"#405DE6\" icon=\"icon-instagram\" radius></vs-button>\n                  </div>\n                </div>\n\n              </div>\n\n            </div>\n          </div>\n\n          <!-- Product Feature/Meta Row -->\n          <div class=\"py-24 mb-16 mt-10 text-center item-features\">\n            <div class=\"vx-row\">\n              <div class=\"vx-col md:w-1/3 w-full\">\n                <div class=\"w-64 mx-auto mb-16 md:mb-0\">\n                  <feather-icon icon=\"AwardIcon\" svgClasses=\"h-12 w-12 text-primary stroke-current\" class=\"block mb-4\" />\n                  <span class=\"font-semibold text-lg\">100% Original</span>\n                  <p class=\"mt-2\">Chocolate bar candy canes ice cream toffee cookie halvah.</p>\n                </div>\n              </div>\n              <div class=\"vx-col md:w-1/3 w-full\">\n                <div class=\"w-64 mx-auto mb-16 md:mb-0\">\n                  <feather-icon icon=\"ClockIcon\" svgClasses=\"h-12 w-12 text-primary stroke-current\" class=\"block mb-4\" />\n                  <span class=\"font-semibold text-lg\">10 Day Replacement</span>\n                  <p class=\"mt-2\">Marshmallow biscuit donut dragée fruitcake wafer.</p>\n                </div>\n              </div>\n              <div class=\"vx-col md:w-1/3 w-full\">\n                <div class=\"w-64 mx-auto\">\n                  <feather-icon icon=\"ShieldIcon\" svgClasses=\"h-12 w-12 text-primary stroke-current\" class=\"block mb-4\" />\n                  <span class=\"font-semibold text-lg\">1 Year Warranty</span>\n                  <p class=\"mt-2\">Cotton candy gingerbread cake I love sugar sweet.</p>\n                </div>\n              </div>\n            </div>\n          </div>\n\n        </div>\n\n        <!-- Related Products -->\n        <div class=\"related-products text-center px-6\">\n\n          <div class=\"related-headings mb-8 text-center\">\n            <h2 class=\"uppercase\">Related Products</h2>\n            <p>People also search for this items</p>\n          </div>\n          <swiper :options=\"swiperOption\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\" :key=\"$vs.rtl\" class=\"related-product-swiper px-12 py-6\">\n            <swiper-slide v-for=\"item in related_items\" :key=\"item.objectId\" class=\"p-6 rounded cursor-pointer\">\n\n              <!-- Item Heading -->\n              <div class=\"item-heading mb-4\">\n                <p class=\"text-lg font-semibold truncate\">{{ item.name }}</p>\n                <p class=\"text-sm\">\n                  <span class=\"mr-2\">by</span>\n                  <span>{{ item.brand }}</span>\n                </p>\n              </div>\n\n              <!-- Item Image -->\n              <div class=\"img-container w-32 mx-auto my-base\">\n                <img class=\"responsive\" :src=\"item.image\" :alt=\"item.name\">\n              </div>\n\n              <!-- Item Meta -->\n              <div class=\"item-meta\">\n                <star-rating :show-rating=\"false\" :rating=\"item.rating\" :star-size=\"14\" class=\"justify-center\" read-only />\n                <p class=\"text-lg font-medium text-primary\">${{ item.price }}</p>\n              </div>\n            </swiper-slide>\n            <div class=\"swiper-button-prev\" slot=\"button-prev\"></div>\n            <div class=\"swiper-button-next\" slot=\"button-next\"></div>\n          </swiper>\n        </div>\n\n      </template>\n    </vx-card>\n  </div>\n</template>\n\n<script>\nimport 'swiper/dist/css/swiper.min.css'\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\nimport algoliasearch from 'algoliasearch/lite'\nimport StarRating from 'vue-star-rating'\n\nexport default{\n  components: {\n    swiper,\n    swiperSlide,\n    StarRating\n  },\n  data () {\n    return {\n      algolia_index: algoliasearch(\n        'latency',\n        '6be0576ff61c053d5f9a3225e2a90f76'\n      ).initIndex('instant_search'),\n      item_data: null,\n      error_occured: false,\n      error_msg: '',\n\n      // Related Products Swiper\n      swiperOption: {\n        slidesPerView: 5,\n        spaceBetween: 55,\n        breakpoints: {\n          1600: {\n            slidesPerView: 4,\n            spaceBetween: 55\n          },\n          1300: {\n            slidesPerView: 3,\n            spaceBetween: 55\n          },\n          900: {\n            slidesPerView: 2,\n            spaceBetween: 55\n          },\n          640: {\n            slidesPerView: 1,\n            spaceBetween: 55\n          }\n        },\n        navigation: {\n          nextEl: '.swiper-button-next',\n          prevEl: '.swiper-button-prev'\n        }\n      },\n\n      // Below is data which is common in any item\n      // Algolia's dataSet don't provide this kind of data. So, here's dummy data for demo\n      available_item_colors: ['#7367F0', '#28C76F', '#EA5455', '#FF9F43', '#1E1E1E'],\n      opt_color: '#7367F0',\n      is_hearted: false,\n\n      related_items: [\n        {\n          'name'       : 'Apple - Apple Watch Series 1 42mm Space Gray Aluminum Case Black Sport Band - Space Gray Aluminum',\n          'brand'      : 'Apple',\n          'price'      : 229,\n          'image'      : 'https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/products/01.png',\n          'rating'     : 4,\n          'objectID'   : '5546604'\n        },\n        {\n          'name'       : 'Beats by Dr. Dre - Powerbeats2 Wireless Earbud Headphones - Black/Red',\n          'brand'      : 'Beats by Dr. Dre',\n          'price'      : 199.99,\n          'image'      : 'https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/products/08.png',\n          'rating'     : 4,\n          'objectID'   : '5565002'\n        },\n        {\n          'name'       : 'Amazon - Fire TV Stick with Alexa Voice Remote - Black',\n          'brand'      : 'Amazon',\n          'price'      : 39.99,\n          'image'      : 'https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/products/03.png',\n          'rating'     : 4,\n          'objectID'   : '5477500'\n        },\n        {\n          'name'       : 'Apple - Apple Watch Nike+ 42mm Silver Aluminum Case Silver/Volt Nike Sport Band - Silver Aluminum',\n          'brand'      : 'Apple',\n          'price'      : 399,\n          'image'      : 'https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/products/07.png',\n          'rating'     : 4,\n          'objectID'   : '5547700'\n        },\n        {\n          'name'       : 'Google - Chromecast Ultra - Black',\n          'brand'      : 'Google',\n          'price'      : 69.99,\n          'image'      : 'https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/products/05.png',\n          'rating'     : 4,\n          'objectID'   : '5578628'\n        },\n        {\n          'name'       : 'Beats by Dr. Dre - Beats EP Headphones - White',\n          'brand'      : 'Beats by Dr. Dre',\n          'price'      : 129.99,\n          'image'      : 'https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/products/02.png',\n          'rating'     : 4,\n          'objectID'   : '5577781'\n        },\n        {\n          'name'       : 'LG - 40\" Class (39.5\" Diag.) - LED - 1080p - HDTV - Black',\n          'brand'      : 'LG',\n          'price'      : 279.99,\n          'image'      : 'https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/products/09.png',\n          'rating'     : 4,\n          'objectID'   : '5613404'\n        }\n      ]\n    }\n  },\n  computed: {\n    item_qty () {\n      const item = this.$store.getters['eCommerce/getCartItem'](this.item_data.objectID)\n      return Object.keys(item).length ? item.quantity : 1\n    },\n    itemColor () {\n      return (obj) => {\n        const style_obj = {}\n\n        obj.style.forEach(p => { style_obj[p] = obj.color })\n\n        return style_obj\n      }\n    },\n    isInWishList () {\n      return (itemId) => this.$store.getters['eCommerce/isInWishList'](itemId)\n    },\n    isInCart () {\n      return (itemId) => this.$store.getters['eCommerce/isInCart'](itemId)\n    }\n  },\n  methods: {\n    toggleItemInWishList (item) {\n      this.$store.dispatch('eCommerce/toggleItemInWishList', item)\n    },\n    toggleItemInCart (item) {\n      this.$store.dispatch('eCommerce/toggleItemInCart', item)\n    },\n    fetch_item_details (id) {\n      this.algolia_index.getObject(id, (err, content) => {\n        if (err) {\n          this.error_occured = true\n          this.error_msg = err.message\n          console.error(err)\n        } else {\n          this.item_data = content\n        }\n      })\n\n    }\n  },\n  created () {\n    this.fetch_item_details(this.$route.params.item_id)\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n@import \"@/assets/scss/vuexy/_variables.scss\";\n\n#item-detail-page {\n  .color-radio {\n    height: 2.28rem;\n    width: 2.28rem;\n\n    > div {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  .item-features {\n    background-color: #f7f7f7;\n\n    .theme-dark & {\n      background-color: $theme-dark-secondary-bg;\n    }\n  }\n\n  .product-sales-meta-list {\n    .vs-list--icon {\n      padding-left: 0;\n    }\n  }\n\n  .related-product-swiper {\n      // padding-right: 2rem;\n      // padding-left: 2rem;\n\n    .swiper-wrapper {\n      padding-bottom: 2rem;\n\n      > .swiper-slide {\n        background-color: #f7f7f7;\n        box-shadow: 0 4px 18px 0 rgba(0,0,0,0.1), 0 5px 12px 0 rgba(0,0,0,0.08) !important;\n\n        .theme-dark & {\n          background-color: $theme-light-dark-bg;\n        }\n      }\n    }\n\n    .swiper-button-next,\n    .swiper-button-prev {\n      transform: scale(.5);\n      filter: hue-rotate(40deg);\n    }\n\n    .swiper-button-next {\n      right: 0\n    }\n\n    .swiper-button-prev {\n      left: 0;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceItemDetailView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceItemDetailView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ECommerceItemDetailView.vue?vue&type=template&id=64f2a582&\"\nimport script from \"./ECommerceItemDetailView.vue?vue&type=script&lang=js&\"\nexport * from \"./ECommerceItemDetailView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ECommerceItemDetailView.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../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"],"sourceRoot":""}