{"version":3,"sources":["webpack:///./src/components/Page-header.vue","webpack:///src/components/Page-header.vue","webpack:///./src/components/Page-header.vue?95ad","webpack:///./src/components/Page-header.vue?f09d","webpack:///./src/assets/images/products/product-8.png","webpack:///./src/assets/images/products/product-2.png","webpack:///./src/assets/images/products/product-7.png","webpack:///./src/assets/images/products/product-5.png","webpack:///./src/assets/images/products/product-4.png","webpack:///./src/assets/images/products/product-6.png","webpack:///./src/assets/images/products/product-1.png","webpack:///./src/views/pages/ecommerce/product-detail.vue","webpack:///src/views/pages/ecommerce/product-detail.vue","webpack:///./src/views/pages/ecommerce/product-detail.vue?0d28","webpack:///./src/views/pages/ecommerce/product-detail.vue?8599","webpack:///./src/views/pages/ecommerce/data-products.js","webpack:///./src/assets/images/products/product-3.png"],"names":["render","_vm","this","_c","_self","staticClass","class","layoutType","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","computed","layoutComputed","component","module","exports","require","on","$event","changeImage","staticStyle","page","meta","name","content","appConfig","description","Layout","PageHeader","created","data","productDetail","products","text","active","methods","document","getElementById","src","target","id","image","price"],"mappings":"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","file":"js/chunk-3da21c5a.8bdb9361.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"page-title-box\",class:{\n        'page-title-box-alt':\n          _vm.layoutType !== 'vertical' && _vm.layoutType !== 'two-column',\n      }},[_c('h4',{staticClass:\"page-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { layoutComputed } from \"@/state/helpers\";\n\n/**\n * Page-header component\n */\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: \"\",\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n  },\n  computed: {\n    ...layoutComputed,\n  },\n};\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div\n        class=\"page-title-box\"\n        :class=\"{\n          'page-title-box-alt':\n            layoutType !== 'vertical' && layoutType !== 'two-column',\n        }\"\n      >\n        <h4 class=\"page-title\">{{ title }}</h4>\n        <div class=\"page-title-right\">\n          <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\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!./Page-header.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!./Page-header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Page-header.vue?vue&type=template&id=14ebe7ac\"\nimport script from \"./Page-header.vue?vue&type=script&lang=js\"\nexport * from \"./Page-header.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","module.exports = __webpack_public_path__ + \"img/product-8.74dd70e7.png\";","module.exports = __webpack_public_path__ + \"img/product-2.a9b1b2a3.png\";","module.exports = __webpack_public_path__ + \"img/product-7.6a58e219.png\";","module.exports = __webpack_public_path__ + \"img/product-5.7821ebc7.png\";","module.exports = __webpack_public_path__ + \"img/product-4.714cfaa8.png\";","module.exports = __webpack_public_path__ + \"img/product-6.13652570.png\";","module.exports = __webpack_public_path__ + \"img/product-1.0d8f8368.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-5\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('div',{staticClass:\"col-xl-8\"},[_c('div',{staticClass:\"carousel slide product-detail-carousel\",attrs:{\"id\":\"product-carousel\",\"data-ride\":\"carousel\"}},[_c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"carousel-item active\"},[_c('div',[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":require(\"@/assets/images/products/product-6.png\"),\"alt\":\"product-img\",\"id\":\"myImage\"}})])]),_c('div',{staticClass:\"carousel-item\"},[_c('div',[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":require(\"@/assets/images/products/product-8.png\"),\"alt\":\"product-img\"}})])]),_c('div',{staticClass:\"carousel-item\"},[_c('div',[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":require(\"@/assets/images/products/product-1.png\"),\"alt\":\"product-img\"}})])])]),_c('ol',{staticClass:\"carousel-indicators product-carousel-indicators mt-2\"},[_c('li',{staticClass:\"active\",attrs:{\"data-target\":\"#product-carousel\",\"data-slide-to\":\"0\"}},[_c('img',{staticClass:\"img-fluid product-nav-img\",attrs:{\"src\":require(\"@/assets/images/products/product-6.png\"),\"alt\":\"product-img\"},on:{\"click\":function($event){return _vm.changeImage($event)}}})]),_c('li',{attrs:{\"data-target\":\"#product-carousel\",\"data-slide-to\":\"1\"}},[_c('img',{staticClass:\"img-fluid product-nav-img\",attrs:{\"src\":require(\"@/assets/images/products/product-8.png\"),\"alt\":\"product-img\"},on:{\"click\":function($event){return _vm.changeImage($event)}}})]),_c('li',{attrs:{\"data-target\":\"#product-carousel\",\"data-slide-to\":\"2\"}},[_c('img',{staticClass:\"img-fluid product-nav-img\",attrs:{\"src\":require(\"@/assets/images/products/product-1.png\"),\"alt\":\"product-img\"},on:{\"click\":function($event){return _vm.changeImage($event)}}})])])])])])]),_c('div',{staticClass:\"col-lg-7\"},[_c('div',[_c('div',[_c('a',{staticClass:\"text-primary\",attrs:{\"href\":\"#\"}},[_vm._v(\"T-shirts\")])]),_c('h4',{staticClass:\"mb-1\"},[_vm._v(\" Hoodie for men (Blue) \"),_c('a',{staticClass:\"text-muted\",attrs:{\"href\":\"javascript: void(0);\"}},[_c('i',{staticClass:\"mdi mdi-square-edit-outline ml-2\"})])]),_c('p',{staticClass:\"text-muted mr-3 font-16\"},[_c('span',{staticClass:\"mdi mdi-star text-warning\"}),_c('span',{staticClass:\"mdi mdi-star text-warning\"}),_c('span',{staticClass:\"mdi mdi-star text-warning\"}),_c('span',{staticClass:\"mdi mdi-star text-warning\"}),_c('span',{staticClass:\"mdi mdi-star\"})]),_c('div',{staticClass:\"mt-3\"},[_c('h6',{staticClass:\"text-danger text-uppercase\"},[_vm._v(\"10 % Off\")]),_c('h4',[_vm._v(\" Price : \"),_c('span',{staticClass:\"text-muted mr-2\"},[_c('del',[_vm._v(\"$ 50\")])]),_c('b',[_vm._v(\"$ 45\")])])]),_c('hr'),_c('div',[_c('p',[_vm._v(\" If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual new common simple and regular than existing \")]),_c('div',{staticClass:\"mt-3\"},[_c('h5',{staticClass:\"font-size-14\"},[_vm._v(\"Specification :\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('ul',{staticClass:\"list-unstyled product-desc-list\"},[_c('li',[_c('i',{staticClass:\"mdi mdi-circle-medium mr-1 align-middle\"}),_vm._v(\" Full Sleeve \")]),_c('li',[_c('i',{staticClass:\"mdi mdi-circle-medium mr-1 align-middle\"}),_vm._v(\" Cotton \")]),_c('li',[_c('i',{staticClass:\"mdi mdi-circle-medium mr-1 align-middle\"}),_vm._v(\" All Sizes available \")]),_c('li',[_c('i',{staticClass:\"mdi mdi-circle-medium mr-1 align-middle\"}),_vm._v(\" 4 Different Color \")])])]),_c('div',{staticClass:\"col-md-6\"},[_c('ul',{staticClass:\"list-unstyled product-desc-list\"},[_c('li',[_c('i',{staticClass:\"mdi mdi-circle-medium mr-1 align-middle\"}),_vm._v(\" All Sizes available \")]),_c('li',[_c('i',{staticClass:\"mdi mdi-circle-medium mr-1 align-middle\"}),_vm._v(\" 4 Different Color \")])])])])]),_c('div',[_c('form',{staticClass:\"form-inline mb-3\"},[_c('label',{staticClass:\"my-1 mr-2\",attrs:{\"for\":\"quantityinput\"}},[_vm._v(\"Quantity\")]),_c('select',{staticClass:\"custom-select my-1 mr-sm-3\",attrs:{\"id\":\"quantityinput\"}},[_c('option',{attrs:{\"value\":\"1\"}},[_vm._v(\"1\")]),_c('option',{attrs:{\"value\":\"2\"}},[_vm._v(\"2\")]),_c('option',{attrs:{\"value\":\"3\"}},[_vm._v(\"3\")]),_c('option',{attrs:{\"value\":\"4\"}},[_vm._v(\"4\")]),_c('option',{attrs:{\"value\":\"5\"}},[_vm._v(\"5\")]),_c('option',{attrs:{\"value\":\"6\"}},[_vm._v(\"6\")]),_c('option',{attrs:{\"value\":\"7\"}},[_vm._v(\"7\")])]),_c('label',{staticClass:\"my-1 mr-2\",attrs:{\"for\":\"sizeinput\"}},[_vm._v(\"Size\")]),_c('select',{staticClass:\"custom-select my-1 mr-sm-3\",attrs:{\"id\":\"sizeinput\"}},[_c('option',{attrs:{\"selected\":\"\"}},[_vm._v(\"Small\")]),_c('option',{attrs:{\"value\":\"1\"}},[_vm._v(\"Medium\")]),_c('option',{attrs:{\"value\":\"2\"}},[_vm._v(\"Large\")]),_c('option',{attrs:{\"value\":\"3\"}},[_vm._v(\"X-large\")])])]),_c('div',[_c('button',{staticClass:\"btn btn-success waves-effect waves-light\",attrs:{\"type\":\"button\"}},[_c('span',{staticClass:\"btn-label\"},[_c('i',{staticClass:\"mdi mdi-cart\"})]),_vm._v(\"Add to cart \")])])])])])])]),_c('h5',{staticClass:\"mt-5 mb-3\"},[_vm._v(\"Available Stocks & Outlets\")]),_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-bordered table-centered mb-0\"},[_c('thead',{staticClass:\"thead-light\"},[_c('tr',[_c('th',[_vm._v(\"Outlets\")]),_c('th',[_vm._v(\"Price\")]),_c('th',[_vm._v(\"Stock\")]),_c('th',[_vm._v(\"Revenue\")])])]),_c('tbody',[_c('tr',[_c('td',[_vm._v(\"ASOS Ridley Outlet - NYC\")]),_c('td',[_vm._v(\"$139.58\")]),_c('td',[_c('div',{staticClass:\"row align-items-center no-gutters\"},[_c('div',{staticClass:\"col-auto\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(\"27%\")])]),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"progress progress-sm\"},[_c('div',{staticClass:\"progress-bar bg-danger\",staticStyle:{\"width\":\"27%\"},attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"27\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}})])])])]),_c('td',[_vm._v(\"$1,89,547\")])]),_c('tr',[_c('td',[_vm._v(\"Marco Outlet - SRT\")]),_c('td',[_vm._v(\"$149.99\")]),_c('td',[_c('div',{staticClass:\"row align-items-center no-gutters\"},[_c('div',{staticClass:\"col-auto\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(\"71%\")])]),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"progress progress-sm\"},[_c('div',{staticClass:\"progress-bar bg-success\",staticStyle:{\"width\":\"71%\"},attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"71\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}})])])])]),_c('td',[_vm._v(\"$87,245\")])]),_c('tr',[_c('td',[_vm._v(\"Chairtest Outlet - HY\")]),_c('td',[_vm._v(\"$135.87\")]),_c('td',[_c('div',{staticClass:\"row align-items-center no-gutters\"},[_c('div',{staticClass:\"col-auto\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(\"82%\")])]),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"progress progress-sm\"},[_c('div',{staticClass:\"progress-bar bg-success\",staticStyle:{\"width\":\"82%\"},attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"82\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}})])])])]),_c('td',[_vm._v(\"$5,87,478\")])]),_c('tr',[_c('td',[_vm._v(\"Nworld Group - India\")]),_c('td',[_vm._v(\"$159.89\")]),_c('td',[_c('div',{staticClass:\"row align-items-center no-gutters\"},[_c('div',{staticClass:\"col-auto\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(\"42%\")])]),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"progress progress-sm\"},[_c('div',{staticClass:\"progress-bar bg-warning\",staticStyle:{\"width\":\"42%\"},attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"42\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}})])])])]),_c('td',[_vm._v(\"$55,781\")])])])])])])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { products } from \"./data-products\";\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/Page-header\";\nimport appConfig from \"../../../../app.config\";\n\n/**\n * Product-detail component\n */\nexport default {\n  page: {\n    title: \"Product-detail\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: {\n    Layout,\n    PageHeader,\n  },\n  created() {\n    //   console.log(this.$route.params.id)\n    // this.productDetail = products.filter((product) => {\n    //   return product.id === parseInt(this.$route.params.id);\n    // });\n    // console.log(this.productDetail)\n  },\n  data() {\n    return {\n      productDetail: null,\n      products: products,\n      title: \"Product Detail\",\n      items: [\n        {\n          text: \"Minton\",\n        },\n        {\n          text: \"Ecommerce\",\n        },\n        {\n          text: \"Product Detail\",\n          active: true,\n        },\n      ],\n    };\n  },\n  methods: {\n    /**\n     * Change the product\n     */\n    changeImage(data) {\n      document.getElementById(\"myImage\").src = data.target.src;\n    },\n  },\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :title=\"title\" :items=\"items\" />\n    <div class=\"row\">\n      <div class=\"col-lg-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <div class=\"row\">\n              <div class=\"col-lg-5\">\n                <div class=\"row justify-content-center\">\n                  <div class=\"col-xl-8\">\n                    <div\n                      id=\"product-carousel\"\n                      class=\"carousel slide product-detail-carousel\"\n                      data-ride=\"carousel\"\n                    >\n                      <div class=\"carousel-inner\">\n                        <div class=\"carousel-item active\">\n                          <div>\n                            <img\n                              src=\"@/assets/images/products/product-6.png\"\n                              alt=\"product-img\"\n                              id=\"myImage\"\n                              class=\"img-fluid\"\n                            />\n                          </div>\n                        </div>\n                        <div class=\"carousel-item\">\n                          <div>\n                            <img\n                              src=\"@/assets/images/products/product-8.png\"\n                              alt=\"product-img\"\n                              class=\"img-fluid\"\n                            />\n                          </div>\n                        </div>\n                        <div class=\"carousel-item\">\n                          <div>\n                            <img\n                              src=\"@/assets/images/products/product-1.png\"\n                              alt=\"product-img\"\n                              class=\"img-fluid\"\n                            />\n                          </div>\n                        </div>\n                      </div>\n                      <ol\n                        class=\"carousel-indicators product-carousel-indicators mt-2\"\n                      >\n                        <li\n                          data-target=\"#product-carousel\"\n                          data-slide-to=\"0\"\n                          class=\"active\"\n                        >\n                          <img\n                            src=\"@/assets/images/products/product-6.png\"\n                            @click=\"changeImage($event)\"\n                            alt=\"product-img\"\n                            class=\"img-fluid product-nav-img\"\n                          />\n                        </li>\n                        <li data-target=\"#product-carousel\" data-slide-to=\"1\">\n                          <img\n                            src=\"@/assets/images/products/product-8.png\"\n                            @click=\"changeImage($event)\"\n                            alt=\"product-img\"\n                            class=\"img-fluid product-nav-img\"\n                          />\n                        </li>\n                        <li data-target=\"#product-carousel\" data-slide-to=\"2\">\n                          <img\n                            src=\"@/assets/images/products/product-1.png\"\n                            @click=\"changeImage($event)\"\n                            alt=\"product-img\"\n                            class=\"img-fluid product-nav-img\"\n                          />\n                        </li>\n                      </ol>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"col-lg-7\">\n                <div>\n                  <div>\n                    <a href=\"#\" class=\"text-primary\">T-shirts</a>\n                  </div>\n                  <h4 class=\"mb-1\">\n                    Hoodie for men (Blue)\n                    <a href=\"javascript: void(0);\" class=\"text-muted\">\n                      <i class=\"mdi mdi-square-edit-outline ml-2\"></i>\n                    </a>\n                  </h4>\n\n                  <p class=\"text-muted mr-3 font-16\">\n                    <span class=\"mdi mdi-star text-warning\"></span>\n                    <span class=\"mdi mdi-star text-warning\"></span>\n                    <span class=\"mdi mdi-star text-warning\"></span>\n                    <span class=\"mdi mdi-star text-warning\"></span>\n                    <span class=\"mdi mdi-star\"></span>\n                  </p>\n\n                  <div class=\"mt-3\">\n                    <h6 class=\"text-danger text-uppercase\">10 % Off</h6>\n                    <h4>\n                      Price :\n                      <span class=\"text-muted mr-2\">\n                        <del>$ 50</del>\n                      </span>\n                      <b>$ 45</b>\n                    </h4>\n                  </div>\n                  <hr />\n\n                  <div>\n                    <p>\n                      If several languages coalesce, the grammar of the\n                      resulting language is more simple and regular than that of\n                      the individual new common simple and regular than existing\n                    </p>\n\n                    <div class=\"mt-3\">\n                      <h5 class=\"font-size-14\">Specification :</h5>\n                      <div class=\"row\">\n                        <div class=\"col-md-6\">\n                          <ul class=\"list-unstyled product-desc-list\">\n                            <li>\n                              <i\n                                class=\"mdi mdi-circle-medium mr-1 align-middle\"\n                              ></i>\n                              Full Sleeve\n                            </li>\n                            <li>\n                              <i\n                                class=\"mdi mdi-circle-medium mr-1 align-middle\"\n                              ></i>\n                              Cotton\n                            </li>\n                            <li>\n                              <i\n                                class=\"mdi mdi-circle-medium mr-1 align-middle\"\n                              ></i>\n                              All Sizes available\n                            </li>\n                            <li>\n                              <i\n                                class=\"mdi mdi-circle-medium mr-1 align-middle\"\n                              ></i>\n                              4 Different Color\n                            </li>\n                          </ul>\n                        </div>\n                        <div class=\"col-md-6\">\n                          <ul class=\"list-unstyled product-desc-list\">\n                            <li>\n                              <i\n                                class=\"mdi mdi-circle-medium mr-1 align-middle\"\n                              ></i>\n                              All Sizes available\n                            </li>\n                            <li>\n                              <i\n                                class=\"mdi mdi-circle-medium mr-1 align-middle\"\n                              ></i>\n                              4 Different Color\n                            </li>\n                          </ul>\n                        </div>\n                      </div>\n                    </div>\n\n                    <div>\n                      <form class=\"form-inline mb-3\">\n                        <label class=\"my-1 mr-2\" for=\"quantityinput\"\n                          >Quantity</label\n                        >\n                        <select\n                          class=\"custom-select my-1 mr-sm-3\"\n                          id=\"quantityinput\"\n                        >\n                          <option value=\"1\">1</option>\n                          <option value=\"2\">2</option>\n                          <option value=\"3\">3</option>\n                          <option value=\"4\">4</option>\n                          <option value=\"5\">5</option>\n                          <option value=\"6\">6</option>\n                          <option value=\"7\">7</option>\n                        </select>\n\n                        <label class=\"my-1 mr-2\" for=\"sizeinput\">Size</label>\n                        <select\n                          class=\"custom-select my-1 mr-sm-3\"\n                          id=\"sizeinput\"\n                        >\n                          <option selected>Small</option>\n                          <option value=\"1\">Medium</option>\n                          <option value=\"2\">Large</option>\n                          <option value=\"3\">X-large</option>\n                        </select>\n                      </form>\n\n                      <div>\n                        <button\n                          type=\"button\"\n                          class=\"btn btn-success waves-effect waves-light\"\n                        >\n                          <span class=\"btn-label\">\n                            <i class=\"mdi mdi-cart\"></i> </span\n                          >Add to cart\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <!-- end row -->\n\n            <h5 class=\"mt-5 mb-3\">Available Stocks & Outlets</h5>\n            <div class=\"table-responsive\">\n              <table class=\"table table-bordered table-centered mb-0\">\n                <thead class=\"thead-light\">\n                  <tr>\n                    <th>Outlets</th>\n                    <th>Price</th>\n                    <th>Stock</th>\n                    <th>Revenue</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <tr>\n                    <td>ASOS Ridley Outlet - NYC</td>\n                    <td>$139.58</td>\n                    <td>\n                      <div class=\"row align-items-center no-gutters\">\n                        <div class=\"col-auto\">\n                          <span class=\"mr-2\">27%</span>\n                        </div>\n                        <div class=\"col\">\n                          <div class=\"progress progress-sm\">\n                            <div\n                              class=\"progress-bar bg-danger\"\n                              role=\"progressbar\"\n                              style=\"width: 27%\"\n                              aria-valuenow=\"27\"\n                              aria-valuemin=\"0\"\n                              aria-valuemax=\"100\"\n                            ></div>\n                          </div>\n                        </div>\n                      </div>\n                    </td>\n                    <td>$1,89,547</td>\n                  </tr>\n                  <tr>\n                    <td>Marco Outlet - SRT</td>\n                    <td>$149.99</td>\n                    <td>\n                      <div class=\"row align-items-center no-gutters\">\n                        <div class=\"col-auto\">\n                          <span class=\"mr-2\">71%</span>\n                        </div>\n                        <div class=\"col\">\n                          <div class=\"progress progress-sm\">\n                            <div\n                              class=\"progress-bar bg-success\"\n                              role=\"progressbar\"\n                              style=\"width: 71%\"\n                              aria-valuenow=\"71\"\n                              aria-valuemin=\"0\"\n                              aria-valuemax=\"100\"\n                            ></div>\n                          </div>\n                        </div>\n                      </div>\n                    </td>\n                    <td>$87,245</td>\n                  </tr>\n                  <tr>\n                    <td>Chairtest Outlet - HY</td>\n                    <td>$135.87</td>\n                    <td>\n                      <div class=\"row align-items-center no-gutters\">\n                        <div class=\"col-auto\">\n                          <span class=\"mr-2\">82%</span>\n                        </div>\n                        <div class=\"col\">\n                          <div class=\"progress progress-sm\">\n                            <div\n                              class=\"progress-bar bg-success\"\n                              role=\"progressbar\"\n                              style=\"width: 82%\"\n                              aria-valuenow=\"82\"\n                              aria-valuemin=\"0\"\n                              aria-valuemax=\"100\"\n                            ></div>\n                          </div>\n                        </div>\n                      </div>\n                    </td>\n                    <td>$5,87,478</td>\n                  </tr>\n                  <tr>\n                    <td>Nworld Group - India</td>\n                    <td>$159.89</td>\n                    <td>\n                      <div class=\"row align-items-center no-gutters\">\n                        <div class=\"col-auto\">\n                          <span class=\"mr-2\">42%</span>\n                        </div>\n                        <div class=\"col\">\n                          <div class=\"progress progress-sm\">\n                            <div\n                              class=\"progress-bar bg-warning\"\n                              role=\"progressbar\"\n                              style=\"width: 42%\"\n                              aria-valuenow=\"42\"\n                              aria-valuemin=\"0\"\n                              aria-valuemax=\"100\"\n                            ></div>\n                          </div>\n                        </div>\n                      </div>\n                    </td>\n                    <td>$55,781</td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n        <!-- end card -->\n      </div>\n    </div>\n    <!-- end row -->\n  </Layout>\n</template>\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!./product-detail.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!./product-detail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./product-detail.vue?vue&type=template&id=18ef5d4c\"\nimport script from \"./product-detail.vue?vue&type=script&lang=js\"\nexport * from \"./product-detail.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","const products = [\n  {\n    id:1,\n    image: require(\"@/assets/images/products/product-1.png\"),\n    name: \"Blue color T-shirt\",\n    price: 41\n  },\n  {\n    id:2,\n    image: require(\"@/assets/images/products/product-2.png\"),\n    name: \"Half sleeve maroon T-shirt\",\n    price: 37\n  },\n  {\n    id:3,\n    image: require(\"@/assets/images/products/product-3.png\"),\n    name: \"Cream color T-shirt\",\n    price: 38\n  },\n  {\n    id:4,\n    image: require(\"@/assets/images/products/product-4.png\"),\n    name: \"Blue color T-shirt\",\n    price: 37\n  },\n  {\n    id:5,\n    image: require(\"@/assets/images/products/product-5.png\"),\n    name: \"Half sleeve T-shirt\",\n    price: 37\n  },\n  {\n    id:6,\n    image: require(\"@/assets/images/products/product-6.png\"),\n    name: \"Blue Hoodie for men\",\n    price: 45\n  },\n  {\n    id:7,\n    image: require(\"@/assets/images/products/product-7.png\"),\n    name: \"Vneck green T-shirt\",\n    price: 38\n  },\n  {\n    id:8,\n    image: require(\"@/assets/images/products/product-8.png\"),\n    name: \"Full sleeve Pink T-shirt\",\n    price: 45\n  }\n];\n\nexport { products };\n","module.exports = __webpack_public_path__ + \"img/product-3.266125da.png\";"],"sourceRoot":""}