{"version":3,"sources":["webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue?d0c7","webpack:///./src/assets/images/elements/homepod.png","webpack:///./src/assets/images/elements/iphone-x.png","webpack:///./src/assets/images/elements/macbook-pro.png","webpack:///./src/assets/images/elements/magic-mouse.png","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue?85b1","webpack:///./src/assets/images/elements/apple-watch.png","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue?a67e","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue?3fc2","webpack:///src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue?3388","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue?4f21","webpack:///src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue?adcc","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue","webpack:///src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue?353f","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue","webpack:///./src/views/apps/e-commerce/useEcommerce.js"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","undefined","product","_v","name","image","_s","brand","price","_l","star","key","class","rating","description","_e","color","selectedColor","on","$event","directives","rawName","value","expression","modifiers","handleCartActionClick","isInCart","toggleProductInWishlist","isInWishlist","scopedSlots","_u","fn","proxy","icon","staticRenderFns","component","swiperOptions","index","slot","components","BCardBody","BCardText","BImg","BLink","Swiper","SwiperSlide","setup","slidesPerView","spaceBetween","navigation","nextEl","prevEl","breakpoints","1600","1300","768","320","relatedProducts","Ripple","BCard","BRow","BCol","BButton","BDropdown","BDropdownItem","BAlert","ECommerceProductDetailsItemFeatures","ECommerceProductDetailsRelatedProducts","store","fetchProduct","useEcommerce","addProductInWishlist","productId","dispatch","removeProductFromWishlist","addProductInCart","removeProductFromCart","useEcommerceUi","useRouter","router","id","then","push","commit","state","cartItemsCount","handleWishlistCartActionClick","removeProductFromWishlistUi"],"mappings":"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","file":"js/chunk-e48bedbc.23e83321.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../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/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetails.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/homepod.e3172634.png\";","module.exports = __webpack_public_path__ + \"img/iphone-x.ff1daa9e.png\";","module.exports = __webpack_public_path__ + \"img/macbook-pro.fbbe4299.png\";","module.exports = __webpack_public_path__ + \"img/magic-mouse.3cf7a781.png\";","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../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/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsRelatedProducts.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/apple-watch.c51a5f8c.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"app-ecommerce-details\"},[_c('b-alert',{attrs:{\"variant\":\"danger\",\"show\":_vm.product === undefined}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Error fetching product data \")]),_c('div',{staticClass:\"alert-body\"},[_vm._v(\" No item found with this item slug. Check \"),_c('b-link',{staticClass:\"alert-link\",attrs:{\"to\":{ name: 'apps-e-commerce-shop'}}},[_vm._v(\" Shop \")]),_vm._v(\" for other items. \")],1)]),(_vm.product)?_c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-body',[_c('b-row',{staticClass:\"my-2\"},[_c('b-col',{staticClass:\"d-flex align-items-center justify-content-center mb-2 mb-md-0\",attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('b-img',{staticClass:\"product-img\",attrs:{\"src\":_vm.product.image,\"alt\":(\"Image of \" + (_vm.product.name)),\"fluid\":\"\"}})],1)]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"7\"}},[_c('h4',[_vm._v(_vm._s(_vm.product.name))]),_c('b-card-text',{staticClass:\"item-company mb-0\"},[_c('span',[_vm._v(\"by\")]),_c('b-link',{staticClass:\"company-name\"},[_vm._v(\" \"+_vm._s(_vm.product.brand)+\" \")])],1),_c('div',{staticClass:\"ecommerce-details-price d-flex flex-wrap mt-1\"},[_c('h4',{staticClass:\"item-price mr-1\"},[_vm._v(\" $\"+_vm._s(_vm.product.price)+\" \")]),_c('ul',{staticClass:\"unstyled-list list-inline pl-1 border-left\"},_vm._l((5),function(star){return _c('li',{key:star,staticClass:\"ratings-list-item mr-25\"},[_c('feather-icon',{class:[{'fill-current': star <= _vm.product.rating}, star <= _vm.product.rating ? 'text-warning' : 'text-muted'],attrs:{\"icon\":\"StarIcon\",\"size\":\"18\"}})],1)}),0)]),_c('b-card-text',[_vm._v(\"Available - \"),_c('span',{staticClass:\"text-success\"},[_vm._v(\"In stock\")])]),_c('b-card-text',[_vm._v(_vm._s(_vm.product.description))]),_c('ul',{staticClass:\"product-features list-unstyled\"},[(_vm.product.hasFreeShipping)?_c('li',[_c('feather-icon',{attrs:{\"icon\":\"ShoppingCartIcon\"}}),_c('span',[_vm._v(\"Free Shipping\")])],1):_vm._e(),_c('li',[_c('feather-icon',{attrs:{\"icon\":\"DollarSignIcon\"}}),_c('span',[_vm._v(\"EMI options available\")])],1)]),_c('hr'),_c('div',{staticClass:\"product-color-options\"},[_c('h6',[_vm._v(\"Colors\")]),_c('ul',{staticClass:\"list-unstyled mb-0\"},_vm._l((_vm.product.colorOptions),function(color){return _c('li',{key:color,staticClass:\"d-inline-block\",class:{'selected': _vm.selectedColor === color},on:{\"click\":function($event){_vm.selectedColor = color}}},[_c('div',{staticClass:\"color-option\",class:(\"b-\" + color)},[_c('div',{staticClass:\"filloption\",class:(\"bg-\" + color)})])])}),0)]),_c('hr'),_c('div',{staticClass:\"d-flex flex-column flex-sm-row pt-1\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"btn-cart mr-0 mr-sm-1 mb-1 mb-sm-0\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.handleCartActionClick(_vm.product)}}},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"ShoppingCartIcon\"}}),_c('span',[_vm._v(_vm._s(_vm.product.isInCart ? 'View In Cart' : 'Add to Cart'))])],1),_c('b-button',{staticClass:\"btn-wishlist mr-0 mr-sm-1 mb-1 mb-sm-0\",attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function($event){return _vm.toggleProductInWishlist(_vm.product)}}},[_c('feather-icon',{staticClass:\"mr-50\",class:{'text-danger': _vm.product.isInWishlist},attrs:{\"icon\":\"HeartIcon\"}}),_c('span',[_vm._v(\"Wishlist\")])],1),_c('b-dropdown',{staticClass:\"btn-share\",attrs:{\"variant\":\"outline-secondary\",\"no-caret\":\"\",\"toggle-class\":\"btn-icon\",\"right\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"Share2Icon\"}})]},proxy:true}],null,false,4254340102)},_vm._l(([ 'FacebookIcon', 'TwitterIcon', 'YoutubeIcon', 'InstagramIcon' ]),function(icon){return _c('b-dropdown-item',{key:icon},[_c('feather-icon',{attrs:{\"icon\":icon}})],1)}),1)],1)],1)],1)],1),_c('e-commerce-product-details-item-features'),_c('e-commerce-product-details-related-products')],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item-features\"},[_c('div',{staticClass:\"row text-center\"},[_c('div',{staticClass:\"col-12 col-md-4 mb-4 mb-md-0\"},[_c('div',{staticClass:\"w-75 mx-auto\"},[_c('feather-icon',{attrs:{\"icon\":\"AwardIcon\",\"size\":\"35\"}}),_c('h4',{staticClass:\"mt-2 mb-1\"},[_vm._v(\" 100% Original \")]),_c('p',{staticClass:\"card-text\"},[_vm._v(\" Chocolate bar candy canes ice cream toffee. Croissant pie cookie halvah. \")])],1)]),_c('div',{staticClass:\"col-12 col-md-4 mb-4 mb-md-0\"},[_c('div',{staticClass:\"w-75 mx-auto\"},[_c('feather-icon',{attrs:{\"icon\":\"ClockIcon\",\"size\":\"35\"}}),_c('h4',{staticClass:\"mt-2 mb-1\"},[_vm._v(\" 10 Day Replacement \")]),_c('p',{staticClass:\"card-text\"},[_vm._v(\" Marshmallow biscuit donut dragée fruitcake. Jujubes wafer cupcake. \")])],1)]),_c('div',{staticClass:\"col-12 col-md-4 mb-4 mb-md-0\"},[_c('div',{staticClass:\"w-75 mx-auto\"},[_c('feather-icon',{attrs:{\"icon\":\"ShieldIcon\",\"size\":\"35\"}}),_c('h4',{staticClass:\"mt-2 mb-1\"},[_vm._v(\" 1 Year Warranty \")]),_c('p',{staticClass:\"card-text\"},[_vm._v(\" Cotton candy gingerbread cake I love sugar plum I love sweet croissant. \")])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"item-features\">\n    <div class=\"row text-center\">\n      <div class=\"col-12 col-md-4 mb-4 mb-md-0\">\n        <div class=\"w-75 mx-auto\">\n          <feather-icon\n            icon=\"AwardIcon\"\n            size=\"35\"\n          />\n          <h4 class=\"mt-2 mb-1\">\n            100% Original\n          </h4>\n          <p class=\"card-text\">\n            Chocolate bar candy canes ice cream toffee. Croissant pie cookie halvah.\n          </p>\n        </div>\n      </div>\n      <div class=\"col-12 col-md-4 mb-4 mb-md-0\">\n        <div class=\"w-75 mx-auto\">\n          <feather-icon\n            icon=\"ClockIcon\"\n            size=\"35\"\n          />\n          <h4 class=\"mt-2 mb-1\">\n            10 Day Replacement\n          </h4>\n          <p class=\"card-text\">\n            Marshmallow biscuit donut dragée fruitcake. Jujubes wafer cupcake.\n          </p>\n        </div>\n      </div>\n      <div class=\"col-12 col-md-4 mb-4 mb-md-0\">\n        <div class=\"w-75 mx-auto\">\n          <feather-icon\n            icon=\"ShieldIcon\"\n            size=\"35\"\n          />\n          <h4 class=\"mt-2 mb-1\">\n            1 Year Warranty\n          </h4>\n          <p class=\"card-text\">\n            Cotton candy gingerbread cake I love sugar plum I love sweet croissant.\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n\n}\n</script>\n\n<style>\n\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsItemFeatures.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsItemFeatures.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ECommerceProductDetailsItemFeatures.vue?vue&type=template&id=172a0e36&\"\nimport script from \"./ECommerceProductDetailsItemFeatures.vue?vue&type=script&lang=js&\"\nexport * from \"./ECommerceProductDetailsItemFeatures.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-body',[_c('div',{staticClass:\"mt-4 mb-2 text-center\"},[_c('h4',[_vm._v(\"Related Products\")]),_c('b-card-text',[_vm._v(\"People also search for this items\")])],1),_c('swiper',{staticClass:\"swiper-responsive-breakpoints px-4 py-2\",attrs:{\"options\":_vm.swiperOptions}},[_vm._l((_vm.relatedProducts),function(product,index){return _c('swiper-slide',{key:index},[_c('b-link',[_c('div',{staticClass:\"item-heading\"},[_c('h5',{staticClass:\"text-truncate mb-0\"},[_vm._v(\" \"+_vm._s(product.name)+\" \")]),_c('small',{staticClass:\"text-body\"},[_vm._v(\"by \"+_vm._s(product.brand))])]),_c('div',{staticClass:\"img-container w-50 mx-auto py-75\"},[_c('b-img',{attrs:{\"src\":product.image,\"fluid\":\"\"}})],1),_c('div',{staticClass:\"item-meta\"},[_c('ul',{staticClass:\"unstyled-list list-inline mb-25\"},_vm._l((5),function(star){return _c('li',{key:star,staticClass:\"ratings-list-item\"},[_c('feather-icon',{staticClass:\"mr-25\",class:[{'fill-current': star <= product.rating}, star <= product.rating ? 'text-warning' : 'text-muted'],attrs:{\"icon\":\"StarIcon\",\"size\":\"18\"}})],1)}),0),_c('p',{staticClass:\"card-text text-primary mb-0\"},[_vm._v(\" $\"+_vm._s(product.price)+\" \")])])])],1)}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card-body>\n    <div class=\"mt-4 mb-2 text-center\">\n      <h4>Related Products</h4>\n      <b-card-text>People also search for this items</b-card-text>\n    </div>\n\n    <!-- Swiper -->\n    <swiper\n      class=\"swiper-responsive-breakpoints px-4 py-2\"\n      :options=\"swiperOptions\"\n    >\n      <swiper-slide\n        v-for=\"(product,index) in relatedProducts\"\n        :key=\"index\"\n      >\n        <b-link>\n          <div class=\"item-heading\">\n            <h5 class=\"text-truncate mb-0\">\n              {{ product.name }}\n            </h5>\n            <small class=\"text-body\">by {{ product.brand }}</small>\n          </div>\n          <div class=\"img-container w-50 mx-auto py-75\">\n            <b-img\n              :src=\"product.image\"\n              fluid\n            />\n          </div>\n          <div class=\"item-meta\">\n            <ul class=\"unstyled-list list-inline mb-25\">\n              <li\n                v-for=\"star in 5\"\n                :key=\"star\"\n                class=\"ratings-list-item\"\n              >\n                <feather-icon\n                  icon=\"StarIcon\"\n                  size=\"18\"\n                  class=\"mr-25\"\n                  :class=\"[{'fill-current': star <= product.rating}, star <= product.rating ? 'text-warning' : 'text-muted']\"\n                />\n              </li>\n            </ul>\n            <p class=\"card-text text-primary mb-0\">\n              ${{ product.price }}\n            </p>\n          </div>\n        </b-link>\n      </swiper-slide>\n\n      <!-- Add Arrows -->\n      <div\n        slot=\"button-next\"\n        class=\"swiper-button-next\"\n      />\n      <div\n        slot=\"button-prev\"\n        class=\"swiper-button-prev\"\n      />\n    </swiper>\n  </b-card-body>\n</template>\n\n<script>\nimport {\n  BCardBody, BCardText, BImg, BLink,\n} from 'bootstrap-vue'\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\n\nexport default {\n  components: {\n    BCardBody,\n    BCardText,\n    BImg,\n    BLink,\n\n    // 3rd Party\n    Swiper,\n    SwiperSlide,\n  },\n  setup() {\n    const swiperOptions = {\n      slidesPerView: 5,\n      spaceBetween: 55,\n      navigation: {\n        nextEl: '.swiper-button-next',\n        prevEl: '.swiper-button-prev',\n      },\n      breakpoints: {\n        1600: {\n          slidesPerView: 4,\n          spaceBetween: 55,\n        },\n        1300: {\n          slidesPerView: 3,\n          spaceBetween: 55,\n        },\n        768: {\n          slidesPerView: 2,\n          spaceBetween: 55,\n        },\n        320: {\n          slidesPerView: 1,\n          spaceBetween: 55,\n        },\n      },\n    }\n\n    /* eslint-disable global-require */\n    const relatedProducts = [\n      {\n        name: 'Apple Watch Series 6',\n        brand: 'Apple',\n        price: 399.98,\n        rating: 4,\n        image: require('@/assets/images/elements/apple-watch.png'),\n      },\n      {\n        name: 'Apple MacBook Pro - Silver',\n        brand: 'Apple',\n        price: 2449.49,\n        rating: 2,\n        image: require('@/assets/images/elements/macbook-pro.png'),\n      },\n      {\n        name: 'Apple HomePod (Space Grey)',\n        brand: 'Apple',\n        price: 229.29,\n        rating: 3,\n        image: require('@/assets/images/elements/homepod.png'),\n      },\n      {\n        name: 'Magic Mouse 2 - Black',\n        brand: 'Apple',\n        price: 90.98,\n        rating: 5,\n        image: require('@/assets/images/elements/magic-mouse.png'),\n      },\n      {\n        name: 'iPhone 12 Pro',\n        brand: 'Apple',\n        price: 1559.99,\n        rating: 4,\n        image: require('@/assets/images/elements/iphone-x.png'),\n      },\n    ]\n    /* eslint-disable global-require */\n\n    return {\n      swiperOptions,\n      relatedProducts,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import '@core/scss/vue/libs/swiper.scss';\n@import '~swiper/css/swiper.css';\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ECommerceProductDetailsRelatedProducts.vue?vue&type=template&id=7c788f91&\"\nimport script from \"./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"\nexport * from \"./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ECommerceProductDetailsRelatedProducts.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","<template>\n  <section class=\"app-ecommerce-details\">\n\n    <!-- Alert: No item found -->\n    <b-alert\n      variant=\"danger\"\n      :show=\"product === undefined\"\n    >\n      <h4 class=\"alert-heading\">\n        Error fetching product data\n      </h4>\n      <div class=\"alert-body\">\n        No item found with this item slug. Check\n        <b-link\n          class=\"alert-link\"\n          :to=\"{ name: 'apps-e-commerce-shop'}\"\n        >\n          Shop\n        </b-link>\n        for other items.\n      </div>\n    </b-alert>\n\n    <!-- Content -->\n    <b-card\n      v-if=\"product\"\n      no-body\n    >\n      <b-card-body>\n        <b-row class=\"my-2\">\n\n          <!-- Left: Product Image Container -->\n          <b-col\n            cols=\"12\"\n            md=\"5\"\n            class=\"d-flex align-items-center justify-content-center mb-2 mb-md-0\"\n          >\n            <div class=\"d-flex align-items-center justify-content-center\">\n              <b-img\n                :src=\"product.image\"\n                :alt=\"`Image of ${product.name}`\"\n                class=\"product-img\"\n                fluid\n              />\n            </div>\n          </b-col>\n\n          <!-- Right: Product Details -->\n          <b-col\n            cols=\"12\"\n            md=\"7\"\n          >\n\n            <!-- Product Name -->\n            <h4>{{ product.name }}</h4>\n\n            <!-- Product Brand -->\n            <b-card-text class=\"item-company mb-0\">\n              <span>by</span>\n              <b-link class=\"company-name\">\n                {{ product.brand }}\n              </b-link>\n            </b-card-text>\n\n            <!-- Price And Ratings -->\n            <div class=\"ecommerce-details-price d-flex flex-wrap mt-1\">\n              <h4 class=\"item-price mr-1\">\n                ${{ product.price }}\n              </h4>\n              <ul class=\"unstyled-list list-inline pl-1 border-left\">\n                <li\n                  v-for=\"star in 5\"\n                  :key=\"star\"\n                  class=\"ratings-list-item mr-25\"\n                >\n                  <feather-icon\n                    icon=\"StarIcon\"\n                    size=\"18\"\n                    :class=\"[{'fill-current': star <= product.rating}, star <= product.rating ? 'text-warning' : 'text-muted']\"\n                  />\n                </li>\n              </ul>\n            </div>\n\n            <!-- Avability -->\n            <b-card-text>Available - <span class=\"text-success\">In stock</span></b-card-text>\n\n            <!-- Product Description -->\n            <b-card-text>{{ product.description }}</b-card-text>\n\n            <!-- Product Meta [Free shpping, EMI, etc.] -->\n            <ul class=\"product-features list-unstyled\">\n              <li v-if=\"product.hasFreeShipping\">\n                <feather-icon icon=\"ShoppingCartIcon\" />\n                <span>Free Shipping</span></li>\n              <li>\n                <feather-icon icon=\"DollarSignIcon\" />\n                <span>EMI options available</span>\n              </li>\n            </ul>\n\n            <hr>\n\n            <!-- Colors -->\n            <div class=\"product-color-options\">\n              <h6>Colors</h6>\n              <ul class=\"list-unstyled mb-0\">\n                <li\n                  v-for=\"color in product.colorOptions\"\n                  :key=\"color\"\n                  class=\"d-inline-block\"\n                  :class=\"{'selected': selectedColor === color}\"\n                  @click=\"selectedColor = color\"\n                >\n                  <div\n                    class=\"color-option\"\n                    :class=\"`b-${color}`\"\n                  >\n                    <div\n                      class=\"filloption\"\n                      :class=\"`bg-${color}`\"\n                    />\n                  </div>\n                </li>\n              </ul>\n            </div>\n\n            <hr>\n\n            <div class=\"d-flex flex-column flex-sm-row pt-1\">\n              <b-button\n                v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n                variant=\"primary\"\n                class=\"btn-cart mr-0 mr-sm-1 mb-1 mb-sm-0\"\n                @click=\"handleCartActionClick(product)\"\n              >\n                <feather-icon\n                  icon=\"ShoppingCartIcon\"\n                  class=\"mr-50\"\n                />\n                <span>{{ product.isInCart ? 'View In Cart' : 'Add to Cart' }}</span>\n              </b-button>\n              <b-button\n                variant=\"outline-secondary\"\n                class=\"btn-wishlist mr-0 mr-sm-1 mb-1 mb-sm-0\"\n                @click=\"toggleProductInWishlist(product)\"\n              >\n                <feather-icon\n                  icon=\"HeartIcon\"\n                  class=\"mr-50\"\n                  :class=\"{'text-danger': product.isInWishlist}\"\n                />\n                <span>Wishlist</span>\n              </b-button>\n              <b-dropdown\n                variant=\"outline-secondary\"\n                no-caret\n                toggle-class=\"btn-icon\"\n                class=\"btn-share\"\n                right\n              >\n                <template #button-content>\n                  <feather-icon icon=\"Share2Icon\" />\n                </template>\n                <b-dropdown-item\n                  v-for=\"icon in [ 'FacebookIcon', 'TwitterIcon', 'YoutubeIcon', 'InstagramIcon', ]\"\n                  :key=\"icon\"\n                >\n                  <feather-icon :icon=\"icon\" />\n                </b-dropdown-item>\n              </b-dropdown>\n            </div>\n          </b-col>\n        </b-row>\n      </b-card-body>\n\n      <!-- Static Content -->\n      <e-commerce-product-details-item-features />\n\n      <!-- Static Content -->\n      <!-- Slider: Related Products -->\n      <e-commerce-product-details-related-products />\n    </b-card>\n  </section>\n</template>\n\n<script>\nimport { useRouter } from '@core/utils/utils'\nimport store from '@/store'\nimport { ref } from '@vue/composition-api'\nimport {\n  BCard, BCardBody, BRow, BCol, BImg, BCardText, BLink, BButton, BDropdown, BDropdownItem, BAlert,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport ECommerceProductDetailsItemFeatures from './ECommerceProductDetailsItemFeatures.vue'\nimport ECommerceProductDetailsRelatedProducts from './ECommerceProductDetailsRelatedProducts.vue'\nimport { useEcommerceUi } from '../useEcommerce'\n\nexport default {\n  directives: {\n    Ripple,\n  },\n  components: {\n    // BSV\n    BCard,\n    BCardBody,\n    BRow,\n    BCol,\n    BImg,\n    BCardText,\n    BLink,\n    BButton,\n    BDropdown,\n    BDropdownItem,\n    BAlert,\n\n    // SFC\n    ECommerceProductDetailsItemFeatures,\n    ECommerceProductDetailsRelatedProducts,\n  },\n  setup() {\n    const { handleCartActionClick, toggleProductInWishlist } = useEcommerceUi()\n\n    const product = ref(null)\n\n    // Remote Data\n    const fetchProduct = () => {\n      // Get product  id from URL\n      const { route } = useRouter()\n      const productSlug = route.value.params.slug\n      const productId = productSlug.substring(productSlug.lastIndexOf('-') + 1)\n\n      store.dispatch('app-ecommerce/fetchProduct', { productId })\n        .then(response => {\n          product.value = response.data.product\n        })\n        .catch(error => {\n          if (error.response.status === 404) {\n            product.value = undefined\n          }\n        })\n    }\n\n    // UI\n    const selectedColor = ref(null)\n\n    fetchProduct()\n\n    return {\n\n      // Fetched Product\n      product,\n\n      // UI\n      selectedColor,\n      handleCartActionClick,\n      toggleProductInWishlist,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import \"~@core/scss/base/pages/app-ecommerce-details.scss\";\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetails.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ECommerceProductDetails.vue?vue&type=template&id=e260a3d0&\"\nimport script from \"./ECommerceProductDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./ECommerceProductDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ECommerceProductDetails.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","import store from '@/store'\nimport { useRouter } from '@core/utils/utils'\n\nexport const useEcommerce = () => {\n  // eslint-disable-next-line arrow-body-style\n  const addProductInWishlist = productId => {\n    return store.dispatch('app-ecommerce/addProductInWishlist', { productId })\n  }\n\n  // eslint-disable-next-line arrow-body-style\n  const removeProductFromWishlist = productId => {\n    return store.dispatch('app-ecommerce/removeProductFromWishlist', { productId })\n  }\n\n  // eslint-disable-next-line arrow-body-style\n  const addProductInCart = productId => {\n    return store.dispatch('app-ecommerce/addProductInCart', { productId })\n  }\n\n  // eslint-disable-next-line arrow-body-style\n  const removeProductFromCart = productId => {\n    return store.dispatch('app-ecommerce/removeProductFromCart', { productId })\n  }\n\n  return {\n    addProductInWishlist,\n    removeProductFromWishlist,\n    addProductInCart,\n    removeProductFromCart,\n  }\n}\n\nexport const useEcommerceUi = () => {\n  const { router } = useRouter()\n\n  const toggleProductInWishlist = product => {\n    const { addProductInWishlist, removeProductFromWishlist } = useEcommerce()\n    if (product.isInWishlist) {\n      removeProductFromWishlist(product.id).then(() => {\n        // eslint-disable-next-line no-param-reassign\n        product.isInWishlist = false\n      })\n    } else {\n      addProductInWishlist(product.id).then(() => {\n        // eslint-disable-next-line no-param-reassign\n        product.isInWishlist = true\n      })\n    }\n  }\n\n  const handleCartActionClick = product => {\n    const { addProductInCart } = useEcommerce()\n\n    if (product.isInCart) {\n      router.push({ name: 'apps-e-commerce-checkout' })\n    } else {\n      addProductInCart(product.id).then(() => {\n        // eslint-disable-next-line no-param-reassign\n        product.isInCart = true\n\n        // Update cart items count\n        store.commit('app-ecommerce/UPDATE_CART_ITEMS_COUNT', store.state['app-ecommerce'].cartItemsCount + 1)\n      })\n    }\n  }\n\n  const handleWishlistCartActionClick = (product, removeProductFromWishlistUi) => {\n    const { addProductInCart, removeProductFromWishlist } = useEcommerce()\n\n    if (product.isInCart) {\n      router.push({ name: 'apps-e-commerce-checkout' })\n    } else {\n      addProductInCart(product.id)\n        .then(() => {\n          // eslint-disable-next-line no-param-reassign\n          product.isInCart = true\n          removeProductFromWishlist(product.id)\n\n          // Update cart items count\n          store.commit('app-ecommerce/UPDATE_CART_ITEMS_COUNT', store.state['app-ecommerce'].cartItemsCount + 1)\n        })\n        .then(() => {\n          // eslint-disable-next-line no-param-reassign\n          product.isInWishlist = false\n          removeProductFromWishlistUi(product)\n        })\n    }\n  }\n  return {\n    toggleProductInWishlist,\n    handleCartActionClick,\n    handleWishlistCartActionClick,\n  }\n}\n"],"sourceRoot":""}