https://book.on-track.in/js/7796.61eea04d.js

1"use strict";(self["webpackChunkontrack_website"]=self["webpackChunkontrack_website"]||[]).push([[7796],{15583:function(t,e,s){s.r(e),s.d(e,{default:function(){return V}});var i=s(86227),a=s(2484),n=s(33740),o=s(3698),r=s(54414),l=s(3449),h=s(59483),c=s(36930),u=s(35420),d=s(2756),p=(s(28743),s(83725),s(51339),s(26993)),m=s(45961),v=s(95803),g=s(10532),b=s(94598),y=s(4152),f=s(86988),x=(0,v.A)(p.A,g.A).extend({name:"v-slider",directives:{ClickOutside:b.A},mixins:[g.A],props:{disabled:Boolean,inverseLabel:Boolean,max:{type:[Number,String],default:100},min:{type:[Number,String],default:0},step:{type:[Number,String],default:1},thumbColor:String,thumbLabel:{type:[Boolean,String],default:void 0,validator:t=>"boolean"===typeof t||"always"===t},thumbSize:{type:[Number,String],default:32},tickLabels:{type:Array,default:()=>[]},ticks:{type:[Boolean,String],default:!1,validator:t=>"boolean"===typeof t||"always"===t},tickSize:{type:[Number,String],default:2},trackColor:String,trackFillColor:String,value:[Number,String],vertical:Boolean},data:()=>({app:null,oldValue:null,thumbPressed:!1,mouseTimeout:-1,isFocused:!1,isActive:!1,noClick:!1,startOffset:0}),computed:{classes(){return{...p.A.options.computed.classes.call(this),"v-input__slider":!0,"v-input__slider--vertical":this.vertical,"v-input__slider--inverse-label":this.inverseLabel}},internalValue:{get(){return this.lazyValue},set(t){t=isNaN(t)?this.minValue:t;const e=this.roundValue(Math.min(Math.max(t,this.minValue),this.maxValue));e!==this.lazyValue&&(this.lazyValue=e,this.$emit("input",e))}},trackTransition(){return this.thumbPressed?this.showTicks||this.stepNumeric?"0.1s cubic-bezier(0.25, 0.8, 0.5, 1)":"none":""},minValue(){return parseFloat(this.min)},maxValue(){return parseFloat(this.max)},stepNumeric(){return this.step>0?parseFloat(this.step):0},inputWidth(){const t=(this.roundValue(this.internalValue)-this.minValue)/(this.maxValue-this.minValue)*100;return isNaN(t)?0:t},trackFillStyles(){const t=this.vertical?"bottom":"left",e=this.vertical?"top":"right",s=this.vertical?"height":"width",i=this.$vuetify.rtl?"auto":"0",a=this.$vuetify.rtl?"0":"auto",n=this.isDisabled?`calc(${this.inputWidth}

1% - 10px)`:`${this.inputWidth}%`;return{transition:this.trackTransition,[t]:i,[e]:a,[s]:n}},trackStyles(){const t=this.vertical?this.$vuetify.rtl?"bottom":"top":this.$vuetify.rtl?"left":"right",e=this.vertical?"height":"width",s="0px",i=this.isDisabled?`calc(${100-this.inputWidth}% - 10px)`:`calc(${100-this.inputWidth}%)`;return{transition:this.trackTransition,[t]:s,[e]:i}},showTicks(){return this.tickLabels.length>0||!(this.isDisabled||!this.stepNumeric||!this.ticks)},numTicks(){return Math.ceil((this.maxValue-this.minValue)/this.stepNumeric)},showThumbLabel(){return!this.isDisabled&&!(!this.thumbLabel&&!this.$scopedSlots["thumb-label"])},computedTrackColor(){if(!this.isDisabled)return this.trackColor?this.trackColor:this.isDark?this.validationState:this.validationState||"primary lighten-3"},computedTrackFillColor(){if(!this.isDisabled)return this.trackFillColor?this.trackFillColor:this.validationState||this.computedColor},computedThumbColor(){return this.thumbColor?this.thumbColor:this.validationState||this.computedColor}},watch:{min(t){const e=parseFloat(t);e>this.internalValue&&this.$emit("input",e)},max(t){const e=parseFloat(t);e<this.internalValue&&this.$emit("input",e)},value:{handler(t){this.internalValue=t},immediate:!0}},mounted(){this.app=document.querySelector("[data-app]")||(0,f.OP)("Missing v-app or a non-body wrapping element with the [data-app] attribute",this)},methods:{genDefaultSlot(){const t=[this.genLabel()],e=this.genSlider();return this.inverseLabel?t.unshift(e):t.push(e),t.push(this.genProgress()),t},genSlider(){return this.$createElement("div",{class:{"v-slider":!0,"v-slider--horizontal":!this.vertical,"v-slider--vertical":this.vertical,"v-slider--focused":this.isFocused,"v-slider--active":this.isActive,"v-slider--disabled":this.isDisabled,"v-slider--readonly":this.isReadonly,...this.themeClasses},directives:[{name:"click-outside",value:this.onBlur}],on:{click:this.onSliderClick,mousedown:this.onSliderMouseDown,touchstart:this.onSliderMouseDown}},this.genChildren())},genChildren(){return[this.genInput(),this.genTrackContainer(),this.genSteps(),this.genThumbContainer(this.internalValue,this.inputWidth,this.isActive,this.isFocused,this.onFocus,this.onBlur)]},genInput(){return this.$createElement("input",{attrs:{value:this.internalValue,id:this.computedId,disabled:!0,readonly:!0,tabindex:-1,...this.$attrs}})},genTrackContainer(){const t=[this.$createElement("div",this.setBackgroundColor(this.computedTrackColor,{staticClass:"v-slider__track-background",style:this.trackStyles})),this.$createElement("div",this.setBackgroundColor(this.computedTrackFillColor,{staticClass:"v-slider__track-fill",style:this.trackFillStyles}))];return this.$createElement("div",{staticClass:"v-slider__track-container",ref:"track"},t)},genSteps(){if(!this.step||!this.showTicks)return null;const t=parseFloat(this.tickSize),e=(0,y.Sd)(this.numTicks+1),s=this.vertical?"bottom":this.$vuetify.rtl?"right":"left",i=this.vertical?this.$vuetify.rtl?"left":"right":"top";this.vertical&&e.reverse();const a=e.map(e=>{const a=[];this.tickLabels[e]&&a.push(this.$createElement("div",{staticClass:"v-slider__tick-label"},this.tickLabels[e]));const n=e*(100/this.numTicks),o=this.$vuetify.rtl?100-this.inputWidth<n:n<this.inputWidth;return this.$createElement("span",{key:e,staticClass:"v-slider__tick",class:{"v-slider__tick--filled":o},style:{width:`${t}px`,height:`${t}px`,[s]:`calc(${n}% - ${t/2}px)`,[i]:`calc(50% - ${t/2}px)`}}

1,a)});return this.$createElement("div",{staticClass:"v-slider__ticks-container",class:{"v-slider__ticks-container--always-show":"always"===this.ticks||this.tickLabels.length>0}},a)},genThumbContainer(t,e,s,i,a,n,o="thumb"){const r=[this.genThumb()],l=this.genThumbLabelContent(t);return this.showThumbLabel&&r.push(this.genThumbLabel(l)),this.$createElement("div",this.setTextColor(this.computedThumbColor,{ref:o,key:o,staticClass:"v-slider__thumb-container",class:{"v-slider__thumb-container--active":s,"v-slider__thumb-container--focused":i,"v-slider__thumb-container--show-label":this.showThumbLabel},style:this.getThumbContainerStyles(e),attrs:{role:"slider",tabindex:this.isDisabled?-1:this.$attrs.tabindex?this.$attrs.tabindex:0,"aria-label":this.$attrs["aria-label"]||this.label,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.internalValue,"aria-readonly":String(this.isReadonly),"aria-orientation":this.vertical?"vertical":"horizontal"},on:{focus:a,blur:n,keydown:this.onKeyDown}}),r)},genThumbLabelContent(t){return this.$scopedSlots["thumb-label"]?this.$scopedSlots["thumb-label"]({value:t}):[this.$createElement("span",[String(t)])]},genThumbLabel(t){const e=(0,y.Dg)(this.thumbSize),s=this.vertical?`translateY(20%) translateY(${Number(this.thumbSize)/3-1}px) translateX(55%) rotate(135deg)`:"translateY(-20%) translateY(-12px) translateX(-50%) rotate(45deg)";return this.$createElement(m.yX,{props:{origin:"bottom center"}},[this.$createElement("div",{staticClass:"v-slider__thumb-label-container",directives:[{name:"show",value:this.isFocused||this.isActive||"always"===this.thumbLabel}]},[this.$createElement("div",this.setBackgroundColor(this.computedThumbColor,{staticClass:"v-slider__thumb-label",style:{height:e,width:e,transform:s}}),[this.$createElement("div",t)])])])},genThumb(){return this.$createElement("div",this.setBackgroundColor(this.computedThumbColor,{staticClass:"v-slider__thumb"}))},getThumbContainerStyles(t){const e=this.vertical?"top":"left";let s=this.$vuetify.rtl?100-t:t;return s=this.vertical?100-s:s,{transition:this.trackTransition,[e]:`${s}%`}},onSliderMouseDown(t){var e;if(t.preventDefault(),this.oldValue=this.internalValue,this.isActive=!0,null===(e=t.target)||void 0===e?void 0:e.matches(".v-slider__thumb-container, .v-slider__thumb-container *")){this.thumbPressed=!0;const e=t.target.getBoundingClientRect(),s="touches"in t?t.touches[0]:t;this.startOffset=this.vertical?s.clientY-(e.top+e.height/2):s.clientX-(e.left+e.width/2)}else this.startOffset=0,window.clearTimeout(this.mouseTimeout),this.mouseTimeout=window.setTimeout(()=>{this.thumbPressed=!0},300);const s=!y.AR||{passive:!0,capture:!0},i=!!y.AR&&{passive:!0},a="touches"in t;this.onMouseMove(t),this.app.addEventListener(a?"touchmove":"mousemove",this.onMouseMove,i),(0,y.d7)(this.app,a?"touchend":"mouseup",this.onSliderMouseUp,s),this.$emit("start",this.internalValue)},onSliderMouseUp(t){t.stopPropagation(),window.clearTimeout(this.mouseTimeout),this.thumbPressed=!1;const e=!!y.AR&&{passive:!0};this.app.removeEventListener("touchmove",this.onMouseMove,e),this.app.removeEventListener("mousemove",this.onMouseMove,e),this.$emit("mouseup",t),this.$emit("end",this.internalValue),(0,y.bD)(this.oldValue,this.internalValue)||(this.$emit("change",this.internalValue),this.noClick=!0),this.isActive=!1},onMouseMove(t){"mousemove"===t.type&&(this.thumbPressed=!0),this.internalValue=this.parseMouseMove(t)},onKeyDown(t){if(!this.isInteractive)return;const e=this.parseKeyDown(t,this.internalValue);null==e||e<this.minValue||e>this.maxValue||(this.internalValue=e,this.$emit("change",e))},onSliderClick(t){if(this.noClick)return void(this.noClick=!1);const e=this.$refs.thumb;e.focus(),this.onMouseMove(t),this.$emit("change",this.internalValue)},onBlur(t){this.isFocused=!1,this.$emit("blur",t)},onFocus(t){this.isFocused=!0,this.$emit("focus",t)},parseMouseMove(t){const e=this.vertical?"top":"left",s=this.vertical?"height":"width",i=this.vertical?"clientY":"clientX",{[e]:a,[s]:n}=this.$refs.track.getBoundingClientRect(),o="touches"in t?t.touches[0][i]:t[i];let r=Math.min(Math.max((o-a-this.startOffset)/n,0),1)||0;return this.vertical&&(r=1-r),this.$vuetify.rtl&&(r=1-r),parseFloat(this.min)+r*(this.maxValue-this.minValue)},parseKeyDown(t,e){if(!this.isInteractive)return;const{pageup:s,pagedown:i,end:a,home:n,left:o,right:r,down:l,up:h}=y.uP;if(![s,i,a,n,o,r,l,h].includes(t.keyCode))return;t.preventDefault();const c=this.stepNumeric||1,u=(this.maxValue-this.minValue)/c;if([o,r,l,h].includes(t.keyCode)){const s=this.$vuetify.rtl?[o,h]:[r,h],i=s.includes(t.keyCode)?1:-1,a=t.shiftKey?3:t.ctrlKey?2:1;e+=i*c*a}else if(t.keyCode===n)e=this.minValue;else if(t.keyCode===a)e=this.maxValue;else{const s=t.keyCode===i?1:-1;e-=s*c*(u>100?u/10:10)}return e},roundValue(t){if(!this.stepNumeric)return t;const e=this.step.toString().trim(),s=e.indexOf(".")>-1?e.length-e.indexOf(".")-1:0,i=this.minValue%this.stepNumeric,a=Math.round((t-i)/this.stepNumeric)*this.stepNumeric+i;return parseFloat(Math.min(a,this.maxValue).toFixed(s))}}}),k=s(63e3),C=function(){var t=this,e=t._self._c;return e(l.A,{staticClass:"ma-0 pa-0"},[t.responseData?e("div",[e(a.A,{staticClass:"ma-0 pa-0 ot-paragraph",attrs:{items:t.items}}),e(o.A,{staticClass:"pa-5 my-4",attrs:{outlined:"",rounded:"xl"}},[e(d.A,{attrs:{"no-gutters":""}},[e(r.A,{attrs:{cols:"12"}},[e("div",["MONTHLY"==t.responseData.plan_type?e("div",[e("div",{staticClass:"d-flex justify-space-between"},[e("h3",{},[t._v("Days to Extend")])]),e(x,{staticClass:"mt-8",attrs:{disabled:t.extendForMonth||t.responseData.minDaysToExtend>15,min:t.responseData.minDaysToExtend<15?t.responseData.minDaysToExtend:15,max:"15","thumb-label":"always","hide-details":""},model:{value:t.daysToExtend,callback:function(e){t.daysToExtend=e},expression:"daysToExtend"}}),e("h3",[e(k.A,{attrs:{label:"Extend for 30 days"},model:{value:t.extendForMonth,callback:function(e){t.extendForMonth=e},expression:"extendForMonth"}}

1)],1),t.extendForMonth?t._e():e("div",[e(i.A,{attrs:{color:"grey lighten-3"}},[e(c.A,{staticClass:"my-auto"},[t._v("mdi-help-circle-outline")]),t._v(" Extend it for a month to avoid surge charge of Rs "+t._s(t.responseData.surgeCharge)+". ")],1)],1)],1):t._e(),e("div",[e("div",{staticClass:"d-flex justify-space-between"},[e("p",{},[t._v("Days to Extend")]),e("p",{staticClass:"font-weight-bold"},[t._v(t._s(t.responseData.days)+" days")])]),e("div",{staticClass:"d-flex justify-space-between"},[e("div",[t._v("Current End Date")]),e("p",{staticClass:"font-weight-bold"},[t._v(" "+t._s(t._f("moment")(t.responseData.currentEndDate,"ll"))+" ")])]),e("div",{staticClass:"d-flex justify-space-between"},[e("div",[t._v("New End Date")]),e("p",{staticClass:"font-weight-bold"},[t._v(" "+t._s(t._f("moment")(t.responseData.newEndDate,"ll"))+" ")])])]),e("div",[t.responseData.minDaysToExtend<=30&&t.responseData.minDaysToExtend>1?e("div",{},[e("p",{staticClass:"m-0 p-0"},[t._v(" Since your booking is overdue by "+t._s(t.responseData.minDaysToExtend-1)+" days, minimum "+t._s(t.responseData.minDaysToExtend>15?30:t.responseData.minDaysToExtend)+" days should be extended. ")])]):t._e(),t.responseData.minDaysToExtend>30?e(i.A,{attrs:{color:"error",outlined:""}},[e("div",[t._v(" Extension charge includes rentals for "+t._s(t.responseData.noOfMonths)+" months and "+t._s(t.responseData.remainingDays)+" days. The surge is charged for only "+t._s(t.responseData.remainingDays)+" days. For more info "),e("span",{on:{click:function(e){return t.redirect("mailto:[email protected]")}}},[t._v(" [email protected] "),e("i",{staticClass:"fal fa-mail"})])])]):t._e()],1)])]),e(r.A,[e("div",[e("div",{},[e("div",{staticClass:"d-flex justify-space-between"},[e("p",{},[t._v("Extension Charge")]),e("p",{staticClass:"font-weight-bold"},[t._v(" "+t._s(t._f("currency")(t.responseData.rentalAmountBeforeSurge))+" ")])]),e("div",{staticClass:"d-flex justify-space-between"},[e("p",{},[t._v("Surge Charge")]),e("p",{staticClass:"font-weight-bold"},[t._v(" "+t._s(t._f("currency")(t.responseData.surgeCharge))+" ")])]),t.responseData.discount>0?e("div",{staticClass:"d-flex justify-space-between success--text"},[e("p",{},[t._v("Discount")]),e("p",{staticClass:"font-weight-bold"},[t._v(" -"+t._s(t._f("currency")(t.responseData.discount))+" ")])]):t._e(),t.responseData.penalty>0?e("div",{staticClass:"d-flex justify-space-between error--text"},[e("p",{},[t._v("Penalty")]),e("p",{staticClass:"font-weight-bold"},[t._v(" +"+t._s(t._f("currency")(t.responseData.penalty))+" ")])]):t._e(),e(h.A,{staticClass:"my-3"}),e("div",{staticClass:"d-flex justify-space-between my-6"},[e("h3",[t._v("Total Charge")]),e("h3",{staticClass:"primary--text"},[t._v(" "+t._s(t._f("currency")(t.responseData.totalAmount))+" ")])])],1),e(d.A,t._l(t.couponsList,function(s,i){return e(r.A,{key:i,attrs:{cols:"6"},on:{click:function(e){return t.applyCoupon(s)}}},[e(o.A,{staticClass:"extend-coupon-card",attrs:{outlined:"",rounded:"lg",ripple:""}},[e(l.A,{staticClass:"pa-3"},[e("div",{},[e("p",{staticClass:"mb-1"},[e("strong",{staticClass:"primary--text"},[t._v(t._s(s.couponName))])]),e("p",{staticClass:"text-truncate mb-0 ot-text-13 text--disabled"},[t._v(" "+t._s(s.displayText)+" ")])])])],1)],1)}),1),t.responseData.feedback?e("div",{staticClass:"my-5"},[e("div",[e("div",{class:"error"==t.responseData.feedback.type?"error--text":"success--text"},[t._v(" "+t._s(t.responseData.feedback.message)+" ")]),e("p",{staticClass:"m-0 p-0",class:"error"==t.responseData.feedback.type?"error--text":"success--text"},[t._v(" "+t._s(t.responseData.feedback.detail)+" ")])])]):t._e(),"You have not purchased this coupon"==t.responseData.feedback.detail?e("div",{},[t._v(" You can purchase coupon code with OT Points "),e("span",{staticClass:"text-warning",on:{click:function(e){return t.$router.push("/wallet")}}},[t._v("here")])]):t._e(),e(n.A,{attrs:{large:"",block:"",disabled:t.loading,color:"primary",elevation:"0",rounded:""},on:{click:t.extendBooking}},[e("span",{staticClass:"ot-btn-text"},[t._v("Extend Booking")])])],1)])],1)],1)],1):e("div",{staticClass:"text-center"},[e(u.A,{staticClass:"error-img mx-auto",attrs:{contain:"",src:s(36002),width:"300px"}}),e("div",{staticClass:"my-10"},[t._v(" Unable to process your request at the moment, we'll fix this 

1soon. ")]),e(n.A,{attrs:{depressed:"",color:"grey lighten-4"},on:{click:function(e){return t.$router.go(-1)}}},[t._v(" Go Back ")])],1)])},_=[],w=s(37194),D=s(78465),$=s.n(D),S={data(){return{bookingId:"",daysToExtend:8,extendForMonth:!1,loading:!1,couponName:null,responseData:"",extendBookingData:"",couponsList:[],items:[{text:"Profile",href:"/account"},{text:"Bookings",href:"/account/bookings"},{text:"Extend - "+this.$route.params.id,disabled:!0}]}},created(){this.bookingId=this.$route.params.id,this.calculatePayment(),this.getExtensionCoupons()},watch:{daysToExtend(){this.calculatePayment()},extendForMonth(){this.calculatePayment()}},computed:{},methods:{applyCoupon(t){this.couponName=t.couponName,this.calculatePayment()},async getExtensionCoupons(){try{const{data:t}=await w.Bo.post("/booking/coupons/extension",{bookingId:this.bookingId,type:"extension"});console.log(t),this.couponsList=t}finally{this.loading=!1}},async calculatePayment(){this.loading=!0;var t={bookingId:this.bookingId,days:this.extendForMonth?30:this.daysToExtend,extendForMonth:this.extendForMonth};this.couponName&&(t.coupon=this.couponName);try{const{data:e}=await w.t6.post("booking/extend/calculate",t);this.responseData=e,this.responseData.minDaysToExtend>15&&(this.extendForMonth=!0)}finally{this.loading=!1}},extendBooking(){this.loading=!0,w.Bo.post("booking/extend/order",this.responseData).then(t=>{this.extendBookingData=t.data,this.loading=!1,this.initiatePaymentRazorpay()}).catch(t=>{const e=t?.response?.data?.message||t?.response?.data?.error||"Something went wrong. Please try again.";this.loading=!1,$().fire({icon:"error",title:"Error",text:e})})},async initiatePaymentRazorpay(){var t={key:"rzp_live_kNjIpPzSMA4gHS",amount:100*this.extendBookingData.totalAmount,currency:this.extendBookingData.currency,order_id:this.extendBookingData.razorpayOrderId,receipt:this.extendBookingData.extenstionId,description:"Extend - "+this.bookingId,payment_capture:1,handler:t=>{this.updatedatabase(t)},theme:{color:"#ffb52f"}};console.log(t);var e=new window.Razorpay({...t,order_id:this.extendBookingData.razorpayOrderId});e.open()},updatedatabase(t){console.log(t),this.$router.push("/account/bookings")}}},T=S,E=s(81656),A=(0,E.A)(T,C,_,!1,null,"c7035058",null),V=A.exports},36002:function(t,e,s){t.exports=s.p+"img/404.a8e48e72.svg"},54728:function(t,e,s){var i=s(33740);e.A=i.A},63e3:function(t,e,s){s.d(e,{A:function(){return h}});s(15601);var i=s(8944),a=s(26993),n=s(22699),o=s(45961),r=s(51554),l=s(4152),h=i.A.extend({name:"v-switch",directives:{Touch:n.A},props:{inset:Boolean,loading:{type:[Boolean,String],default:!1},flat:{type:Boolean,default:!1}},computed:{classes(){return{...a.A.options.computed.classes.call(this),"v-input--selection-controls v-input--switch":!0,"v-input--switch--flat":this.flat,"v-input--switch--inset":this.inset}},attrs(){return{"aria-checked":String(this.isActive),"aria-disabled":String(this.isDisabled),role:"switch"}},validationState(){return this.hasError&&this.shouldValidate?"error":this.hasSuccess?"success":null!==this.hasColor?this.computedColor:void 0},switchData(){return this.setTextColor(this.loading?void 0:this.validationState,{class:this.themeClasses})}},methods:{genDefaultSlot(){return[this.genSwitch(),this.genLabel()]},genSwitch(){const{title:t,...e}=this.attrs$;return this.$createElement("div",{staticClass:"v-input--selection-controls__input"},[this.genInput("checkbox",{...this.attrs,...e}),this.genRipple(this.setTextColor(this.validationState,{directives:[{name:"touch",value:{left:this.onSwipeLeft,right:this.onSwipeRight}}]})),this.$createElement("div",{staticClass:"v-input--switch__track",...this.switchData}),this.$createElement("div",{staticClass:"v-input--switch__thumb",...this.switchData},[this.genProgress()])])},genProgress(){return this.$createElement(o.Z,{},[!1===this.loading?null:this.$slots.progress||this.$createElement(r.A,{props:{color:!0===this.loading||""===this.loading?this.color||"primary":this.loading,size:16,width:2,indeterminate:!0}})])},onSwipeLeft(){this.isActive&&this.onChange()},onSwipeRight(){this.isActive||this.onChange()},onKeydown(t){(t.keyCode===l.uP.left&&this.isActive||t.keyCode===l.uP.right&&!this.isActive)&&this.onChange()}}})}}]);
2//# sourceMappingURL=7796.61eea04d.js.map