{"version":3,"sources":["webpack:///./src/assets/images/no-image-400x400.png","webpack:///./src/views/welcome-page/ProductsList.vue?f6d8","webpack:///./src/views/welcome-page/ProductsList.vue","webpack:///src/views/welcome-page/ProductsList.vue","webpack:///./src/views/welcome-page/ProductsList.vue?f822","webpack:///./src/views/welcome-page/ProductsList.vue?cb7e","webpack:///./node_modules/core-js/modules/es6.string.small.js"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","_m","_v","loadingCategList","_l","i","key","_s","$t","directives","name","rawName","value","filterByCategId","expression","on","$event","cancelFilterByCateg","categList","item","index","produits_count","class","id","filterByCateg","nom","_e","selectedStartEndDateTime","attrs","$moment","startDate","format","startTime","endDate","endTime","dateDifference","d","h","showProductCartPopupActive","toggleDataIsPoupupAddAndEditActive","avProductsList","length","loadingAvProductsList","product","categ_id","image","small","require","title","short_description","substring","description","price","old_price","parseFloat","toFixed","reserve","staticRenderFns","PopupShowProduct","props","isValidatedStep1","type","Boolean","required","oldReservationProducts","data","activePrompt","search","isRangeOfDatetimeClicked","showProductCartPopupFromCart","productCartIndex","showProductCartPopup","showProductOptionPopup","methods","addDays","date","days","result","Date","setDate","getDate","showPopup","arguments","undefined","isUpdate","quantityRequested","moment","product_price","Number","total","$store","dispatch","productId","popupSelectedStartDate","popupSelectedStartTime","popupSelectedEndDate","popupSelectedEndTime","addSelectedStartEndDateTimeInCart","getAvProduct","_getAvProduct","_asyncToGenerator","regeneratorRuntime","mark","_callee","excludeReservationProductUuid","payload","_this","_args","wrap","_context","prev","next","$vs","loading","reservationProductUuid","quantity","notify","then","res","status","close","catch","err","stop","apply","getCategList","_getCategList","_callee2","_context2","val","openLoading","commit","closeLoading","acceptAlert","color","text","getProductList","_this2","axios","get","response","error","resetPopupShowProduct","_this3","defaultQty","fromCart","selectedProductOptions","popupSelectedProductOption","forEach","showProductOptionPopupValue","active","$refs","optionSelected","popupSelectedQty","calculTotalPrice","isPopupSelectedStartDateChanged","isPopupSelectedEndDateChanged","isPopupSelectedStartTimeChanged","isPopupSelectedEndTimeChanged","_this4","options_price","getNewProductPrice","getNewProductOptionPrice","getNewProductOptionPriceFromCheckbox","checkAvProductById","getAvProductOption","reserveButtonClicked","optionList","product_options","element","push","qty","img","productOptionsList","accept","updateButtonPopupClicked","confirmButtonPopupClicked","selectedProductOption","storeProductItemInCart","large_image","meduim_image","small_image","x_small_image","pourcentage","calculated","allOptions","additemInCart","confirmButtonIsDisabled","availability","isSelectedDateTimeChanged","updateCartButtonClicked","updateItemQuantity","event","itemIndex","Math","abs","cartItems","setProductOptions","allProductoptions","reservationProductOptions","productOptions","totalOptionsPrice","selectedReservationProductoption","find","reservationProductOptionUuid","uid","option_id","setProductWithOptionsInCart","reservationProduct","findProduct","products","productOptionList","reservation_product_options","start_date","end_date","productsheetIsExist","productsheet","product_id","total_options_price","total_product","clearCart","itemId","computed","state","eCommerce","slice","set","isWithoutDiscountActive","watch","components","mounted","_this5","$root","$on","component","createHTML"],"mappings":"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","file":"js/chunk-9d567f80.26e1cefa.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/no-image-400x400.8a6fa43f.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!./ProductsList.vue?vue&type=style&index=0&id=aecd4328&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"max-w-5xl px-10 pt-6 mx-auto xl:px-0\"},[_vm._m(0),_c('div',{staticClass:\"flex flex-wrap mt-10 overflow-hidden\"},[_c('div',{staticClass:\"w-full mt-12 overflow-hidden md:w-2/6 lg:w-2/6 xl:w-2/6 md:mt-0\"},[_c('div',{staticClass:\"ml-2 mt-4 mr-2 md:ml-4\"},[_c('div',{staticClass:\"rounded-lg bg-white p-7\"},[_c('div',{staticClass:\"pb-6 text-left\"},[_c('h2',{staticClass:\"mb-1 text-lg font-extrabold text-gray-800 uppercase\"},[_vm._v(\"FILTER\")]),(_vm.loadingCategList)?_c('div',{staticClass:\"mt-8\"},_vm._l((3),function(i){return _c('div',{key:i,staticClass:\"p-1 mb-2 w-full mx-auto\"},[_vm._m(1,true)])}),0):_c('div',{staticClass:\"mt-8\"},[_c('div',{staticClass:\"flex\"},[_c('span',{staticClass:\"flex-1 cursor-pointer block text-md text-primary font-medium text-gray-700\"},[_c('h3',{staticClass:\"mb-1 text-sm font-semibold text-gray-800 uppercase\"},[_vm._v(_vm._s(_vm.$t('Category')))])]),_c('span',{staticClass:\"text-xs font-thin text-gray-700\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.filterByCategId!=0),expression:\"filterByCategId!=0\"}],staticClass:\"cursor-pointer text-primary\",on:{\"click\":function($event){return _vm.cancelFilterByCateg()}}},[_vm._v(\"Afficher tout\")])])]),_c('ul',{staticClass:\"mt-2\"},_vm._l((_vm.categList),function(item,index){return _c('span',{key:index},[(item.produits_count>0)?_c('li',{staticClass:\"flex\"},[_c('span',{staticClass:\"flex-1 cursor-pointer uppercase block py-2 text-md text-primary hover:opacity-75 font-medium text-gray-700\",class:{'font-bold': item.id == _vm.filterByCategId},on:{\"click\":function($event){return _vm.filterByCateg(item.id)}}},[_vm._v(_vm._s(item.nom))]),_c('span',{staticClass:\"p-2 text-lg font-thin text-gray-700\",class:{'font-medium': item.id == _vm.filterByCategId}},[_vm._v(_vm._s(item.produits_count))])]):_vm._e()])}),0)])])])])]),_c('div',{staticClass:\"w-full overflow-hidden md:w-4/6 lg:w-4/6 xl:w-4/6\"},[_c('div',{staticClass:\"mt-4 ml-2 mr-2 md:mr-4\"},[(_vm.selectedStartEndDateTime)?_c('div',{staticClass:\"mb-6 bg-secondary rounded-md text-white p-3\"},[_c('svg',{staticClass:\"h-7 w-7 inline\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2\",\"d\":\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"}})]),_c('div',{staticClass:\"inline text-lg font-medium pl-2\"},[_vm._v(\" \"+_vm._s(_vm.$moment(_vm.selectedStartEndDateTime.startDate, 'DD-MM-YYYY HH:mm:ss').format('DD-MM-YYYY'))+\" \"+_vm._s(_vm.$moment(_vm.selectedStartEndDateTime.startTime, 'DD-MM-YYYY HH:mm:ss').format('HH:mm'))+\" / \"+_vm._s(_vm.$moment(_vm.selectedStartEndDateTime.endDate, 'DD-MM-YYYY HH:mm:ss').format('DD-MM-YYYY'))+\" \"+_vm._s(_vm.$moment(_vm.selectedStartEndDateTime.endTime, 'DD-MM-YYYY HH:mm:ss').format('HH:mm'))+\" \")]),(_vm.dateDifference)?_c('div',{staticClass:\"inline text-lg font-medium pl-2 float-right\"},[(_vm.dateDifference.d == 1)?_c('span',[_vm._v(_vm._s(_vm.dateDifference.d)+\" jour\")]):(_vm.dateDifference.d >= 2)?_c('span',[_vm._v(_vm._s(_vm.dateDifference.d)+\" jours\")]):_vm._e(),(_vm.dateDifference.h == 1)?_c('span',[(_vm.dateDifference.d > 0)?_c('span',[_vm._v(\",\")]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.dateDifference.h)+\" heure \")]):(_vm.dateDifference.h >= 2)?_c('span',[(_vm.dateDifference.d > 0)?_c('span',[_vm._v(\",\")]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.dateDifference.h)+\" heures \")]):_vm._e()]):_vm._e()]):_vm._e(),_c('PopupShowProduct',{attrs:{\"isPopupActive\":_vm.showProductCartPopupActive},on:{\"closeSidebar\":_vm.toggleDataIsPoupupAddAndEditActive}}),(_vm.avProductsList.length>0)?_c('div',{staticClass:\"col-span-12 md:col-span-8\"},[(_vm.loadingAvProductsList)?_c('div',_vm._l((3),function(i){return _c('div',{key:i,staticClass:\"border border-gray-50 shadow rounded-md p-4 mb-2 w-full mx-auto\"},[_vm._m(2,true)])}),0):_vm._e(),_vm._l((_vm.avProductsList),function(product,index){return _c('div',{key:index},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.filterByCategId==0 || product.categ_id === _vm.filterByCategId),expression:\"filterByCategId==0 || product.categ_id === filterByCategId\"}],staticClass:\"flex flex-wrap content-center items-center bg-white mt-2\"},[_c('a',{staticClass:\"w-full md:w-2/5 md:h-40 overflow-hidden\"},[(product.image && product.image.small)?_c('img',{staticClass:\"mx-auto max-h-full p-2 transition duration-300 ease-out transform hover:scale-105\",attrs:{\"src\":product.image.small,\"alt\":'Problème chargement d\\'image'}}):_c('img',{staticClass:\"max-h-full p-2 transition duration-300 ease-out transform hover:scale-105\",attrs:{\"src\":require(\"@/assets/images/no-image-400x400.png\"),\"alt\":'Problème chargement d\\'image'}})]),_c('div',{staticClass:\"w-full md:w-2/5 p-2 border-dashed md:border-r border-gray-200 text-center\"},[_c('h2',{staticClass:\"mb-2 text-lg text-gray-700\"},[_vm._v(_vm._s(product.title))]),(product.short_description)?_c('p',{staticClass:\"mb-3 text-sm text-gray-800\"},[_vm._v(_vm._s(product.short_description.length >= 80 ? product.short_description.substring(0, 80) + '...' : product.short_description))]):(product.description)?_c('p',{staticClass:\"mb-3 text-sm text-gray-800\"},[_vm._v(_vm._s(product.description.length >= 80 ? product.description.substring(0, 80) + '...' : product.description))]):_vm._e()]),_c('div',{staticClass:\"w-full md:w-1/5 text-center\"},[(product.price)?_c('div',{staticClass:\"mb-1 text-sm text-gray-400\"},[(_vm.dateDifference)?_c('div',{staticClass:\"date-difference\"},[(_vm.dateDifference.d == 1)?_c('span',[_vm._v(_vm._s(_vm.dateDifference.d)+\" jour\")]):(_vm.dateDifference.d >= 2)?_c('span',[_vm._v(_vm._s(_vm.dateDifference.d)+\" jours\")]):_vm._e(),(_vm.dateDifference.h == 1)?_c('span',[(_vm.dateDifference.d > 0)?_c('span',[_vm._v(\",\")]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.dateDifference.h)+\" heure \")]):(_vm.dateDifference.h >= 2)?_c('span',[(_vm.dateDifference.d > 0)?_c('span',[_vm._v(\",\")]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.dateDifference.h)+\" heures \")]):_vm._e()]):_vm._e()]):_vm._e(),(product.old_price)?_c('del',[_c('span',{staticClass:\"product-old-price\"},[_vm._v(_vm._s(parseFloat(product.old_price).toFixed(2))+\" €\")])]):_vm._e(),(product.price)?_c('p',{staticClass:\"mb-3 text-sm text-gray-800\"},[_vm._v(\" \"+_vm._s(parseFloat(product.price).toFixed(2))+\" €\")]):_vm._e(),_c('button',{staticClass:\"product-list-btn-reserve bg-primary rounded-lg hover:opacity-75 sm:mb-6 xs:w-1/2 font-medium text-white py-2 px-3 rounded-md\",on:{\"click\":function($event){return _vm.reserve(product.id, product)}}},[_c('svg',{staticClass:\"inline h-5 w-5\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\"}},[_c('path',{attrs:{\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-width\":\"2\",\"d\":\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\"}})]),_vm._v(\" Réserver \")])])])])})],2):_vm._e()],1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pb-1 pt-6\"},[_c('h2',{staticClass:\"ml-2 text-5xl font-extrabold leading-none text-gray-800 xl:text-4xl sm:text-center lg:text-left\"},[_vm._v(\" Liste des Produits \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"animate-pulse flex space-x-4\"},[_c('div',{staticClass:\"h-2 bg-gray-400 rounded-sm w-5/12\"}),_c('div',{staticClass:\"w-6/12\"}),_c('div',{staticClass:\"items-end h-2 bg-gray-400 rounded-sm w-1/12\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"animate-pulse flex space-x-4\"},[_c('div',{staticClass:\"bg-gray-400 h-40 w-40 rounded-sm\"}),_c('div',{staticClass:\"flex-1 space-y-4 pt-4 py-1\"},[_c('div',{staticClass:\"h-4 bg-gray-400 rounded w-3/4\"}),_c('div',{staticClass:\"space-y-2\"},[_c('div',{staticClass:\"h-4 bg-gray-400 rounded\"}),_c('div',{staticClass:\"h-4 bg-gray-400 rounded w-5/6\"})])]),_c('div',{staticClass:\"bg-gray-400 h-8 w-20 rounded-sm\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"max-w-5xl px-10 pt-6 mx-auto xl:px-0\">\n      <div class=\"pb-1 pt-6\">\n        <h2 class=\"ml-2 text-5xl font-extrabold leading-none text-gray-800 xl:text-4xl sm:text-center lg:text-left\">\n            Liste des Produits\n        </h2>\n      </div>\n\n      <div class=\"flex flex-wrap mt-10 overflow-hidden\">\n        <!-- Begining of Sidebar -->\n        <div class=\"w-full mt-12 overflow-hidden md:w-2/6 lg:w-2/6 xl:w-2/6 md:mt-0\">\n            <div class=\"ml-2 mt-4 mr-2 md:ml-4\">\n                <div class=\"rounded-lg bg-white p-7\">\n                    <div class=\"pb-6 text-left\">\n                      <h2 class=\"mb-1 text-lg font-extrabold text-gray-800 uppercase\">FILTER</h2>\n                          \n                      <div v-if=\"loadingCategList\" class=\"mt-8\">\n                        <div v-for=\"i in 3\" :key=\"i\" class=\"p-1 mb-2 w-full mx-auto\">\n                          <div class=\"animate-pulse flex space-x-4\">\n                            <div class=\"h-2 bg-gray-400 rounded-sm w-5/12\"></div>\n\n                            <div class=\"w-6/12\"></div>\n\n                            <div class=\"items-end h-2 bg-gray-400 rounded-sm w-1/12\"></div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <div v-else class=\"mt-8\">\n\n                        <div class=\"flex\">\n                          <span class=\"flex-1 cursor-pointer block text-md text-primary font-medium text-gray-700\">\n                            <h3 class=\"mb-1 text-sm font-semibold text-gray-800 uppercase\">{{ $t('Category') }}</h3>\n                          </span>\n                          <span class=\"text-xs font-thin text-gray-700\">\n                            <span v-show=\"filterByCategId!=0\" @click=\"cancelFilterByCateg()\" class=\"cursor-pointer text-primary\">Afficher tout</span>\n                          </span>\n                        </div>\n\n                        <ul class=\"mt-2\">\n                          <span v-for=\"(item, index) in categList\" :key=\"index\" >\n                            <li class=\"flex\" v-if=\"item.produits_count>0\">\n                              <span @click=\"filterByCateg(item.id)\" :class=\"{'font-bold': item.id == filterByCategId}\" class=\"flex-1 cursor-pointer uppercase block py-2 text-md text-primary hover:opacity-75 font-medium text-gray-700\">{{ item.nom }}</span>\n                              <span class=\"p-2 text-lg font-thin text-gray-700\" :class=\"{'font-medium': item.id == filterByCategId}\">{{ item.produits_count }}</span>\n                            </li>\n                          </span>\n                        </ul>\n                      </div>\n                    </div>\n                </div>              \n            </div>\n        </div>\n\n        <div class=\"w-full overflow-hidden md:w-4/6 lg:w-4/6 xl:w-4/6\">\n            <div class=\"mt-4 ml-2 mr-2 md:mr-4\">\n\n              <div v-if=\"selectedStartEndDateTime\" class=\"mb-6 bg-secondary rounded-md text-white p-3\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-7 w-7 inline\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\n                </svg>\n\n                <div class=\"inline text-lg font-medium pl-2\">\n                  {{ $moment(selectedStartEndDateTime.startDate, 'DD-MM-YYYY HH:mm:ss').format('DD-MM-YYYY') }} {{ $moment(selectedStartEndDateTime.startTime, 'DD-MM-YYYY HH:mm:ss').format('HH:mm') }} / {{ $moment(selectedStartEndDateTime.endDate, 'DD-MM-YYYY HH:mm:ss').format('DD-MM-YYYY') }} {{ $moment(selectedStartEndDateTime.endTime, 'DD-MM-YYYY HH:mm:ss').format('HH:mm') }}\n                </div>\n\n                <div class=\"inline text-lg font-medium pl-2 float-right\" v-if=\"dateDifference\">\n                  <span v-if=\"dateDifference.d == 1\">{{ dateDifference.d }} jour</span>\n                  <span v-else-if=\"dateDifference.d >= 2\">{{ dateDifference.d }} jours</span>\n                  \n                  <span v-if=\"dateDifference.h == 1\">\n                    <span v-if=\"dateDifference.d > 0\">,</span> {{ dateDifference.h }} heure\n                  </span>\n                  <span v-else-if=\"dateDifference.h >= 2\">\n                    <span v-if=\"dateDifference.d > 0\">,</span> {{ dateDifference.h }} heures\n                  </span>\n                </div>\n\n              </div>\n              \n                \n                <PopupShowProduct\n                    :isPopupActive=\"showProductCartPopupActive\"\n                    @closeSidebar=\"toggleDataIsPoupupAddAndEditActive\"\n                />\n\n                <div class=\"col-span-12 md:col-span-8\" v-if=\"avProductsList.length>0\">\n\n                  <div v-if=\"loadingAvProductsList\">\n                    <div v-for=\"i in 3\" :key=\"i\" class=\"border border-gray-50 shadow rounded-md p-4 mb-2 w-full mx-auto\">\n                      <div class=\"animate-pulse flex space-x-4\">\n                        <div class=\"bg-gray-400 h-40 w-40 rounded-sm\"></div>\n                        <div class=\"flex-1 space-y-4 pt-4 py-1\">\n                          <div class=\"h-4 bg-gray-400 rounded w-3/4\"></div>\n                          <div class=\"space-y-2\">\n                            <div class=\"h-4 bg-gray-400 rounded\"></div>\n                            <div class=\"h-4 bg-gray-400 rounded w-5/6\"></div>\n                          </div>\n                        </div>\n\n                        <div class=\"bg-gray-400 h-8 w-20 rounded-sm\"></div>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div v-for=\"(product, index) in avProductsList\" :key=\"index\">\n\n                    <div v-show=\"filterByCategId==0 || product.categ_id === filterByCategId\" class=\"flex flex-wrap content-center items-center bg-white mt-2\">\n                        <a  class=\"w-full md:w-2/5 md:h-40 overflow-hidden\">\n                            <img v-if=\"product.image && product.image.small\" class=\"mx-auto max-h-full p-2 transition duration-300 ease-out transform hover:scale-105\" :src=\"product.image.small\" :alt=\"'Problème chargement d\\'image'\">\n                            <img v-else class=\"max-h-full p-2 transition duration-300 ease-out transform hover:scale-105\" src=\"@/assets/images/no-image-400x400.png\" :alt=\"'Problème chargement d\\'image'\">\n                            <!-- <img class=\"w-full h-auto transition duration-300 ease-out transform scale-100 bg-cover hover:scale-105\" :src=\"product.img\" :alt=\"'Problème chargement d\\'image'\"> -->\n                        </a>\n                        <div class=\"w-full md:w-2/5 p-2 border-dashed md:border-r border-gray-200 text-center\">\n                          <h2 class=\"mb-2 text-lg text-gray-700\">{{ product.title }}</h2>\n                          <p class=\"mb-3 text-sm text-gray-800\" v-if=\"product.short_description\">{{ product.short_description.length >= 80 ?  product.short_description.substring(0, 80) + '...' : product.short_description }}</p>\n                          <p class=\"mb-3 text-sm text-gray-800\" v-else-if=\"product.description\">{{ product.description.length >= 80 ?  product.description.substring(0, 80) + '...' : product.description }}</p>\n                        </div>\n                        <div class=\"w-full md:w-1/5 text-center\">\n                          <div class=\"mb-1 text-sm text-gray-400\" v-if=\"product.price\">\n                            <div class=\"date-difference\" v-if=\"dateDifference\"> \n                              <span v-if=\"dateDifference.d == 1\">{{ dateDifference.d }} jour</span>\n                              <span v-else-if=\"dateDifference.d >= 2\">{{ dateDifference.d }} jours</span>\n                              \n                              <span v-if=\"dateDifference.h == 1\">\n                                <span v-if=\"dateDifference.d > 0\">,</span> {{ dateDifference.h }} heure\n                              </span>\n                              <span v-else-if=\"dateDifference.h >= 2\">\n                                <span v-if=\"dateDifference.d > 0\">,</span> {{ dateDifference.h }} heures\n                              </span>\n                            </div>\n                          </div>\n                          <del v-if=\"product.old_price\">\n                            <span class=\"product-old-price\">{{ parseFloat(product.old_price).toFixed(2) }} €</span>\n                          </del>\n                          <p class=\"mb-3 text-sm text-gray-800\" v-if=\"product.price\"> {{ parseFloat(product.price).toFixed(2) }} €</p>\n                          <button @click=\"reserve(product.id, product)\" class=\"product-list-btn-reserve bg-primary rounded-lg hover:opacity-75 sm:mb-6 xs:w-1/2 font-medium text-white py-2 px-3 rounded-md\">\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"inline h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" />\n                            </svg>\n                            Réserver\n                            <!-- <div class=\"animate-spin rounded-full h-4 w-4 border-b-2 white\" style=\"display: inline-block;\"></div> -->\n                          </button>\n                        </div>\n                    </div>\n\n                  </div>\n                </div>\n\n            </div>\n\n        </div>\n      </div>\n    </div>\n</template>\n\n<script>\n\nimport axios from '@/axios.js'\nconst PopupShowProduct = () => import(\"@/views/welcome-page/PopupShowProduct.vue\");\nimport moment from 'moment';\n\nexport default {\n  name: \"ProductList\",\n\n  props: {\n    isValidatedStep1: {\n      type: Boolean,\n      required: true\n    },\n    oldReservationProducts: {\n      // type: Boolean,\n      // required: true\n    }\n  },\n\n  data: () => ({\n    title: \"ProductList\",\n    activePrompt: false,\n    search: \"\",\n    \n    isRangeOfDatetimeClicked: false,\n    showProductCartPopupActive: false,\n    showProductCartPopupFromCart: false,\n    productCartIndex: null,\n    showProductCartPopup: {},\n    showProductOptionPopup: null,\n    filterByCategId: 0,\n  }),\n  methods: {\n    addDays(date, days) {\n      var result = new Date(date);\n      result.setDate(result.getDate() + days);\n      return result;\n    },\n    showPopup(data = null, isUpdate = false) {\n\n      console.clear()\n      console.log('showPopup')\n      console.log('isUpdate', isUpdate)\n\n      if(data != null) {\n        var selectedStartEndDateTime = {}\n        var quantityRequested = 1\n\n        if(isUpdate) {\n          selectedStartEndDateTime = {\n            startDate : data.selectedStartEndDateTime.startDate,\n            endDate : data.selectedStartEndDateTime.endDate,\n            startTime : data.selectedStartEndDateTime.startTime,\n            endTime : data.selectedStartEndDateTime.endTime,\n          }\n\n          quantityRequested = data.quantityRequested\n        }\n        else {\n          const startDate = moment(this.selectedStartEndDateTime.startDate, 'YYYY-MM-DD')\n          const endDate = moment(this.selectedStartEndDateTime.endDate, 'YYYY-MM-DD')\n          const startTime = moment(this.selectedStartEndDateTime.startTime, 'hh:mm')\n          const endTime = moment(this.selectedStartEndDateTime.endTime, 'hh:mm')\n  \n          selectedStartEndDateTime = {\n            startDate : new Date(moment(startDate, 'DD-MM-YYYY hh:mm:ss')),\n            endDate : new Date(moment(endDate, 'DD-MM-YYYY hh:mm:ss')),\n            startTime : new Date(moment(startTime, 'DD-MM-YYYY hh:mm:ss')),\n            endTime : new Date(moment(endTime, 'DD-MM-YYYY hh:mm:ss')),\n          }\n        }\n\n\n        console.log('data selectedStartEndDateTime', data.selectedStartEndDateTime)\n        console.log('selectedStartEndDateTime', selectedStartEndDateTime)\n\n        var product_price = data.price ? data.price : data.product_price\n        data.quantityRequested = quantityRequested\n        data.product_price = parseFloat(Number(product_price)).toFixed(2)\n        data.total = parseFloat(Number(product_price) * Number(data.quantityRequested)).toFixed(2)\n        data.selectedStartEndDateTime = selectedStartEndDateTime\n      }\n\n      console.log('data FROM showPopup default', data)\n      \n      this.$store.dispatch(\"eCommerce/createEmptyPopup\", data);\n      this.$store.dispatch('eCommerce/changeTheValueOfUpdateButton', isUpdate)\n      this.showProductCartPopupActive = true\n    },\n    reserve(productId, product) {\n\n      console.log('product', product)\n\n      if(!product) return\n\n      if(product.price && product.price>0) {\n\n        product.total = product.price\n        product.quantityRequested = 1\n        product.selectedStartEndDateTime = this.selectedStartEndDateTime\n\n        console.log('selectedStartEndDateTime', this.selectedStartEndDateTime)\n\n        this.$store.dispatch(\"eCommerce/createEmptyPopup\", product);\n        this.toggleDataIsPoupupAddAndEditActive(true)\n      }\n\n      else {\n        const selectedStartEndDateTime = {\n          startDate: this.popupSelectedStartDate,\n          startTime: this.popupSelectedStartTime,\n          endDate: this.popupSelectedEndDate,\n          endTime: this.popupSelectedEndTime,\n        }\n  \n        console.log('selectedStartEndDateTime', selectedStartEndDateTime)\n  \n        this.addSelectedStartEndDateTimeInCart(selectedStartEndDateTime)\n      \n        this.getAvProduct(productId, 1)\n      }\n    },\n    addSelectedStartEndDateTimeInCart (item) {\n      this.$store.dispatch('eCommerce/addSelectedStartEndDateTimeInCart', item)\n    },\n    async getAvProduct (productId = 0, quantityRequested = 1, excludeReservationProductUuid = null) {\n      console.log('getAvProduct')\n      this.$vs.loading()\n\n      const payload = {\n        startDate: moment(this.selectedStartEndDateTime.startDate).format('YYYY-MM-DD'),\n        endDate: moment(this.selectedStartEndDateTime.endDate).format('YYYY-MM-DD'),\n        startTime: moment(this.selectedStartEndDateTime.startTime).format('HH:mm'),\n        endTime: moment(this.selectedStartEndDateTime.endTime).format('HH:mm'),\n        productId: productId ? productId : this.showProductCartPopup.id,\n        excludeReservationProductUuid: excludeReservationProductUuid ? excludeReservationProductUuid : this.showProductCartPopup.reservationProductUuid,\n        quantity: quantityRequested ? quantityRequested : this.quantityRequested,\n\n        notify: this.$vs.notify,\n        loading: this.$vs.loading\n      }\n      await this.$store.dispatch('eCommerce/getAvProduct', payload)\n      .then(res => {\n        if (res.status == 200 || res.status == 201) {\n          this.$vs.loading.close()\n        }\n\n        const product = res.data.data[0]\n\n        product.total = product.price\n        product.quantityRequested = quantityRequested ? quantityRequested : this.quantityRequested\n        product.selectedStartEndDateTime = this.selectedStartEndDateTime\n\n        this.$store.dispatch(\"eCommerce/createEmptyPopup\", product);\n\n        this.toggleDataIsPoupupAddAndEditActive(true)\n      })\n      .catch(err => {\n        console.error(err)\n        this.selectedStartEndDateTime = this.showProductCartPopup.selectedStartEndDateTime\n        this.$vs.loading.close() \n      })\n      \n    },\n    async getCategList () {\n      console.log('getCategList')\n      const payload = {\n        notify: this.$vs.notify,\n        loading: this.$vs.loading\n      }\n      \n      await this.$store.dispatch('eCommerce/getCategList', payload)\n      .then(res => {\n      })\n      .catch(err => {\n        console.error(err)\n      })\n      \n    },\n    toggleDataIsPoupupAddAndEditActive (val = false) {\n      this.showProductCartPopupActive = val\n    },\n    openLoading (){\n      this.$vs.loading()\n      this.$store.commit('eCommerce/TOGGLE_LOADING_AV_PRODUCT_LIST', true)\n    },\n    closeLoading (){\n      this.$vs.loading.close()\n      this.$store.commit('eCommerce/TOGGLE_LOADING_AV_PRODUCT_LIST', false)\n    },\n    acceptAlert() {\n      this.$vs.notify({\n        color: \"primary\",\n        title: \"Contact Added\",\n        text: \"Contact Added Successfully\"\n      });\n    },\n    close() {\n      this.$vs.notify({\n        color: \"danger\",\n        title: \"Closed\",\n        text: \"You close a dialog!\"\n      });\n    },\n    getProductList() {\n      console.log('getProductList')\n      this.$store.commit('eCommerce/TOGGLE_LOADING_AV_PRODUCT_LIST', true)\n      axios.get(`/api/v2/liste_products`)\n        .then((response) => {\n          console.log('response', response)\n          console.log('response.data.data', response.data.data)\n            this.$store.commit('eCommerce/ADD_AV_PRODUCT_LIST', response.data.data)\n            this.closeLoading()\n        })\n        .catch((error) => {\n          this.closeLoading()\n      })\n    },\n    resetPopupShowProduct(item = null, defaultQty = 1, fromCart = false, selectedProductOptions = null) {\n      console.log('selectedProductOptions FROM resetPopupShowProduct', selectedProductOptions)\n      console.log('item FROM resetPopupShowProduct', item)\n      this.isRangeOfDatetimeClicked = false\n      this.showProductCartPopupFromCart = fromCart\n      this.popupSelectedProductOption = selectedProductOptions\n      \n      this.showProductOptionPopup = selectedProductOptions\n\n      console.log('showProductCartPopupFromCart', this.showProductCartPopupFromCart)\n\n      // this.$refs.optionSelected\n\n      if(this.showProductOptionPopup != null) {\n        this.showProductOptionPopup.forEach((showProductOptionPopupValue) => {\n          if (showProductOptionPopupValue.active) {\n            this.$refs.optionSelected = true\n          }\n        })\n      }\n\n\n      \n      // RESET PRODUCT DATETIME IN POPUP (Show Product)\n      // this.setDateTimePopup(item ? item.requested_dates: null)\n\n      // RESET PRODUCT QTY IN POPUP (Show Product)\n      this.popupSelectedQty = item ? item.quantityRequested : defaultQty\n\n      this.calculTotalPrice()\n      \n      this.isPopupSelectedStartDateChanged = false\n      this.isPopupSelectedEndDateChanged = false\n      this.isPopupSelectedStartTimeChanged = false\n      this.isPopupSelectedEndTimeChanged = false\n\n      console.log('FROM resetPopupShowProduct : item => ', item)\n\n      // this.isSelectedDateTimeChanged(false);\n    },\n    calculTotalPrice() {\n      this.showProductCartPopup.options_price = 0\n\n      console.log('showProductOptionPopup', this.showProductOptionPopup)\n\n      if(this.showProductOptionPopup != null) {\n        this.showProductOptionPopup.forEach((showProductOptionPopupValue) => {\n          if (showProductOptionPopupValue.active) {\n            this.showProductCartPopup.options_price = this.showProductCartPopup.options_price + showProductOptionPopupValue.total\n          }\n        })\n      }\n\n      console.log('this.showProductOptionPopup', this.showProductOptionPopup)\n      console.log('this.showProductCartPopup.price', this.showProductCartPopup.price)\n      console.log('this.showProductCartPopup.options_price', this.showProductCartPopup.options_price)\n      console.log('this.showProductCartPopup.total', this.showProductCartPopup.total)\n      console.log('this.popupSelectedQty', this.popupSelectedQty)\n    \n      this.showProductCartPopup.total = this.showProductCartPopup.price * this.showProductCartPopup.quantityRequested + this.showProductCartPopup.options_price\n    },\n    getNewProductPrice() {\n      this.calculTotalPrice()\n    },\n    getNewProductOptionPrice(item) {\n      item.active = true\n      item.total = item.price * item.quantityRequested\n\n      this.calculTotalPrice()\n    },\n    getNewProductOptionPriceFromCheckbox(item) {\n      console.clear()\n      console.log('FROM getNewProductOptionPrice item', item)\n      console.log('this.$refs.optionSelected', this.$refs.optionSelected)\n      item.total = item.price * item.quantityRequested\n      this.calculTotalPrice()\n    },\n    checkAvProductById(productId) {\n      this.getAvProduct(productId)\n      this.getAvProductOption(productId)\n    },\n    reserveButtonClicked (product) {\n      console.log('FROM reserveButtonClicked : product', product)\n\n      product.quantityRequested = 1\n      this.showProductCartPopup = product\n\n      const optionList = []\n\n      product.product_options.forEach(element => {\n        optionList.push({\n          title: element.title,\n          quantityRequested: 1,\n          price: element.price,\n          total: element.price,\n          qty: element.qty,\n          img: element.img,\n          active: false\n        })\n      });\n\n      this.showProductOptionPopup = optionList\n\n      this.showProductCartPopup.productOptionsList = optionList\n\n      console.log('showProductCartPopup', this.showProductCartPopup)\n\n      // RESET POPUP\n      this.resetPopupShowProduct(null,1,false,this.showProductOptionPopup)\n      this.showProductCartPopupActive = true\n    },\n    accept() {\n      console.log('accept')\n      if(this.showProductCartPopupFromCart) {\n        this.updateButtonPopupClicked()\n      }\n      this.confirmButtonPopupClicked()\n    },\n    confirmButtonPopupClicked (data = null) { // BTN CONFIRMER\n\n      const item = data ? data : this.showProductCartPopup\n      \n      const selectedProductOption = []\n      if(this.showProductOptionPopup != null) {\n        this.showProductOptionPopup.forEach((element) => {\n          if (element.active) {\n            selectedProductOption.push({\n              title: element.title,\n              quantityRequested: element.quantityRequested,\n              price: element.price,\n              total: element.total,\n              qty: element.qty,\n              img: element.img\n            })\n          }\n        })\n      }\n\n      const storeProductItemInCart = {\n        id: item.id,\n        title: item.title,\n        short_description: item.short_description,\n        description: item.description,\n        img: item.img,\n        large_image: item.large_image,\n        meduim_image: item.meduim_image,\n        small_image: item.small_image,\n        x_small_image: item.x_small_image,\n        pourcentage: item.pourcentage,\n        calculated: item.calculated, // quantite disponible\n        old_price: item.old_price,\n        price: item.price,\n        total: item.price * this.popupSelectedQty,\n        quantityRequested: this.popupSelectedQty,\n        allOptions: selectedProductOption\n      }\n\n      console.log('item FROM confirmButtonPopupClicked', item)\n      console.log('storeProductItemInCart FROM confirmButtonPopupClicked', storeProductItemInCart)\n        // if(this.popupSelectedProductOption.length>0) {\n        //   console.log('popupSelectedProductOption', this.popupSelectedProductOption)\n        //   item.requested_product_options = this.popupSelectedProductOption\n        // }\n\n      this.additemInCart(storeProductItemInCart)\n      this.showProductCartPopupActive = false\n      this.popupSelectedQty = 1 // Reset selected Qty in poupup (show product)\n    },\n    additemInCart (item) {\n      this.$store.dispatch('eCommerce/additemInCart', item)\n    },\n    confirmButtonIsDisabled(availability) { \n      if(availability == false) return  true\n      else if(this.isSelectedDateTimeChanged() == true) return  true\n      else { return false }\n    },\n    updateCartButtonClicked (data) {\n      console.log('FROM updateCartButtonClicked : data', data)\n      // console.log('item.requested_product_options', data.item.requested_product_options)\n\n      // if(data.item.requested_product_options) {\n      //   this.resetPopupSelectedProductOptionQty(data.item.requested_product_options)\n      // }\n\n      this.showProductCartPopupFromCart = true\n      this.productCartIndex = data.index // index => product index in cart\n      this.showProductCartPopup = data.item // item => product in cart\n      \n      // this.getAvProductOption(data.item.id) // get available product option(s) from backend for this product by ID\n\n      // RESET POPUP\n      this.resetPopupShowProduct(\n        data.item,\n        data.item.quantityRequested, \n        this.showProductCartPopupFromCart,\n        data.item.allOptions\n      )\n\n      this.showProductCartPopupActive = true\n    },\n    updateItemQuantity (event, index) {\n      const itemIndex = Math.abs(index + 1 - this.cartItems.length)\n      this.$store.dispatch('eCommerce/updateItemQuantity', { quantity: event, index: itemIndex })\n    },\n    setProductOptions(allProductoptions, reservationProductOptions) {\n      const productOptions = []\n      let totalOptionsPrice = 0\n\n      if(allProductoptions != null) {\n        \n        console.log('allProductoptions', allProductoptions)\n        \n        allProductoptions.forEach((element) => {\n\n          console.log('element', element)\n\n          var selectedReservationProductoption = reservationProductOptions.find(i => i.product_options.id === element.id)\n\n          console.log('selectedReservationProductoption', selectedReservationProductoption)\n\n          productOptions.push({\n            reservationProductOptionUuid: (typeof(selectedReservationProductoption) !== 'undefined') ? selectedReservationProductoption.uid : null,\n            option_id: element.id,\n            title: element.title,\n            quantityRequested: (typeof(selectedReservationProductoption) !== 'undefined') ? selectedReservationProductoption.quantity : 0,\n            price: (typeof(selectedReservationProductoption) !== 'undefined') ? parseFloat(Number(selectedReservationProductoption.price)).toFixed(2) : Number(element.price),\n            total: (typeof(selectedReservationProductoption) !== 'undefined') ? parseFloat(Number(selectedReservationProductoption.quantity) * Number(selectedReservationProductoption.price)).toFixed(2) : 0,\n            active: (typeof(selectedReservationProductoption) !== 'undefined') ? true : false,\n            qty: element.qty,\n            img: element.img,\n          })\n\n          if (typeof(selectedReservationProductoption) !== 'undefined') {\n            totalOptionsPrice = parseFloat(Number(totalOptionsPrice) + Number(selectedReservationProductoption.quantity * selectedReservationProductoption.price)).toFixed(2)\n          }\n          \n        })\n        \n        return {\n          productOptions: productOptions,\n          totalOptionsPrice: totalOptionsPrice,\n        }\n\n      }\n\n\n    },\n    setProductWithOptionsInCart (reservationProduct) { // BTN CONFIRMER\n      if(!reservationProduct) return\n      var findProduct = this.avProductsList.find(i => i.id === reservationProduct.products.id)\n      var allProductoptions = findProduct ? findProduct.product_options : null\n\n      // console.log('reservationProduct', reservationProduct)\n      // console.log('findProduct', findProduct)\n      \n      const productOptionList = this.setProductOptions(allProductoptions, reservationProduct.reservation_product_options)\n\n      // console.log('productOptionList ', productOptionList)\n\n      console.log('reservationProduct', reservationProduct)\n      console.log('findProduct', findProduct)\n\n      var storeProductItemInCart = {}\n\n      // selectedStartEndDateTime\n\n      const startDate = moment(reservationProduct.start_date, 'DD/MM/YYYY hh:mm:ss')\n      const endDate = moment(reservationProduct.end_date, 'DD/MM/YYYY hh:mm:ss')\n      const startTime = moment(reservationProduct.start_date, 'DD/MM/YYYY hh:mm:ss')\n      const endTime = moment(reservationProduct.end_date, 'DD/MM/YYYY hh:mm:ss')\n\n      const selectedStartEndDateTime = {\n        startDate : new Date(moment(startDate, 'DD-MM-YYYY hh:mm:ss')),\n        endDate : new Date(moment(endDate, 'DD-MM-YYYY hh:mm:ss')),\n        startTime : new Date(moment(startTime, 'DD-MM-YYYY hh:mm:ss')),\n        endTime : new Date(moment(endTime, 'DD-MM-YYYY hh:mm:ss')),\n      }\n\n      storeProductItemInCart = {\n        productsheetIsExist: reservationProduct.productsheet ? true : false,\n        reservationProductUuid: reservationProduct.uid,\n        id: reservationProduct.products.id,\n        product_id: reservationProduct.products.id,\n        title: reservationProduct.products.title,\n        short_description: reservationProduct.products.short_description,\n        description: reservationProduct.products.description,\n        img: reservationProduct.products.img,\n        x_small_image: reservationProduct.products.x_small_image,\n        pourcentage: findProduct ? findProduct.pourcentage : false,\n        calculated: findProduct ? findProduct.calculated : 0, // quantite disponible\n        qty: findProduct ? findProduct.qty : 0,\n        old_price: findProduct ? parseFloat(Number(findProduct.old_price)).toFixed(2) : 0,\n        product_price: parseFloat(Number(reservationProduct.price)).toFixed(2),\n        total_options_price: parseFloat(productOptionList.totalOptionsPrice).toFixed(2),\n        total_product: parseFloat(Number(reservationProduct.price) * Number(reservationProduct.quantity)).toFixed(2),\n        total: parseFloat(Number(productOptionList.totalOptionsPrice) + Number(reservationProduct.price * reservationProduct.quantity)).toFixed(2),\n        quantityRequested: reservationProduct.quantity,\n        allOptions: productOptionList.productOptions,\n        product_options: productOptionList.productOptions,\n        productOptionsList: productOptionList.productOptions,\n        selectedStartEndDateTime: selectedStartEndDateTime\n      }\n\n      console.log('storeProductItemInCart', storeProductItemInCart)\n\n      this.additemInCart(storeProductItemInCart)\n    },\n    clearCart () {\n      this.$store.dispatch('eCommerce/clearCart')\n    },\n    filterByCateg(itemId) {\n      console.log('filterByCateg', itemId)\n      this.filterByCategId = itemId\n    },\n    cancelFilterByCateg() {\n      this.filterByCategId = 0\n    }\n  },\n  computed: {\n    selectedStartEndDateTime: {\n      get () {\n        return this.$store.state.eCommerce.selectedStartEndDateTime.slice()[0]\n      },\n      set (value) {\n        return value\n      }\n    },\n    isWithoutDiscountActive () {\n      return this.$store.state.eCommerce.isWithoutDiscountActive\n    },\n    popupSelectedStartDate () {\n      return new Date()\n    },\n    popupSelectedEndDate () {\n      return this.addDays(new Date(), 2)\n    },\n    popupSelectedStartTime () {\n      return new Date(moment().format('YYYY-MM-DD 09:00'))\n    },\n    popupSelectedEndTime () {\n      return new Date(moment().format('YYYY-MM-DD 09:00'))\n    },\n    avProductsList () {\n      return this.$store.state.eCommerce.avProductsList\n    },\n    dateDifference () {\n      return this.$store.state.eCommerce.dateDifference\n    },\n    loadingAvProductsList () {\n      return this.$store.state.eCommerce.loadingAvProductsList\n    },\n    categList () {\n      return this.$store.state.eCommerce.categList\n    },\n    loadingCategList () {\n      return this.$store.state.eCommerce.loadingCategList\n    }\n  },\n  watch: {\n    isValidatedStep1(val) {\n      console.log('START isValidatedStep1 val', val)\n      if(val) {\n        this.openLoading() // this.openLoadingInAvProductsList()\n        this.resetPopupShowProduct()\n        this.getProductList()\n        this.getCategList()\n        // this.getAvProduct()\n        // this.$emit('productListToReservationIndexChangeIsValidatedStep1', false)\n      }\n    },\n  },\n  components: {\n    PopupShowProduct\n  },\n  mounted() {\n    this.$root.$on('request_for_update_item_in_cart', (data) => {\n      console.log('request_for_update_item_in_cart data', data.item)\n      this.showPopup(data.item, true)\n      // this.updateCartButtonClicked(data, true)\n    })\n    this.getProductList()\n    this.getCategList()\n  }\n};\n</script>\n\n<style lang=\"scss\">\n\n.grid-view-item .grid-view-img {\n  -webkit-transition: .35s;\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  transition: .35s;\n}\n\n.h-56 {\n  height: 14rem !important;\n}\n\n.truncate {\n  overflow: hidden!important;\n  text-overflow: ellipsis!important;\n  white-space: nowrap!important;\n}\n\n.card-title-top {\n  text-align: center;\n}\n\n.product-price {\n  display: inline-block;\n  text-align: end;\n  float: right;\n}\n\n.date-difference {\n  display: inline-block;\n  text-align: start;\n}\n\n.product-old-price {\n  text-decoration: line-through;\n  color: #636060bf;\n}\n\n// .product-price {\n//   del {\n//     color: rgba(darkgray, 0.5);\n//     text-decoration: none;\n//     position: relative;\n//     &:before {\n//       content: \" \";\n//       display: block;\n//       width: 100%;\n//       border-top: 2px solid rgba(darkgray, 0.8);\n//       height: 12px;\n//       position: absolute;\n//       bottom: 0;\n//       left: 0;\n//       transform: rotate(-7deg);\n//     }\n//   }\n// }\n\n.btn-reserver span, .btn-confirmer span{\n  text-transform: uppercase;\n}\n\n.con-vs-dialog .vs-dialog{\n-webkit-transition: all .2s;\n    transition: all .2s;\n    z-index: 100;\n    width: 600px;\n    margin: 10px;\n    max-width: calc(100% - 30px);\n    max-height: calc(100% - 30px);\n    border-radius: 6px;\n    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);\n    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);\n    background: #fff;\n    -webkit-animation: rebound .3s;\n    animation: rebound .3s;\n}\n\n.btn-reserver-block {\n  margin-top: 1em;\n}\n\n.btn-reserver {\n  position: absolute;\n  bottom: -2px;\n  left: 0px;\n}\n\n.disabled-card {\n  pointer-events: none!important;\n  // background-color: #ccc;\n  opacity: 0.5!important;\n  filter: alpha(opacity=50)!important;\n  zoom: 1!important;  \n  -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\";  \n  -moz-opacity: 0.3!important; \n  -khtml-opacity: 0.3!important;\n}\n\n.badge-out-of-stock {\n  background: #f62d51;\n  border-radius: 5px 0 0 5px;\n  color: #fff;\n  font-size: 14px;\n  font-weight: 600;\n  padding: 3px 10px;\n  position: absolute;\n  right: 0px;\n  top: 17%;\n}\n\n@media (max-width: 992px) { // mobile - tablette\n  .product-list-btn-reserve{\n    width: 90%!important;\n    padding-top: .8rem !important;\n    padding-bottom: .8rem !important;\n  }\n}\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!./ProductsList.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!./ProductsList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProductsList.vue?vue&type=template&id=aecd4328\"\nimport script from \"./ProductsList.vue?vue&type=script&lang=js\"\nexport * from \"./ProductsList.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProductsList.vue?vue&type=style&index=0&id=aecd4328&prod&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","'use strict';\n// B.2.3.11 String.prototype.small()\nrequire('./_string-html')('small', function (createHTML) {\n  return function small() {\n    return createHTML(this, 'small', '', '');\n  };\n});\n"],"sourceRoot":""}