{"version":3,"sources":["webpack:///./src/components/page-header-custom.vue","webpack:///src/components/page-header-custom.vue","webpack:///./src/components/page-header-custom.vue?bde1","webpack:///./src/components/page-header-custom.vue?189e","webpack:///./src/views/pages/listings/rental-space-img.vue?f571","webpack:///./src/views/pages/listings/rent-details.vue?fb19","webpack:///./src/views/pages/listings/browse-space-details.vue?3fa0","webpack:///./src/views/pages/listings/rent-history.vue?8d1c","webpack:///./src/views/pages/listings/browse-space-details.vue","webpack:///./src/views/pages/listings/rent-details.vue","webpack:///./src/views/pages/listings/rental-space-img.vue","webpack:///src/views/pages/listings/rental-space-img.vue","webpack:///./src/views/pages/listings/rental-space-img.vue?a389","webpack:///./src/views/pages/listings/rental-space-img.vue?257c","webpack:///src/views/pages/listings/rent-details.vue","webpack:///./src/views/pages/listings/rent-details.vue?71c7","webpack:///./src/views/pages/listings/rent-details.vue?4e84","webpack:///./src/views/pages/listings/rent-history.vue","webpack:///src/views/pages/listings/rent-history.vue","webpack:///./src/views/pages/listings/rent-history.vue?be88","webpack:///./src/views/pages/listings/rent-history.vue?7cdd","webpack:///src/views/pages/listings/browse-space-details.vue","webpack:///./src/views/pages/listings/browse-space-details.vue?8a88","webpack:///./src/views/pages/listings/browse-space-details.vue?368e","webpack:///./src/assets/images/favorite-heart.png","webpack:///./src/components/widgets/favorite-item.vue?9544","webpack:///./src/components/widgets/favorite-item.vue","webpack:///src/components/widgets/favorite-item.vue","webpack:///./src/components/widgets/favorite-item.vue?6e40","webpack:///./src/components/widgets/favorite-item.vue?1276"],"names":["render","_vm","this","_c","_self","staticClass","backButton","attrs","on","goBack","_e","items","_v","_s","title","staticRenderFns","components","props","type","String","default","Array","prev","Object","Boolean","methods","$router","go","error","component","breadCrumbs","name","params","businessDetails","businessHistory","signedUrl","e","target","src","require","storeName","favoritesStatus","addRemoveFavoritesListing","businessType","duration","fullAddress","landmarks","staticStyle","mapOptions","lat","latitude","lng","longitude","visibleSpaceImg","imgIndex","spacesSignedUrl","$event","_l","listings","space","index","status","key","dimension","placement","_f","amount","toLocaleString","postIds","includes","postId","addItemToCart","removeItemFromCart","total","checkoutForm","isVisible","finalImage","imgsRef","data","originImg","Image","setAttribute","onload","canvas","document","createElement","ctx","getContext","cw","naturalWidth","ch","naturalHeight","wRatio","hRatio","coorX1","imgSrc","coordinate_x1","coorX2","coordinate_x2","coorY1","coordinate_y1","coorY2","coordinate_y2","img","width","height","drawImage","save","globalAlpha","fillStyle","fillRect","restore","beginPath","strokeStyle","lineWidth","setLineDash","moveTo","lineTo","strokeRect","clearRect","rect","clip","toDataURL","url","FavoriteItem","RentalSpaceImg","GmapCustomMarker","zoom","zoomControl","mapTypeControl","scaleControl","streetViewControl","rotateControl","fullscreenControl","disableDefaultUi","minZoom","maxZoom","cart","selectedSpaces","forHoldingAmount","computed","listingComputed","checkoutComputed","get","landmark","split","filter","str","join","addedItem","i","checkoutItems","x","push","post_id","l","asyncComputed","storePhoto","keys","map","s","photo_space","signed","k","Storage","level","listingMethods","showFeatureUnavailable","checkoutMethods","listing","addToCart","removeItems","addItems","then","res","fetchCheckoutItems","length","splice","removeToFavoriteListings","bizId","business_id","response","$toast","showToast","catch","addToFavoriteListings","listingId","listId","$route","query","redirectFrom","scopedSlots","_u","fn","proxy","joinedInFormat","spacedPosted","totaRents","history","selectedItem","historyPaginate","page","rows","rentHistoryPaginate","moment","joinedIn","format","Layout","PageHeader","RentDetails","RentHistory","layoutComputed","layoutMethods","fetchPublicStoreDetails","businessId","fetchStoreHistory","mounted","id","changeBreadCrumb","text","to","getStoreDetails","module","exports","class","localStatus","click","$emit","localWidth","localHeight","getCursorStyle","cursor","background","borderRadius","zIndex","opacity","border","_this$status","watch","newValue"],"mappings":"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","file":"js/chunk-4f4fa1e9.f5e480ed.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-8\"},[_c('div',{staticClass:\"page-title-box d-flex align-items-center\"},[(_vm.backButton)?_c('button',{staticClass:\"btn btn-primary btn-sm me-4\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.goBack}},[_c('svg',{staticClass:\"bi bi-arrow-left\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"16\",\"height\":\"16\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 16 16\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"d\":\"M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z\"}})])]):_vm._e(),_c('b-breadcrumb',{staticClass:\"m-0 text-capitalize\",attrs:{\"items\":_vm.items}})],1)]),_c('div',{staticClass:\"col-4\"},[_c('h4',{staticClass:\"mb-0 font-size-18 float-end\"},[_vm._v(_vm._s(_vm.title))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\n/**\n * Page-header compponent\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    prev: {\n      type: Object,\n      default: () => {\n        return {}\n      },\n    },\n    backButton: {\n      type: Boolean,\n      default: () => {\n        return true;\n      }\n    }\n  },\n  methods: {\n    goBack(){\n      try {\n        console.log(\"Go back\",JSON.stringify(this.prev));\n        // this.$router.push(\n        //   this.$route.query.redirectFrom || {\n        //     name: this.prev.name, params: this.prev.params\n        //   }\n        // );\n        this.$router.go(-1);\n      } catch (error) {\n        console.log(\"Can't go back\", error);\n      }\n    }\n  },\n}\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-8\">\n      <div class=\"page-title-box d-flex align-items-center\">\n        <button type=\"button\" class=\"btn btn-primary btn-sm me-4\" @click=\"goBack\" v-if=\"backButton\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-arrow-left\" viewBox=\"0 0 16 16\">\n            <path fill-rule=\"evenodd\" d=\"M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z\"/>\n          </svg>\n        </button>\n        <b-breadcrumb :items=\"items\" class=\"m-0 text-capitalize\"></b-breadcrumb>\n      </div>\n    </div>\n    <div class=\"col-4\">\n      <h4 class=\"mb-0 font-size-18 float-end\">{{ title }}</h4>\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-custom.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-custom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./page-header-custom.vue?vue&type=template&id=1de31342&\"\nimport script from \"./page-header-custom.vue?vue&type=script&lang=js&\"\nexport * from \"./page-header-custom.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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rental-space-img.vue?vue&type=style&index=0&id=3095c2d6&prod&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rent-details.vue?vue&type=style&index=0&id=6f1f8b30&prod&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./browse-space-details.vue?vue&type=style&index=0&id=6ea4d69f&prod&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rent-history.vue?vue&type=style&index=0&id=394e4648&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('div',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.breadCrumbs,\"prev\":{name:'browse-space',params:{}}}}),_c('div',{staticClass:\"rent-detail-container\"},[(_vm.businessDetails)?_c('rent-details'):_vm._e(),(_vm.businessHistory)?_c('rent-history'):_vm._e()],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',{staticClass:\"w-100 pt-0 pb-0 border-0\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-7 col-12 border-right pe-3\"},[_c('div',[_c('img',{staticClass:\"card-img-top rounded mb-4\",attrs:{\"src\":_vm.signedUrl,\"alt\":\"Card image cap\"},on:{\"error\":(e) =>\n              (e.target.src = require('@/assets/images/img-placeholder.png'))}})]),_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('div',[_c('p',{staticClass:\"store-name text-capitalize\"},[_vm._v(_vm._s(_vm.businessDetails.storeName))])]),_c('div',[_c('favorite-item',{attrs:{\"status\":_vm.businessDetails.favoritesStatus},on:{\"click\":_vm.addRemoveFavoritesListing}})],1)]),_c('p',{staticClass:\"m-0 ts-14 mb-2\"},[_c('i',{staticClass:\"bx bx-store me-1\"}),_vm._v(\" \"+_vm._s(_vm.businessDetails.businessType)+\" \")]),_c('p',{staticClass:\"m-0 ts-14 mb-2\"},[_c('i',{staticClass:\"bx bx-calendar me-1\"}),_vm._v(\" Upto \"+_vm._s(_vm.businessDetails.duration)+\" months \")]),_c('p',{staticClass:\"m-0 ts-14 mb-2\"},[_c('i',{staticClass:\"bx bx-map me-1\"}),_vm._v(\" \"+_vm._s(_vm.businessDetails.fullAddress)+\" \")]),_c('hr'),_c('div',{staticClass:\"ts-14\"},[_vm._v(\" Nearby Landmark: \"+_vm._s(_vm.landmarks)),_c('br')]),_c('hr'),_c('div',[_c('p',{staticClass:\"ts-12 fw-700 mb-1\"},[_vm._v(\"Store Location:\")]),_c('p',{staticClass:\"ts-12 fw-400\"},[_vm._v(\"Exact location provided after booking\")]),(true)?_c('div',[_c('gmap-map',{staticStyle:{\"width\":\"100%\",\"height\":\"200px\"},attrs:{\"options\":_vm.mapOptions,\"center\":{lat:_vm.businessDetails.latitude, lng:_vm.businessDetails.longitude}}},[_c('gmap-custom-marker',{attrs:{\"marker\":{lat:_vm.businessDetails.latitude, lng:_vm.businessDetails.longitude}}},[_c('img',{staticClass:\"map-marker\",attrs:{\"src\":require(\"@/assets/images/map_marker.png\")}})])],1)],1):_c('div',{staticClass:\"g-0 text-center\"},[_c('div',{staticClass:\"no-coordinate-box d-flex align-items-center justify-content-center\"},[_c('span',[_vm._v(\"No store coordinates\")])])])])]),_c('div',{staticClass:\"col-md-5 col-12 ps-3\"},[_c('p',{staticClass:\"ts-12 fw-700\"},[_vm._v(\"Rental Space:\")]),_c('vue-easy-lightbox',{attrs:{\"escDisabled\":\"\",\"moveDisabled\":\"\",\"visible\":_vm.visibleSpaceImg,\"index\":_vm.imgIndex,\"imgs\":_vm.spacesSignedUrl},on:{\"hide\":function($event){_vm.visibleSpaceImg = false}}}),_vm._l((_vm.businessDetails.listings),function(space,index){return [(space.status == 'available')?_c('div',{key:index,staticClass:\"item-div mb-3\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',[_c('rental-space-img',{attrs:{\"imgSrc\":_vm.spacesSignedUrl[index]}})],1),_c('div',{staticClass:\"ps-3 w-100\"},[_c('div',{staticClass:\"ts-14 text-capitalize fw-700 mb-1\"},[_vm._v(_vm._s(space.type))]),_c('div',{staticClass:\"ts-12 fw-400 mb-1\"},[_vm._v(\"Size: \"+_vm._s(space.dimension))]),_c('div',{staticClass:\"ts-12 fw-400 mb-1\"},[_vm._v(\"Placement: \"+_vm._s(space.placement))]),_c('div',{staticClass:\"ts-12 fw-400 mb-1\"},[_vm._v(\"Available for \"+_vm._s(space.duration)+\" month\"+_vm._s(space.duration > 1 ? \"s\" : \"\"))]),_c('div',{staticClass:\"ts-12 fw-400 mb-1\"},[_vm._v(\"Price: ₱ \"+_vm._s(_vm._f(\"toCurrency\")(space.amount))+\"/Month\")]),_c('div',{staticClass:\"fw-600 ts-12 d-flex justify-content-between mb-3\"},[_c('div',[_vm._v(\"Sub Total:\")]),_c('div',{staticClass:\"text-right\"},[_vm._v(\"₱ \"+_vm._s((space.amount * space.duration).toLocaleString('en-US')))])]),(space.status == 'available')?_c('div',[(!_vm.postIds.includes(space.postId))?_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.addItemToCart(space)}}},[_vm._v(\"Add to Checkout\")]):_vm._e(),(_vm.postIds.includes(space.postId))?_c('b-button',{attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.removeItemFromCart(space)}}},[_vm._v(\"Remove from Checkout\")]):_vm._e()],1):_vm._e()])])]):_vm._e()]}),_c('div',{staticClass:\"pt-2 d-flex justify-content-between ts-14 fw-700\"},[_c('div',[_vm._v(\"Total\")]),_c('div',[_vm._v(\"₱ \"+_vm._s(_vm._f(\"toCurrency\")(_vm.total)))])]),_c('hr'),_c('div',{staticClass:\"pt-2 d-flex justify-content-between ts-16 fw-700\"},[_c('div',[_vm._v(\"For Holding\")]),_c('div',{staticClass:\"green\"},[_vm._v(\"₱ \"+_vm._s(_vm._f(\"toCurrency\")(_vm.total)))])]),_c('div',{staticClass:\"pt-3\"},[_c('button',{staticClass:\"btn btn-primary btn-block w-100 mb-3\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.checkoutForm}},[_vm._v(\" Place Order \")]),_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('span',{staticClass:\"float-start me-2 ts-30 order-info-icon\"},[_c('i',{staticClass:\"bx bx-info-circle\"})]),_c('span',{staticClass:\"ts-10\"},[_vm._v(\" We will temporarily hold your ₱ \"+_vm._s(_vm._f(\"toCurrency\")(_vm.total))+\" wallet balance. Once your order is submitted, you are unable to use this balance for other spaces \")])])])],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('b-button',{staticClass:\"p-0\",attrs:{\"variant\":\"outline-light\"},on:{\"click\":function($event){_vm.isVisible = true}}},[_c('img',{staticClass:\"rounded space-preview\",attrs:{\"id\":\"mainImg\",\"src\":_vm.finalImage},on:{\"error\":(e) => (e.target.src = require('@/assets/images/img-placeholder.png'))}})]),_c('vue-easy-lightbox',{attrs:{\"visible\":_vm.isVisible,\"imgs\":_vm.imgsRef},on:{\"hide\":function($event){_vm.isVisible = false}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <!-- <canvas id=\"canvas\" width=\"120\" height=\"70\"></canvas> -->\n    <b-button variant=\"outline-light\" class=\"p-0\" @click=\"isVisible = true\">\n      <img\n        id=\"mainImg\"\n        :src=\"finalImage\"\n        class=\"rounded space-preview\"\n        @error=\"\n          (e) => (e.target.src = require('@/assets/images/img-placeholder.png'))\n        \"\n      />\n    </b-button>\n    <vue-easy-lightbox\n      :visible=\"isVisible\"\n      :imgs=\"imgsRef\"\n      @hide=\"isVisible = false\"\n    ></vue-easy-lightbox>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: [\"imgSrc\"],\n  data() {\n    return {\n      finalImage: \"\",\n      isVisible: false,\n      imgsRef: [],\n    };\n  },\n  async mounted() {\n    \n    var originImg = new Image();\n    originImg.setAttribute(\"crossorigin\", \"anonymous\");\n    originImg.onload = () => {\n      var canvas = document.createElement(\"canvas\");\n      var ctx = canvas.getContext(\"2d\");\n      var cw = originImg.naturalWidth;\n      var ch = originImg.naturalHeight;\n      \n      const wRatio = 65;\n      const hRatio = 44;\n\n      // var coorX1 = this.imgSrc.coordinate_x1 / wRatio * cw;\n      // var coorX2 = this.imgSrc.coordinate_x2 / wRatio * cw;\n      // var coorY1 = this.imgSrc.coordinate_y1 / hRatio * ch;\n      // var coorY2 = this.imgSrc.coordinate_y2 / hRatio * ch;\n\n      var coorX1 = this.imgSrc.coordinate_x1 / wRatio * cw;\n      var coorX2 = this.imgSrc.coordinate_x2 / wRatio * cw;\n      var coorY1 = this.imgSrc.coordinate_y1 / hRatio * ch;\n      var coorY2 = this.imgSrc.coordinate_y2 / hRatio * ch;\n\n\n      console.log('IMAGE DATA');\n      console.log(this.imgSrc);\n      console.log('CW:',cw);\n      console.log('CH:',ch);\n      console.log(\"X1\",coorX1);\n      console.log(\"X2\",coorX2);\n      console.log(\"Y1\",coorY1);\n      console.log(\"Y2\",coorY2);\n\n      var img = new Image();\n      img.setAttribute(\"crossorigin\", \"anonymous\");\n      img.onload = () => {\n        canvas.width = cw;\n        canvas.height = ch;\n\n        // draw the image on the canvas\n        ctx.drawImage(img, 0, 0, cw, ch);\n\n        // darken the image with a 50% black fill\n        ctx.save();\n        ctx.globalAlpha = 0.5;\n        ctx.fillStyle = \"white\";\n        ctx.fillRect(0, 0, cw, ch);\n        ctx.restore();\n\n        // ctx.clip() the area to highlight and redraw the whole image (the image will draw only in the clipping region)\n        ctx.save();\n        ctx.beginPath();\n        ctx.strokeStyle = \"#F84B04\";\n        ctx.lineWidth = 30;\n        ctx.setLineDash([5, 3]);\n        ctx.moveTo(0, 50);\n        ctx.lineTo(300, 50);\n        ctx.strokeRect(coorX1, coorY1, coorX2 - coorX1, coorY2 - coorY1);\n        ctx.clearRect(coorX1, coorY1, coorX2 - coorX1, coorY2 - coorY1);\n        ctx.rect(coorX1, coorY1, coorX2 - coorX1, coorY2 - coorY1);\n        ctx.clip();\n        ctx.drawImage(img, 0, 0, cw, ch);\n        ctx.restore();\n\n        ctx.save();\n        ctx.beginPath();\n        ctx.restore();\n\n        this.finalImage = canvas.toDataURL();\n        this.imgsRef[0] = canvas.toDataURL();\n      };\n      img.src = this.imgSrc.url;\n    };\n    originImg.src = this.imgSrc.url;\n  },\n};\n</script>\n\n<style scoped>\n.space-preview {\n  width: 112px;\n  height: 112px;\n  object-fit: cover;\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!./rental-space-img.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!./rental-space-img.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./rental-space-img.vue?vue&type=template&id=3095c2d6&scoped=true&\"\nimport script from \"./rental-space-img.vue?vue&type=script&lang=js&\"\nexport * from \"./rental-space-img.vue?vue&type=script&lang=js&\"\nimport style0 from \"./rental-space-img.vue?vue&type=style&index=0&id=3095c2d6&prod&scoped=true&lang=css&\"\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  \"3095c2d6\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <b-card class=\"w-100 pt-0 pb-0 border-0\">\n    <div class=\"row\">\n      <div class=\"col-md-7 col-12 border-right pe-3\">\n        <div>\n          <img\n            :src=\"signedUrl\"\n            class=\"card-img-top rounded mb-4\"\n            alt=\"Card image cap\"\n            @error=\"\n              (e) =>\n                (e.target.src = require('@/assets/images/img-placeholder.png'))\n            \"\n          />\n        </div>\n        <div class=\"d-flex justify-content-between\">\n          <div>\n            <p class=\"store-name text-capitalize\">{{ businessDetails.storeName }}</p>\n          </div>\n          <div>\n            <favorite-item :status=\"businessDetails.favoritesStatus\" @click=\"addRemoveFavoritesListing\" />\n          </div>\n        </div>\n        <p class=\"m-0 ts-14 mb-2\">\n          <i class=\"bx bx-store me-1\"></i> {{ businessDetails.businessType }}\n        </p>\n        <p class=\"m-0 ts-14 mb-2\">\n          <i class=\"bx bx-calendar me-1\"></i> Upto {{ businessDetails.duration }} months\n        </p>\n        <p class=\"m-0 ts-14 mb-2\">\n          <i class=\"bx bx-map me-1\"></i> {{ businessDetails.fullAddress }}\n        </p>\n        <hr />\n        <div class=\"ts-14\">\n          Nearby Landmark: {{ landmarks }}<br />\n        </div>\n        <hr />\n        <div>\n          <p class=\"ts-12 fw-700 mb-1\">Store Location:</p>\n          <p class=\"ts-12 fw-400\">Exact location provided after booking</p>\n          <div v-if=\"true\">\n            <gmap-map\n              :options=\"mapOptions\"\n              :center=\"{lat:businessDetails.latitude, lng:businessDetails.longitude}\"\n              style=\"width: 100%; height: 200px\"\n            >\n              <gmap-custom-marker :marker=\"{lat:businessDetails.latitude, lng:businessDetails.longitude}\">\n                <img class=\"map-marker\" src=\"@/assets/images/map_marker.png\" />\n              </gmap-custom-marker>\n            </gmap-map>\n          </div>\n          \n          <div class=\"g-0 text-center\" v-else>\n            <div class=\"no-coordinate-box d-flex align-items-center justify-content-center\">\n              <span>No store coordinates</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"col-md-5 col-12 ps-3\">\n        <p class=\"ts-12 fw-700\">Rental Space:</p>\n        <vue-easy-lightbox\n          escDisabled\n          moveDisabled\n          :visible=\"visibleSpaceImg\"\n          :index=\"imgIndex\"\n          :imgs=\"spacesSignedUrl\"\n          @hide=\"visibleSpaceImg = false\"\n        ></vue-easy-lightbox>\n        <template\n          v-for=\"(space, index) in businessDetails.listings\"\n        >\n          <div\n            v-if=\"space.status == 'available'\"\n            class=\"item-div mb-3\"\n            :key=\"index\"\n            >\n            <div\n              class=\"d-flex\"\n            > \n              <div>\n                <rental-space-img\n                  :imgSrc=\"spacesSignedUrl[index]\"\n                ></rental-space-img>\n              </div>\n              <div class=\"ps-3 w-100\">\n                <div class=\"ts-14 text-capitalize fw-700 mb-1\">{{ space.type }}</div>\n                <div class=\"ts-12 fw-400 mb-1\">Size: {{ space.dimension }}</div>\n                <div class=\"ts-12 fw-400 mb-1\">Placement: {{ space.placement }}</div>\n                <div  class=\"ts-12 fw-400 mb-1\">Available for {{ space.duration }} month{{ space.duration > 1 ? \"s\" : \"\" }}</div>\n                <div  class=\"ts-12 fw-400 mb-1\">Price: ₱ {{ space.amount | toCurrency }}/Month</div>\n                <div class=\"fw-600 ts-12 d-flex justify-content-between mb-3\">\n                  <div>Sub Total:</div>\n                  <div class=\"text-right\">₱ {{ (space.amount * space.duration).toLocaleString('en-US') }}</div>\n                </div>\n                <div v-if=\"space.status == 'available'\" >\n                  <b-button v-if=\"!postIds.includes(space.postId)\" variant=\"primary\" @click=\"addItemToCart(space)\">Add to Checkout</b-button>\n                  <b-button v-if=\"postIds.includes(space.postId)\" variant=\"outline-primary\" @click=\"removeItemFromCart(space)\">Remove from Checkout</b-button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </template>\n        <!---end of sub listing-->\n        <div class=\"pt-2 d-flex justify-content-between ts-14 fw-700\">\n          <div>Total</div>\n          <div>₱ {{total | toCurrency}}</div>\n        </div>\n        <!--end of total-->\n        <hr />\n        <div class=\"pt-2 d-flex justify-content-between ts-16 fw-700\">\n          <div>For Holding</div>\n          <div class=\"green\">₱ {{total | toCurrency}}</div>\n        </div>\n        <div class=\"pt-3\">\n          <button\n            type=\"button\"\n            class=\"btn btn-primary btn-block w-100 mb-3\"\n            @click=\"checkoutForm\"\n          >\n            Place Order\n          </button>\n          <div class=\"d-flex align-items-center justify-content-center\">\n            <span class=\"float-start me-2 ts-30 order-info-icon\">\n              <i class=\"bx bx-info-circle\"></i>\n            </span>\n            <span class=\"ts-10\">\n              We will temporarily hold your ₱ {{total | toCurrency}} wallet balance. Once your\n              order is submitted, you are unable to use this balance for other\n              spaces\n            </span>\n          </div>\n        </div>\n        <!--end of total-->\n      </div>\n      <!-- end of rental space-->\n    </div>\n  </b-card>\n  \n</template>\n\n<script>\nimport {\n  listingComputed,\n  listingMethods,\n  showFeatureUnavailable,\n  checkoutMethods, \n  checkoutComputed\n} from \"@/state/helpers\";\nimport { Storage } from \"aws-amplify\";\nimport FavoriteItem from '@/components/widgets/favorite-item.vue';\nimport GmapCustomMarker from 'vue2-gmap-custom-marker';\nimport RentalSpaceImg from '@/views/pages/listings/rental-space-img';\n\nexport default {\n  props: [\"value\"],\n  components: {\n    FavoriteItem,\n    RentalSpaceImg,\n    'gmap-custom-marker': GmapCustomMarker,\n  },\n  data() {\n    return {\n      mapOptions: {\n        zoom: 15,\n        zoomControl: true,\n        mapTypeControl: false,\n        scaleControl: false,\n        streetViewControl: false,\n        rotateControl: false,\n        fullscreenControl: false,\n        disableDefaultUi: false,\n        minZoom: 1,\n        maxZoom: 15\n      },\n      cart: [],\n      selectedSpaces: [],\n      forHoldingAmount: 0,\n      visibleSpaceImg: false,\n      imgIndex: 0,\n    };\n  },\n  computed: {\n    ...listingComputed,\n    ...checkoutComputed,\n    landmarks: {\n      get(){\n        if(this.businessDetails.landmark){\n          return this.businessDetails.landmark.split(',').filter(str => str).join(', ');\n        } else {\n          return null;\n        }\n      }\n    },\n    postIds: {\n      get(){\n        var addedItem = [];\n        try {\n          for(let i of this.checkoutItems){\n            for(let x of i.listings){\n              addedItem.push(x.post_id);\n            }\n          } \n        } catch (error) {\n         console.log(\"postIds ERR:\",error); \n        }\n        return addedItem;\n        // return this.cart.map(c => c.postId);\n      }\n    },\n    total: {\n      get(){\n        var amount = 0;\n        try {\n          for(let l of this.businessDetails.listings){\n            if(this.postIds.includes(l.postId)){\n              amount += l.amount * l.duration\n            }\n          }\n        } catch (error) {\n         console.log(\"total computation ERR:\",error); \n        }\n        return amount;\n        // var total = 0;\n\n        // if(this.cart.length > 0){\n        //   total = this.cart.map(c => c.amount * c.duration).reduce((accumulator, currentValue) => accumulator + currentValue, 0);\n        // }\n       \n        // return total.toLocaleString('en-US');\n      }\n    }\n  },\n  asyncComputed: {\n    async signedUrl() {\n      return this.businessDetails.storePhoto ? this.businessDetails.storePhoto : require('@/assets/images/img-placeholder.png');\n    },\n    async spacesSignedUrl() {\n\n      // console.log('this.value.listings: ', this.value.listings)\n\n      var keys = this.businessDetails.listings.map((s) => {\n          return {\n            photo_space: s.photo_space,\n            coordinate_x1: s.coordinate_x1,\n            coordinate_x2: s.coordinate_x2,\n            coordinate_y1: s.coordinate_y1,\n            coordinate_y2: s.coordinate_y2\n          }\n        }),\n        signed = [];\n\n      // console.log(\"hey spacesSignedUrl\", keys);\n      for (let k of keys) {\n        // signed.push(await Storage.get(k, { level: \"public\" }));\n        signed.push({\n          url: await Storage.get(k.photo_space, { level: \"public\" }),\n          coordinate_x1: k.coordinate_x1,\n          coordinate_x2: k.coordinate_x2,\n          coordinate_y1: k.coordinate_y1,\n          coordinate_y2: k.coordinate_y2\n        })\n      }\n\n      // console.log(\"signUrls:\", signed);\n      return signed;\n    },\n  },\n  methods: {\n    ...listingMethods,\n    ...showFeatureUnavailable,\n    ...checkoutMethods,\n    addItemToCart(listing){\n      this.cart.push(listing);\n      console.log(this.cart);\n      this.addToCart({\n        removeItems:[],\n        addItems:[listing.postId]\n      }).then((res)=>{\n        console.log(\"res\",JSON.stringify(res));\n        this.fetchCheckoutItems();\n      });\n    },\n    removeItemFromCart(listing){\n      for(var i = 0; i < this.cart.length; i++){\n        if(listing.postId == this.cart[i].postId){\n          this.cart.splice(i, 1);\n        }\n      }\n      this.addToCart({\n        removeItems:[listing.postId],\n        addItems:[]\n      }).then((res)=>{\n        console.log(\"res\",JSON.stringify(res));\n        this.fetchCheckoutItems();\n      });\n    },\n    async addRemoveFavoritesListing() {\n      // eslint-disable-next-line no-unused-vars\n      // this.value.favoritesStatus = !this.value.favoritesStatus;\n      console.log(this.businessDetails);\n      if(!this.businessDetails.favoritesStatus)\n      {\n         this.addToFavoriteListings({listingId: this.businessDetails.listId, bizId: this.businessDetails.business_id}).then(response => {\n            this.$toast.showToast('success', 'Success!', 'Store has been added to favorites.');\n            this.businessDetails.favoritesStatus = 1;\n            console.log(response);\n          })\n          // eslint-disable-next-line no-unused-vars\n          .catch(error => {\n            console.log(\"addToFavoriteListings err: \", error);\n          })\n        \n      }\n      else {\n        this.removeToFavoriteListings({bizId: this.businessDetails.business_id}).then(response => {\n          this.$toast.showToast('success', 'Success!', 'Store has been removed from favorites.');\n          this.businessDetails.favoritesStatus = 0;\n          console.log(response);\n        })\n        // eslint-disable-next-line no-unused-vars\n        .catch(error => {\n          console.log(\"addToFavoriteListings err: \", error);\n        })\n      }\n    },\n    checkoutForm(){\n      this.$router.push(\n        this.$route.query.redirectFrom || {\n          name: \"confirm-order\", params: {}\n        }\n      )\n    }\n  },\n  async mounted() {\n    await this.fetchCheckoutItems();\n    console.log(\"this.businessDetails.favoritesStatus: \", this.businessDetails.favoritesStatus);\n  },\n};\n</script>\n\n<style scoped>\n.card-img-top {\n  width: 100%;\n  height: 15hv;\n  object-fit: contain;\n}\n.border-right {\n  border-right: 1px solid #efefef;\n}\n.store-name {\n  font-family: \"Poppins\";\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 27px;\n  letter-spacing: 0.03em;\n  text-align: left;\n}\n.btn-minus {\n  border: 1px solid #efefef;\n  background: #efefef;\n}\n.item-count {\n  border: 1px solid #9999;\n  margin: 0px 7%;\n  width: 30%;\n}\n.item-total {\n  position: absolute;\n  bottom: 0;\n  right: 15%;\n}\n.item-div {\n  border-bottom: 1px solid #efefef;\n  padding-bottom: 10px;\n}\n.blank {\n  display: none;\n}\n.btn-fav {\n  border: 1px solid #e6eaf1;\n  background: #e6eaf1;\n  border-radius: 100%;\n}\n\n@media (max-width: 600px) {\n  .item-total {\n    position: relative;\n  }\n}\n.swal2-confirm {\n  width: inherit;\n}\n.swal2-actions {\n  width: 80%;\n}\n.login-btn {\n  width: inherit;\n}\n.modal-actions {\n  width: 90%;\n}\n\n.no-coordinate-box {\n  width: 100%;\n  height: 100px;\n  border-radius: 8px;\n  opacity: 0.25;\n  border: solid 1px #adb5bd;\n}\n\n.space-preview {\n  width: 112px;\n  height: 112px;\n  object-fit: cover;\n}\n\n.green {\n  color: #508f30;\n}\n\n.order-info-icon {\n  color: #3366CC\n}\n\n.map-marker {\n  border: solid 30px rgba(248, 75, 4, 0.2);\n  border-radius: 50%;\n  position: relative;\n  top: 30px\n}\n</style>","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!./rent-details.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!./rent-details.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./rent-details.vue?vue&type=template&id=6f1f8b30&scoped=true&\"\nimport script from \"./rent-details.vue?vue&type=script&lang=js&\"\nexport * from \"./rent-details.vue?vue&type=script&lang=js&\"\nimport style0 from \"./rent-details.vue?vue&type=style&index=0&id=6f1f8b30&prod&scoped=true&lang=css&\"\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  \"6f1f8b30\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',{staticClass:\"w-100 pt-0 pb-0 border-0\"},[_c('b-tabs',{attrs:{\"content-class\":\"pt-3 text-muted\",\"nav-class\":\"nav-tabs-custom\"}},[_c('b-tab',{attrs:{\"active\":true},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('span',{staticClass:\"d-inline-block d-sm-none\"},[_c('i',{staticClass:\"far fa-user\"})]),_c('span',{staticClass:\"d-none d-sm-inline-block\"},[_vm._v(\"Rent History\")])]},proxy:true}])},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-4 col-md-4 col-12\"},[_c('div',{staticClass:\"p-3 history-box\"},[_c('div',{staticClass:\"ts-16 fw-700 mb-3\"},[_vm._v(\"History Overview\")]),_c('div',{staticClass:\"ts-14 fw-600 d-flex justify-content-between\"},[_c('div',[_vm._v(\"Joined In:\")]),_c('div',[_vm._v(_vm._s(_vm.joinedInFormat()))])]),_c('hr'),_c('div',{staticClass:\"ts-14 fw-600 d-flex justify-content-between\"},[_c('div',[_vm._v(\"Total Space Posted:\")]),_c('div',[_vm._v(_vm._s(_vm.businessDetails.spacedPosted))])]),_c('hr'),_c('div',{staticClass:\"ts-14 fw-600 d-flex justify-content-between\"},[_c('div',[_vm._v(\"Total Renters:\")]),_c('div',[_vm._v(_vm._s(_vm.businessHistory.totaRents))])])])]),_c('div',{staticClass:\"col-sm-8 col-md-8 col-12\"},[(_vm.businessHistory.history.length == 0 || true)?_c('div',{staticClass:\"g-0 text-center\"},[_c('p',{staticClass:\"m-0\",staticStyle:{\"font-size\":\"50px\"}},[_c('i',{staticClass:\"bx bx-history\"})]),_c('span',[_vm._v(\"No store history\")])]):_vm._l((_vm.businessHistory),function(item,index){return _c('div',{key:index,staticClass:\"card bg-light text-dark border-0\"},[_c('div',{staticClass:\"card-body row\"},[_c('div',{staticClass:\"col-1\"},[_c('img',{staticClass:\"rounded-circle\",attrs:{\"src\":item['image'],\"height\":\"50\"},on:{\"error\":(e) =>\n                        (e.target.src = require('@/assets/images/img-placeholder.png'))}})]),_c('div',{staticClass:\"col-11\"},[_c('p',{staticClass:\"m-0 ts-18\"},[_vm._v(_vm._s(item[\"name\"]))]),_c('p',{staticClass:\"m-0 ts-13\"},[_c('span',[_c('b',[_vm._v(\"Rented:\")]),_vm._v(\" \"+_vm._s(item[\"rent_duration\"]))]),_c('span',{staticClass:\"float-end\"},[_c('b',[_vm._v(\"Started:\")]),_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item[\"started_at\"]))+\" - \"),_c('b',[_vm._v(\"Ended:\")]),_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item[\"ended_at\"]))+\" \")])])])])])}),(_vm.businessHistory.history.length > 0 && false)?_c('div',{staticClass:\"row g-0 text-center text-sm-start\"},[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"dataTables_paginate paging_simple_numbers float-end\"},[_c('b-pagination',{staticClass:\"pagination-rounded\",attrs:{\"total-rows\":10,\"per-page\":_vm.historyPaginate.rows},on:{\"input\":_vm.rentHistoryPaginate},model:{value:(_vm.historyPaginate.page),callback:function ($$v) {_vm.$set(_vm.historyPaginate, \"page\", $$v)},expression:\"historyPaginate.page\"}})],1)])])])]):_vm._e()],2)])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"w-100 pt-0 pb-0 border-0\">\n    <b-tabs content-class=\"pt-3 text-muted\" nav-class=\"nav-tabs-custom\">\n      <b-tab :active=\"true\">\n        <template v-slot:title>\n          <span class=\"d-inline-block d-sm-none\">\n            <i class=\"far fa-user\"></i>\n          </span>\n          <span class=\"d-none d-sm-inline-block\">Rent History</span>\n        </template>\n        <div class=\"row\">\n          <div class=\"col-sm-4 col-md-4 col-12\">\n            <div class=\"p-3 history-box\">\n              <div class=\"ts-16 fw-700 mb-3\">History Overview</div>\n              <div class=\"ts-14 fw-600 d-flex justify-content-between\">\n                <div>Joined In:</div>\n                <div>{{ joinedInFormat() }}</div>\n              </div>\n              <hr />\n              <div class=\"ts-14 fw-600 d-flex justify-content-between\">\n                <div>Total Space Posted:</div>\n                <div>{{ businessDetails.spacedPosted }}</div>\n              </div>\n              <hr />\n              <div class=\"ts-14 fw-600 d-flex justify-content-between\">\n                <div>Total Renters:</div>\n                <div>{{ businessHistory.totaRents }}</div>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-sm-8 col-md-8 col-12\">\n            <div class=\"g-0 text-center\" v-if=\"businessHistory.history.length == 0 || true\">\n              <p class=\"m-0\" style=\"font-size: 50px\">\n                <i class=\"bx bx-history\"></i>\n              </p>\n              <span>No store history</span>\n            </div>\n            <template v-else>\n              <div\n                class=\"card bg-light text-dark border-0\"\n                :key=\"index\"\n                v-for=\"(item, index) in businessHistory\"\n              >\n                <div class=\"card-body row\">\n                  <div class=\"col-1\">\n                    <img\n                      :src=\"item['image']\"\n                      class=\"rounded-circle\"\n                      height=\"50\"\n                      @error=\"\n                        (e) =>\n                          (e.target.src = require('@/assets/images/img-placeholder.png'))\n                      \"\n                    />\n                  </div>\n                  <div class=\"col-11\">\n                    <p class=\"m-0 ts-18\">{{ item[\"name\"] }}</p>\n                    <p class=\"m-0 ts-13\">\n                      <span><b>Rented:</b> {{ item[\"rent_duration\"] }}</span>\n                      <span class=\"float-end\">\n                        <b>Started:</b> {{ item[\"started_at\"] | formatDate }} -\n                        <b>Ended:</b> {{ item[\"ended_at\"] | formatDate }}\n                      </span>\n                    </p>\n                  </div>\n                </div>\n              </div>\n              <!--end of card-->\n            </template>\n\n            <div\n              class=\"row g-0 text-center text-sm-start\"\n              v-if=\"businessHistory.history.length > 0 && false\"\n            >\n              <!-- end col -->\n              <div class=\"col-sm-12\">\n                <div class=\"row\">\n                  <div class=\"col\">\n                    <div\n                      class=\"dataTables_paginate paging_simple_numbers float-end\"\n                    >\n                      <!-- pagination -->\n                      <b-pagination\n                        class=\"pagination-rounded\"\n                        v-model=\"historyPaginate.page\"\n                        @input=\"rentHistoryPaginate\"\n                        :total-rows=\"10\"\n                        :per-page=\"historyPaginate.rows\"\n                      ></b-pagination>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <!-- end col -->\n            </div>\n            <!--end of pagination-->\n          </div>\n        </div>\n      </b-tab>\n    </b-tabs>\n  </b-card>\n</template>\n\n<script>\nimport { listingComputed, listingMethods } from \"@/state/helpers\";\nimport moment from \"moment\";\n\nexport default {\n  props: [\"value\"],\n  data() {\n    return {\n      selectedItem: [],\n      historyPaginate: {\n        page: 1,\n        rows: 4,\n      },\n    };\n  },\n  computed: {\n    ...listingComputed,\n  },\n  methods: {\n    ...listingMethods,\n    rentHistoryPaginate() {\n      console.log(this.historyPaginate);\n    },\n    joinedInFormat() {\n      try {\n        return moment(this.businessDetails.joinedIn).format(\"MMMM YYYY\"); \n      } catch (error) {\n        console.log(error);\n        return null;\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.rent-history-title {\n  color: #000;\n  font-weight: bold;\n  font-size: 16px;\n}\n\n.history-box {\n  border-radius: 8px;\n  border: solid 1px #E1E1E1;\n  color: #000;\n}\n</style>\n\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!./rent-history.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!./rent-history.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./rent-history.vue?vue&type=template&id=394e4648&\"\nimport script from \"./rent-history.vue?vue&type=script&lang=js&\"\nexport * from \"./rent-history.vue?vue&type=script&lang=js&\"\nimport style0 from \"./rent-history.vue?vue&type=style&index=0&id=394e4648&prod&lang=css&\"\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  <Layout>\n    <div>\n      <PageHeader :title=\"title\" :items=\"breadCrumbs\" :prev=\"{name:'browse-space',params:{}}\"/>\n      \n      <div class=\"rent-detail-container\">\n        <rent-details v-if=\"businessDetails\"/>\n        <!-- <span @click=\"getStoreDetails\">RELOAD</span> -->\n        <rent-history v-if=\"businessHistory\"/>\n      </div>\n    </div>\n  </Layout>\n</template>\n\n<script>\nimport Layout from \"@/views/layouts/main.vue\";\nimport { listingComputed, listingMethods, layoutMethods, layoutComputed} from \"@/state/helpers\";\nimport PageHeader from '@/components/page-header-custom.vue';\nimport RentDetails from \"@/views/pages/listings/rent-details\";\nimport RentHistory from \"@/views/pages/listings/rent-history\";\n\nexport default {\n  components: {\n    Layout,\n    PageHeader,\n    RentDetails,\n    RentHistory\n  },\n  computed: {\n    ...layoutComputed,\n    ...listingComputed\n  },\n  methods: {\n    ...layoutMethods,\n    ...listingMethods,\n    async getStoreDetails(){\n      this.fetchPublicStoreDetails({businessId:this.businessId})\n      // .then((res)=>{\n      //   this.businessDetails = res.storeDetails;\n      //   this.businessHistory = res;\n      // });\n      this.fetchStoreHistory({businessId:this.businessId})\n    }\n  },\n  data() {\n    return {\n      businessId:0,\n      // businessDetails:null,\n      // businessHistory:null,\n    };\n  },\n  mounted(){\n    this.businessId = this.$route.params.id;\n    // console.log(\">> space details:\",this.businessId);\n    // this.changeTitle({\n    //   title: \"Store Name \"+id,\n    // });\n    this.changeBreadCrumb({\n      breadCrumbs: [\n        { text: \"Browse Available Space\", to: { name: \"browse-space\" } },\n        { text: 'Rental Details', to: { name: 'browse-space-details'} }\n      ],\n    });\n    this.getStoreDetails();\n  }\n};\n/**\n * business information kukunin sa old database (store, name, business type, loc coordinates) any information of business get in old db\n * \n */\n</script>\n\n<style>\n.rent-detail-container {\n  max-width: 970px;\n}\n</style>","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!./browse-space-details.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!./browse-space-details.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./browse-space-details.vue?vue&type=template&id=6ea4d69f&\"\nimport script from \"./browse-space-details.vue?vue&type=script&lang=js&\"\nexport * from \"./browse-space-details.vue?vue&type=script&lang=js&\"\nimport style0 from \"./browse-space-details.vue?vue&type=style&index=0&id=6ea4d69f&prod&lang=css&\"\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 = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgBjZJhDcIwFIRvhP9MwhyAhOEAB+AAHKwOwAISUMAk4AAcDAdw7V63rntb9yXXNJfey+WlGXpKaiv3B/WJ/Jy6B77DUD/qTTVyNzN+N9Ea52DQRTyro+KXGY8rtaP2GGIHbqR2yNPWXUv3L8bU0HFvV9RLpudIU0i7GhJopHKKG9pFFd44IdqYgsF4WY5qJuy3WWECLWxSIS28OBRXiz/GIg5QFuH5A4jpMpQ7tIzQAAAAAElFTkSuQmCC\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./favorite-item.vue?vue&type=style&index=0&id=580a3d5a&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['favorite-item d-flex align-items-center justify-content-center', { 'favorite-item-red-cursor': !_vm.localStatus }],on:{\"click\":() => _vm.$emit('click')}},[_c('transition',{attrs:{\"name\":\"heart-animation-favorite\",\"mode\":\"out-in\"}},[(_vm.localStatus)?_c('svg',{staticClass:\"bi bi-heart\",staticStyle:{\"margin\":\"0 auto\"},attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":_vm.localWidth,\"height\":_vm.localHeight,\"viewBox\":\"0 0 16 16\"}},[_c('path',{attrs:{\"d\":\"m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748z\",\"fill\":\"#c12927\"}})]):_vm._e()]),_c('transition',{attrs:{\"name\":\"heart-animation-unfavorite\",\"mode\":\"out-in\"}},[(!_vm.localStatus)?_c('img',{key:\"heart-out\",attrs:{\"src\":require(\"@/assets/images/favorite-heart.png\"),\"alt\":\"Favorite Heart\"}}):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    @click=\"() => $emit('click')\"\n    :class=\"['favorite-item d-flex align-items-center justify-content-center', { 'favorite-item-red-cursor': !localStatus }]\"\n  >\n    <transition name=\"heart-animation-favorite\" mode=\"out-in\"> \n      <svg\n        v-if=\"localStatus\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        :width=\"localWidth\"\n        :height=\"localHeight\"\n        class=\"bi bi-heart\"\n        viewBox=\"0 0 16 16\"\n        style=\"margin: 0 auto;\"\n         \n      >\n      \n        <path\n          d=\"m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748z\"\n          fill=\"#c12927\"\n        />\n      </svg>\n    </transition>\n    <transition name=\"heart-animation-unfavorite\" mode=\"out-in\">\n      <img\n        v-if=\"!localStatus\"\n        key=\"heart-out\"\n        src=\"@/assets/images/favorite-heart.png\"\n        alt=\"Favorite Heart\"\n      />\n    </transition>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: ['status', 'width', 'height'],\n  data() {\n    return {\n      localStatus: 0,\n      localWidth: 16,\n      localHeight: 16\n    };\n  },\n  methods: {\n   getCursorStyle() {\n      const cursor = this.localStatus\n        ? \"url('../../assets/images/favorite-heart-red.png'), auto\"\n        : \"url('../../assets/images/favorite-heart.png'), auto\";\n\n      return {\n        cursor,\n        width: '32px',\n        height: '32px',\n        background: '#fff',\n        borderRadius: '50%',\n        zIndex: 1,\n        opacity: 1,\n        border: 'solid 1px #e5e5e5'\n      };\n    }\n  },\n  mounted() {\n    // Logging the favorite value\n    console.log('Favorites Value:', this.value);\n    this.localStatus = this.status ?? 0;\n  },\n  watch: {\n    status(newValue) {\n      console.log(\"newValue\", newValue);\n      this.localStatus = newValue;\n    }\n  }\n};\n</script>\n\n<style>\n.favorite-item {\n  width: 32px;\n  height: 32px;\n  background: #fff;\n  border-radius: 50%;\n  z-index: 1;\n  opacity: 1;\n  border: solid 1px #e5e5e5;\n  /* cursor: url('../../assets/images/favorite-heart.png'), auto; */\n  cursor: pointer;\n}\n\n.favorite-item-red-cursor {\n  /* cursor: url('../../assets/images/favorite-heart-red.png'), auto; */\n  cursor: pointer;\n}\n\n/* We added some cool transitions here upon adding to favorites - Eubs */\n.heart-animation-favorite-enter-active {\n  transition: width 0.5s, height 0.5s;\n}\n\n.heart-animation-favorite-enter {\n  width: 32px;\n  height: 32px;\n}\n\n.heart-animation-unfavorite-enter-active {\n  transition: opacity 0.8s;\n}\n\n.heart-animation-unfavorite-enter,\n.heart-animation-unfavorite-leave-to {\n  opacity: 0;\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!./favorite-item.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!./favorite-item.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./favorite-item.vue?vue&type=template&id=580a3d5a&\"\nimport script from \"./favorite-item.vue?vue&type=script&lang=js&\"\nexport * from \"./favorite-item.vue?vue&type=script&lang=js&\"\nimport style0 from \"./favorite-item.vue?vue&type=style&index=0&id=580a3d5a&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}