https://bookingtogo.com/_nuxt/_bookingNumber_.0719c9a1.js

1import{u as pt,r as ke,q as Se,g as Q,s as Ne,ad as xe,d as Ae,R as _t,f as mt,c as Mt,b as jt,a as Ot,o as Wt,F as ct,e as Ie,A as Le,n as ue,L as It,M as Lt,h as Bt,v as At,I as Ft,S as zt}from"./entry.363f673c.js";import{j as ne,R as i,S as l,U as t,Z as s,u as e,F,aa as q,Y,ac as gt,ad as vt,A as d,W,_ as w,m as Be,X as T,V as Et,a3 as Rt,a7 as Vt,a as U,E as Ut,o as Ht,k as pe,b as qt,ab as $e,a9 as ut,a2 as he,al as Gt,B as Jt}from"./swiper-vue.2af9d341.js";import{_ as Kt}from"./Arrow.vue.8156b145.js";import{u as Zt}from"./useTrainFunction.629a7aa4.js";import{_ as Xt}from"./Error.4324089c.js";import{c as Yt,b as Qt,_ as ea,a as ta}from"./Accordion.29d795a6.js";import{_ as aa}from"./CheckoutStepItem.429dbce2.js";import{_ as na}from"./CountDownCard.4dff32e8.js";import{_ as sa}from"./Card.3a40f3bc.js";import{_ as oa}from"./CheckoutButton.bcd0f028.js";import{_ as ia}from"./DetailCheckout.452414ef.js";import{u as la}from"./useCountdown.df9ed8b9.js";import"./Countdown.b5fb68ba.js";const ra={class:"train-passenger flex-column"},da={class:"origin-destination-station"},ca={class:"journey-datetime"},ua=["onClick"],pa={class:"train-passenger-name"},_a={class:"passenger-wagon-detail"},ma=ne({__name:"Passengerlist",props:{originStationName:{type:String,default:""},destinationStationName:{type:String,default:""},originDateTime:{type:String,default:""},destinationDateTime:{type:String,default:""},transporterDuration:{type:Object,default:{}},passenger:{type:Array,default:[]},activePassenger:{type:Number,default:1},journeyType:{type:String,default:"departDetail"}},setup(o){const{t:p}=pt(),{formatPrice:g,journeyDuration:k,capitalizeFirstWord:M,getDateFormat:m}=ke(),_=(u,r)=>{var B,z;const v=(z=(B=u[r])==null?void 0:B.selectedSeat)==null?void 0:z.wagonName;if(!v)return"";const y=`train.class.${v.toLowerCase()}`,H=p(y);return H===y?v:H};return(u,r)=>(i(),l("div",ra,[t("div",null,[t("p",da,s(o.originStationName)+" - "+s(o.destinationStationName),1),t("p",ca,s(e(Se)(o.originDateTime).format(e(m)("format2")))+" - "+s(e(Se)(o.destinationDateTime).format(e(m)("time")))+" • "+s(e(k)(o.transporterDuration.hour??"00",o.transporterDuration.minute??"00").replace("d",u.$t("general.time.dayShort")).replace("j",u.$t("general.time.hourShort")).replace("m",u.$t("general.time.minuteShort"))),1)]),(i(!0),l(F,null,q(o.passenger,(v,y)=>{var H,B;return i(),l("div",{onClick:z=>u.$emit("change",{index:y+1,value:v}),key:y,class:Y(["train-passenger-list",o.activePassenger===y+1?"tw-bg-Blue/B50":""])},[t("p",pa,s(y+1)+". "+s(e(M)(v.paxName)),1),t("p",_a,s(_(v,o.journeyType))+" "+s((H=v[o.journeyType])==null?void 0:H.selectedSeat.wagonNumber)+" / "+s((B=v[o.journeyType])==null?void 0:B.selectedSeat.seatNumber),1)],10,ua)}),128))]))}});const ga=Q(ma,[["__scopeId","data-v-445b782d"]]);const va={},Fe=o=>(gt("data-v-9070f605"),o=o(),vt(),o),wa={class:"legend"},ha={class:"selected-wrapper"},ba=Fe(()=>t("div",{class:"item"},null,-1)),fa={class:"label"},ya={class:"available-wrapper"},Da=Fe(()=>t("div",{class:"item"},null,-1)),$a={class:"label"},Sa={class:"not-available-wrapper"},ka=Fe(()=>t("div",{class:"item"},null,-1)),Na={class:"label"};function xa(o,p){return i(),l("div",wa,[t("div",ha,[ba,t("p",fa,s(o.$t("train.seatSelection.selected")),1)]),t("div",ya,[Da,t("p",$a,s(o.$t("general.available")),1)]),t("div",Sa,[ka,t("p",Na,s(o.$t("general.notAvailable")),1)])])}const Ca=Q(va,[["render",xa],["__scopeId","data-v-9070f605"]]),Ta={class:"wagon-selection"},Pa={class:"tw-flex tw-items-center tw-justify-between"},Ma={class:"tw-text-charcoal tw-text-sm"},ja={class:"tw-text-charcoal tw-text-sm tw-font-bold tw-mt-2"},Oa={key:0,class:"wagon-list-modal"},Wa={class:"tw-text-charcoal tw-text-base tw-font-bold"},Ia=ne({__name:"WagonSelection",props:{seatMapData:{type:Array,default:[]},isWagonListOpen:{type:Boolean,default:!1}},setup(o){const{departActiveWagon:p}=Ne(xe());return(g,k)=>{const M=Ae,m=_t;return i(),l("div",Ta,[t("div",{class:Y([o.isWagonListOpen?"tw-border tw-border-shapphire-blue":"","wagon-selection-card"]),onClick:k[0]||(k[0]=_=>g.$emit("open"))},[t("div",Pa,[t("p",Ma,s(g.$t("train.seatSelection.wagonSelection")),1),d(M,{src:"/icon/chevron_right.svg",alt:"detail",width:"20",height:"20",class:Y(["",o.isWagonListOpen?"tw-rotate-[270deg]":"tw-rotate-90"])},null,8,["class"])]),t("p",ja,s(g.$t(`train.class.${o.seatMapData[e(p)-1].wagon_name.toLowerCase()}`,o.seatMapData[e(p)-1].wagon_name))+" "+s(o.seatMapData[e(p)-1].wagon_number)+" ( "+s(g.$t("train.seatSelection.availableSeats",{count:o.seatMapData[e(p)-1].available_count_seat}))+") ",1)],2),o.isWagonListOpen?(i(),l("div",Oa,[(i(!0),l(F,null,q(o.seatMapData,(_,u)=>(i(),W(m,{key:u,value:u+1,modelValue:e(p),"onUpdate:modelValue":k[1]||(k[1]=r=>Be(p)?p.value=r:null),"is-checked":e(p)===u+1},{label:w(()=>[t("p",Wa,s(g.$t(`train.class.${_.wagon_name.toLowerCase()}`,_.wagon_name))+" "+s(_.wagon_number)+" ("+s(g.$t("train.seatSelection.availableSeats",{count:_.available_count_seat}))+") ",1)]),_:2},1032,["value","modelValue","is-checked"]))),128))])):T("",!0)])}}});const La=Q(Ia,[["__scopeId","data-v-9efe647f"]]),Ba={class:"wagon"},Aa={class:"wagon-card"},Fa={key:0},za={class:"seat-container"},Ea={class:"tw-flex tw-justify-center tw-gap-2 lg:tw-gap-5"},Ra={key:0},Va={key:0},Ua={key:0},Ha={key:0,class:"seat-selected"},qa={key:0,class:"tw-font-bold tw-text-sm"},Ga={key:1},Ja={key:0,class:"seat-selected"},Ka={key:1,class:"seat-selected"},Za=["onClick"],Xa={key:2,class:"noavail-seat"},Ya={key:1},Qa={key:1,class:"row-number"},en=ne({__name:"Wagon",props:{passengers:{type:Array,default:[]},activePassenger:{type:Number,default:1},activeWagon:{type:Number,default:1},seatMapData:{type:Array,default:[]},journeyType:{type:String,default:"departDetail"}},setup(o){Ne(xe());const{getDetailSeat:p,getColumnAlphabet:g}=Zt();return(k,M)=>{const m=Kt;return i(),l("div",Ba,[t("div",{onClick:M[0]||(M[0]=_=>k.$emit("prev")),class:Y(["wagon-navigation",o.activeWagon===1?"tw-invisible":""])},[d(m)],2),t("div",Aa,[t("div",null,[(i(!0),l(F,null,q(o.seatMapData,(_,u)=>(i(),l("div",{key:u,class:"wagon_container tw-w-full"},[o.activeWagon===_.wagon_number?(i(),l("div",Fa,[t("div",za,[t("div",Ea,[(i(!0),l(F,null,q(e(g)(_.max_column,_.number_slice),(r,v)=>(i(),l("p",{class:"seat-width tw-text-sm tw-text-charcoal tw-font-bold",key:v},s(r),1))),128))]),(i(!0),l(F,null,q(_.seats.length,(r,v)=>(i(),l("div",{key:v,class:"tw-flex tw-justify-center tw-mb-2.5 tw-gap-2 lg:tw-gap-5"},[(i(!0),l(F,null,q(_.max_column,(y,H)=>{var B,z,A;return i(),l("div",{key:H,class:"seat-width tw-text-xs"},[y!==_.number_slice?(i(),l("div",Ra,[e(p)(v,r,y,"column")?(i(),l("div",Va,[o.passengers.find(D=>{var $,E;return(($=D[o.journeyType])==null?void 0:$.selectedSeat.seatNumber)===e(p)(v,r,y,"seat_selected")&&((E=D[o.journeyType])==null?void 0:E.selectedSeat.wagonNumber)===o.activeWagon.toString()})?(i(),l("div",Ua,[o.passengers.length===1?(i(),l("div",Ha,[o.passengers.find(D=>{var $;return(($=D[o.journeyType])==null?void 0:$.selectedSeat.seatNumber)===e(p)(v,r,y,"seat_selected")&&D.passengerId===o.activePassenger})?(i(),l("div",qa,s((B=o.passengers.find(D=>{var $;return(($=D[o.journeyType])==null?void 0:$.selectedSeat.seatNumber)===e(p)(v,r,y,"seat_selected")&&D.passengerId===o.activePassenger}))==null?void 0:B.passengerId),1)):T("",!0)])):(i(),l("div",Ga,[o.passengers.find(D=>{var $;return(($=D[o.journeyType])==null?void 0:$.selectedSeat.seatNumber)===e(p)(v,r,y,"seat_selected")&&D.passengerId===o.activePassenger})?(i(),l("div",Ja,s((z=o.passengers.find(D=>{var $;return(($=D[o.journeyType])==null?void 0:$.selectedSeat.seatNumber)===e(p)(v,r,y,"seat_selected")&&D.passengerId===o.activePassenger}

1))==null?void 0:z.passengerId),1)):(i(),l("div",Ka,s((A=o.passengers.find(D=>{var $;return(($=D[o.journeyType])==null?void 0:$.selectedSeat.seatNumber)===e(p)(v,r,y,"seat_selected")}))==null?void 0:A.passengerId),1))]))])):o.passengers.find(D=>{var $;return(($=D[o.journeyType])==null?void 0:$.seat.seatNumber)===e(p)(v,r,y,"seat_selected")&&e(p)(v,r,y,"is_available")===!1})||e(p)(v,r,y,"is_available")?(i(),l("div",{key:1,onClick:D=>k.$emit("changeSeat",{activePassenger:o.activePassenger,wagonCode:_.wagon_code,wagonNumber:_.wagon_number,seatSelected:e(p)(v,r,y,"seat_selected"),type:o.journeyType}),class:"available-seat tw-cursor-pointer"},null,8,Za)):(i(),l("div",Xa))])):(i(),l("div",Ya))])):(i(),l("div",Qa,s(r),1))])}),128))]))),128))])])):T("",!0)]))),128))])]),t("div",{onClick:M[1]||(M[1]=_=>k.$emit("next")),alt:"next-wagon",class:Y(["wagon-navigation",o.activeWagon===o.seatMapData.length?"tw-invisible":""])},[d(m,{styling:"tw-rotate-180"})],2)])}}});const tn=Q(en,[["__scopeId","data-v-494cac71"]]),an={key:0,class:"modal"},nn=ne({__name:"SeatModal",props:{isOpen:{type:Boolean,default:!1}},setup(o){return(p,g)=>o.isOpen?(i(),l("div",an,[t("div",{class:"modal-overlay",onClick:g[0]||(g[0]=k=>p.$emit("close"))}),t("div",{class:"modal-content",onClick:g[1]||(g[1]=Rt(()=>{},["stop"]))},[Et(p.$slots,"content",{},void 0,!0)])])):T("",!0)}});const sn=Q(nn,[["__scopeId","data-v-01a6ac4a"]]),on={class:"title"},ln={class:"label"},rn=ne({__name:"MobileWagonSelection",props:{seatMapData:{type:Array,default:[]},isWagonListOpen:{type:Boolean,default:!1}},setup(o){const{departActiveWagon:p}=Ne(xe());return(g,k)=>{var m,_,u,r;const M=Ae;return i(),l("div",{class:"mobile-wagon-selection-card",onClick:k[0]||(k[0]=v=>g.$emit("open"))},[t("div",null,[t("p",on,s(g.$t("train.seatSelection.wagonSelection")),1),t("p",ln,s(g.$t(`train.class.${(m=o.seatMapData[e(p)-1])==null?void 0:m.wagon_name.toLowerCase()}`,(_=o.seatMapData[e(p)-1])==null?void 0:_.wagon_name))+" "+s((u=o.seatMapData[e(p)-1])==null?void 0:u.wagon_number)+" ("+s(g.$t("train.seatSelection.availableSeats",{count:(r=o.seatMapData[e(p)-1])==null?void 0:r.available_count_seat}))+") ",1)]),d(M,{src:"/icon/chevron_right.svg",alt:"detail",width:"20",height:"20",class:Y(o.isWagonListOpen?"tw-rotate-[270deg]":"tw-rotate-90")},null,8,["class"])])}}});const dn=Q(rn,[["__scopeId","data-v-624305d9"]]),cn=["onClick"],un={class:"paxname"},pn=ne({__name:"MobilePassengerList",props:{passenger:{type:Array,default:[]},activePassenger:{type:Number,default:1},journeyType:{type:String,default:"departDetail"}},emits:["changeActive"],setup(o,{emit:p}){const g=p,k=(m,_)=>{g("changeActive",{index:m,value:_})},{capitalizeFirstWord:M}=ke();return(m,_)=>(i(!0),l(F,null,q(o.passenger,(u,r)=>{var v,y,H,B,z,A;return i(),l("div",{class:Y(["mobile-train-passenger-list",o.activePassenger===r+1?"active":""]),key:r,onClick:D=>k(r+1,u)},[t("p",un,s(r+1)+". "+s(e(M)(u.paxName)),1),t("p",null,s((y=(v=u[o.journeyType])==null?void 0:v.selectedSeat)==null?void 0:y.wagonName)+" "+s((B=(H=u[o.journeyType])==null?void 0:H.selectedSeat)==null?void 0:B.wagonNumber)+" / "+s((A=(z=u[o.journeyType])==null?void 0:z.selectedSeat)==null?void 0:A.seatNumber),1)],10,cn)}),128))}});const _n=Q(pn,[["__scopeId","data-v-88985b16"]]);const mn={},gn={class:"train-seat-selection"},vn=Vt('<div class="flex-column tw-gap-2 lg:tw-gap-6" data-v-785e3cca><div class="tw-flex tw-items-center tw-gap-2" data-v-785e3cca><div class="skeleton-child tw-h-6 tw-w-[33px] lg:tw-w-[47px] lg:tw-h-[28px]" data-v-785e3cca></div><div class="date-time skeleton-child tw-h-5 tw-w-[178px] lg:tw-w-[203px]" data-v-785e3cca></div></div><div class="flex-column tw-gap-2 lg:tw-gap-3" data-v-785e3cca><div class="transporter-name-and-class tw-h-5 tw-w-full lg:tw-w-[250px] skeleton-child" data-v-785e3cca></div></div><div class="skeleton-area tw-w-full flex-column lg:tw-flex tw-justify-between tw-p-3 tw-gap-2" data-v-785e3cca><div class="skeleton-child tw-h-5 tw-w-[145px]" data-v-785e3cca></div><div class="skeleton-child tw-h-5 tw-w-[111px]" data-v-785e3cca></div></div></div><div class="seat-button-wrapper skeleton-area tw-w-full tw-h-[46px]" data-v-785e3cca></div>',2),wn=[vn];function hn(o,p){return i(),l("div",gn,wn)}const bn=Q(mn,[["render",hn],["__scopeId","data-v-785e3cca"]]),fn={class:"train-seat-selection"},yn={class:"flex-column tw-gap-2 lg:tw-gap-6"},Dn={class:"tw-flex tw-items-center tw-gap-2"},$n={class:"date-time"},Sn={class:"flex-column tw-gap-2 lg:tw-gap-3"},kn={class:"transporter-name-and-class"},Nn={class:"origin-destination-city"},xn={class:"passenger-name"},Cn={key:0,class:"passenger-seat"},Tn={key:1,class:"passenger-seat"},Pn={key:2,class:"passenger-seat"},Mn={class:"seat-button-wrapper"},jn=ne({__name:"SeatSelection",props:{badgeText:{type:String,default:"Pergi"},journey:{type:Object,default:{}},passengers:{type:Array,default:[]},isFetchSeatMap:{type:Boolean,default:!1}},setup(o){const{capitalizeFirstWord:p,getDateFormat:g}=ke();return(k,M)=>{const m=Yt,_=mt;return i(),l("div",fn,[t("div",yn,[t("div",Dn,[d(m,{badgeText:o.badgeText},null,8,["badgeText"]),t("p",$n,s(e(Se)(o.journey.originDetail.dateTime).format(e(g)("format11")))+"-"+s(e(Se)(o.journey.destinationDetail.dateTime).format(e(g)("time"))),1)]),t("div",Sn,[t("p",kn,s(e(p)(o.journey.transporterDetail.transporterName))+" "+s(o.journey.transporterDetail.transporterNo)+" ("+s(o.journey.transporterDetail.trainSubClass)+") "+s(o.journey.transporterDetail.trainClass),1),t("p",Nn,s(o.journey.originDetail.stationDetail.stationName)+" - "+s(o.journey.destinationDetail.stationDetail.stationName),1),(i(!0),l(F,null,q(o.passengers,(u,r)=>(i(),l("div",{key:r,class:"passenger-detail"},[t("p",xn,s(e(p)(u.paxName)),1),o.badgeText==="Pergi"&&u.departDetail.seat.seatNumber?(i(),l("p",Cn,s(u.departDetail.seat.wagonName)+" "+s(u.departDetail.seat.wagonNumber)+" / "+s(u.departDetail.seat.seatNumber),1)):T("",!0),o.badgeText==="Pulang"&&u.returnDetail&&u.returnDetail.seat.seatNumber?(i(),l("p",Tn,s(u.returnDetail.seat.wagonName)+" "+s(u.returnDetail.seat.wagonNumber)+" / "+s(u.returnDetail.seat.seatNumber),1)):T("",!0),o.badgeText==="Pergi"&&!u.departDetail.seat.seatNumber||o.badgeText==="Pulang"&&u.returnDetail&&!u.returnDetail.seat.seatNumber?(i(),l("p",Pn,s(k.$t("train.seatSelection.infantNoSeat")),1)):T("",!0)]))),128))])]),t("div",Mn,[d(_,{color:"outline-primary",size:"lg",onClick:M[0]||(M[0]=u=>k.$emit("openSeatSelectionModal",o.badgeText)),isDisabled:o.isFetchSeatMap,isLoading:o.isFetchSeatMap},{content:w(()=>[t("p",null,s(k.$t("flight.checkoutPage.selectSeat")),1)]),_:1},8,["isDisabled","isLoading"])])])}}});const On=Q(jn,[["__scopeId","data-v-dc6c6e2e"]]),Wn=o=>(gt("data-v-a060de98"),o=o(),vt(),o),In={class:"tw-flex tw-flex-col tw-items-center tw-justify-center"},Ln={key:0,class:"tw-text-charcoal tw-font-bold tw-text-18"},Bn={key:1,class:"tw-text-charcoal tw-font-bold tw-text-18"},An={class:"tw-mt-3"},Fn={key:0,class:"tw-text-center tw-text-sm tw-text-neutral-N600"},zn=["innerHTML"],En={class:"tw-mt-5"},Rn={class:"seat-selection-modal"},Vn={class:"modal-header"},Un={class:"tw-flex tw-items-center tw-gap-2"},Hn={class:"modal-title"},qn={class:"tw-px-6 tw-pb-6"},Gn={class:"seat-selection-modal-content"},Jn={class:"train-seat-map"},Kn={class:"modal-footer"},Zn={class:"tw-w-full"},Xn={class:"tw-grid tw-place-items-center"},Yn={class:"failed-content"},Qn={class:"failed-title"},es={class:"failed-message"},ts={class:"detail-price-modal"},as={class:"tw-flex tw-flex-col tw-items-center tw-justify-center"},ns={key:0,class:"tw-text-charcoal tw-font-bold tw-text-18"},ss={key:1,class:"tw-text-charcoal tw-font-bold tw-text-18"},os={class:"tw-mt-3"},is={key:0,class:"tw-text-center tw-text-sm tw-text-neutral-N600"},ls=["innerHTML"],rs={class:"tw-mt-5"},ds={class:"mobile-failed-update-seat"},cs={class:"tw-grid tw-place-items-center"},us={class:"failed-content"},ps={class:"failed-title"},_s={class:"failed-message"},ms={class:"tw-w-full"},gs={class:"header tw-flex tw-items-center tw-gap-3"},vs={class:"tw-font-bold tw-text-base"},ws={class:"mobile-seat-selection-modal tw-overflow-scroll"},hs={class:"modal-content"},bs={key:0,class:"origin-destination-station"},fs={key:1,class:"origin-destination-station"},ys={class:"wagon-indicator-wrapper"},Ds={key:0,class:"tw-flex tw-gap-2"},$s={key:1,class:"tw-flex tw-gap-2"},Ss={class:"modal-footer"},ks={class:"tw-flex tw-gap-5 tw-overflow-scroll no-scrollbar"},Ns={class:"tw-font-bold"},xs={class:"mobile-wagon-list-modal"},Cs={class:"header"},Ts={class:"tw-text-charcoal tw-text-base tw-font-bold"},Ps={key:0,class:"flex-column tw-gap-5 tw-mt-5"},Ms={class:"tw-text-charcoal tw-text-base tw-font-bold tw-ml-0"},js={key:1,class:"flex-column tw-gap-5 tw-mt-5"},Os={class:"tw-text-charcoal tw-text-base tw-font-bold tw-ml-0"},Ws={class:"mobile-price-detail"},Is={class:"header"},Ls={class:"tw-text-charcoal tw-text-base tw-font-bold"},Bs={class:"tw-mt-5"},As={key:1,class:"tw-flex tw-justify-between tw-mt-5"},Fs={class:"tw-text-sm tw-text-neutral-N500"},zs={class:"tw-text-sm tw-text-neutral-N500"},Es={class:"tw-text-sm tw-text-neutral-N500 tw-mt-3"},Rs={class:"mobile-confirm-modal"},Vs={class:"tw-text-charcoal tw-text-base tw-font-bold"},Us={class:"tw-text-charcoal tw-text-sm tw-mt-3 tw-text-center"},Hs={class:"flex-column tw-gap-3 tw-mt-5 tw-w-full"},qs={class:"tw-text-charcoal tw-text-sm tw-font-bold"},Gs={class:"tw-font-bold tw-text-sm"},Js={class:"navbar-container header-shadow"},Ks={class:"page-container-size tw-hidden lg:tw-block"},Zs={class:"train-seat-selection-step"},Xs={class:"mobile-navbar"},Ys={class:"back-to-previous-page-title"},Qs={class:"seat-selection-container page-container-size"},eo={class:"passenger-and-transporter-detail flex-column"},to={class:"mobile-seat-selection-title"},ao={class:"flex-column tw-gap-5"},no={class:"seat-selection-title"},so={class:"flex-column tw-gap-6"},oo={key:0,class:"terms-and-condition"},io={key:1,class:"terms-and-condition"},lo={key:2,class:"terms-and-condition"},ro={class:"booking-and-price-detail flex-column tw-gap-6"},co={key:0},uo={class:"flex-column tw-gap-6"},po={key:2},_o={class:"flex-column tw-gap-6"},mo={key:0},go={class:"price-title"},vo={class:"flex-column tw-gap-6"},wo={key:0,class:"convenience-fee"},ho={class:"tw-text-neutral-N500 tw-text-base"},bo={class:"tw-text-neutral-N500 tw-text-base"},fo={class:"tax-include tw-text-neutral-N500 tw-mt-3"},yo=Wn(()=>t("div",{class:"border-bottom tw-my-0"},null,-1)),Do={class:"tw-flex tw-justify-between"},$o={class:"tw-text-textGray tw-leading-6 tw-text-18 tw-font-bold"},So={key:0,class:"tw-text-secondary tw-leading-6 tw-text-18 tw-font-bold"},ko={class:"mobile-button-wrapper"},No={class:"mobile-total-price-wrapper"},xo={class:"total-price-title"},Co={key:0,class:"tw-bg-slate-300 tw-rounded-8 tw-animate-pulse tw-h-[22px] tw-w-[110px]"},To={key:0,class:"total-price-value"},Po={class:"tw-text-sm tw-font-bold tw-leading-4"}

1,Mo=ne({__name:"[bookingNumber]",setup(o){Mt({title:"Pilih Kursi Kereta - bookingtogo"});const{$locally:p}=Ft(),{locale:g,t:k}=pt(),M=jt().params.bookingNumber,{departActiveWagon:m,departTrainSeatMap:_,returnTrainSeatMap:u,seatModalActive:r}=Ne(xe()),{formatPrice:v,arrayToUrlStr:y}=ke(),{countExpired:H,resetExpired:B}=la(),{getAuthHeaders:z}=Ot(),A=Wt(),D=U(!0),$=U(!1),E=U([]),ie=U(1),_e=U(!1),le=U(!1),G=U(!1),be=U(!1),me=U(!1),re=U(""),Ce=U(!1),fe=U(!1),Te=U(!1);Ut(()=>{B(),A.isExpired=!1,r.value=null}),Ht(()=>{B(),A.isExpired=!1,r.value=null});const wt=()=>{fe.value=!1},{data:N,error:jo,pending:te}=ct(Ie(Le.payment.getDetailTransaction),{query:{bookingNo:M},server:!1,async onRequest({options:n}){n.method="get",n.headers=await z()},transform(n){return n.data.train_booking_detail.passenger.forEach((a,S)=>{var P;a.passengerId=S+1,(P=a.departDetail)!=null&&P.seat&&(a.departDetail.selectedSeat={...a.departDetail.seat}),n.data.train_booking_detail.return&&(a.returnDetail.selectedSeat={...a.returnDetail.seat})}),n.data.train_booking_detail},onResponse({response:n}){if(n._data.header.error_code&&n._data.header.reason){fe.value=!0,re.value=n._data.header.reason;return}E.value=n._data.data.train_booking_detail.passenger,H(n._data.data.train_booking_detail.paymentExpiredDiffSec)}},"$Aob5FBM4F2"),{data:Oo,error:Wo,pending:ge,execute:ze}=ct(Ie(Le.train.getSeatMap),{server:!1,async onRequest({options:n}){n.method="POST",n.headers=await z(),n.body={booking_number:M}},transform(n){return n._data},onResponse({response:n}){_.value=n._data.data.train_seatmap_depart,u.value=n._data.data.train_seatmap_return}},"$Op0l34jcZj"),b=pe(()=>{var n;return(n=N.value)==null?void 0:n.depart.journey[0]}),h=pe(()=>{var n,a;return(a=(n=N.value)==null?void 0:n.return)==null?void 0:a.journey[0]}),Ee=pe(()=>{var n,a;return`${(n=b.value)==null?void 0:n.transporterDetail.trainClass} (${k("train.searchPage.subclass")} ${(a=b.value)==null?void 0:a.transporterDetail.trainSubClass})`}),Re=pe(()=>{var n,a;return`${(n=h.value)==null?void 0:n.transporterDetail.trainClass} (${k("train.searchPage.subclass")} ${(a=h.value)==null?void 0:a.transporterDetail.trainSubClass})`}),ht=pe(()=>{var n,a;return`${(n=b.value)==null?void 0:n.originDetail.stationDetail.stationName} - ${(a=b.value)==null?void 0:a.destinationDetail.stationDetail.stationName}`}),bt=pe(()=>{var n,a;return`${(n=h.value)==null?void 0:n.originDetail.stationDetail.stationName} - ${(a=h.value)==null?void 0:a.destinationDetail.stationDetail.stationName}`}),ft=()=>{window.history.back()},se=n=>{var S;const a=n==="depart"?"departDetail":"returnDetail";n!==null&&(E.value.forEach(P=>{const R=P[a];R&&(R.selectedSeat={...R.seat})}),m.value=Number((S=E.value[0][a])==null?void 0:S.seat.wagonNumber),ie.value=1),r.value=n},Ve=({activePassenger:n,wagonCode:a,wagonNumber:S,seatSelected:P,type:R})=>{const oe=E.value[n-1];if(R==="departDetail"||R==="returnDetail"&&oe.returnDetail!==null){const ee=oe[R];ee.selectedSeat.wagonCode=a,ee.selectedSeat.wagonNumber=S.toString(),ee.selectedSeat.seatNumber=P}},Ue=n=>{m.value=Number(n.value.departDetail.selectedSeat.wagonNumber),ie.value=n.index},yt=()=>{_e.value=!_e.value},Pe=()=>{le.value=!le.value};qt(m,()=>{_e.value=!1,le.value=!1});const Dt=()=>{_e.value=!1},He=()=>{const n=r.value==="depart"?_.value:u.value;m.value!==n[0].wagon_number&&m.value--},qe=()=>{const n=r.value==="depart"?_.value:u.value;m.value!==n.length&&m.value++},Ge=async()=>{var P,R,oe,ee;G.value=!0;let n=r.value==="depart"?"departDetail":"returnDetail";const a=E.value.filter(L=>L[n]&&L.paxType!=="infant").map(({passengerId:L,paxName:ae,[n]:V})=>({passenger_id:L,name:ae,old_seat:{wagon_number:V.seat.wagonNumber,wagon_code:V.seat.wagonCode,wagon_name:V.seat.wagonName,seat_number:V.seat.seatNumber},selected_seat:{wagon_number:V.selectedSeat.wagonNumber,wagon_code:V.selectedSeat.wagonCode,wagon_name:V.selectedSeat.wagonName,seat_number:V.selectedSeat.seatNumber}})),S={route:r.value==="depart"?`${(P=b.value)==null?void 0:P.originDetail.stationDetail.stationCode}-${(R=b.value)==null?void 0:R.destinationDetail.stationDetail.stationCode}`:`${(oe=h.value)==null?void 0:oe.originDetail.stationDetail.stationCode}-${(ee=h.value)==null?void 0:ee.destinationDetail.stationDetail.stationCode}`,passengers_selected:a};await $fetch(Ie(Le.train.updateSeatmap(M)),{async onRequest({options:L}){L.method="post",L.headers=await z(),L.body=S},onResponse({response:L}){if(G.value=!1,r.value=null,console.log(L._data),L._data.header.error_code)me.value=!0,re.value=L._data.header.reason;else{const ae=L._data.data;E.value.forEach((V,ve)=>{const de=V[n];de&&(de.seat.seatNumber=ae.seat_map[ve].selected_seat.seat_number,de.seat.wagonNumber=ae.seat_map[ve].selected_seat.wagon_number,de.seat.wagonCode=

1ae.seat_map[ve].selected_seat.wagon_code)}),ze()}}})},Me=async()=>{Te.value=!0;try{const n=JSON.parse(p.getItem("btgv2_train_last_search")??"[]");if(n.length){let a=y(n[0]),S=`/${g.value}/train/search?${a}`;await ue(S,{external:!0})}else await ue(`/${g.value}/train`,{external:!0})}finally{Te.value=!1}},Je=()=>{me.value=!1,re.value="",ze()},je=()=>{$.value=!$.value},Ke=()=>{Ce.value=!Ce.value};let ye;const Ze=async()=>{var n;ye=document.querySelector("#train-seat-selection"),ye==null||ye.classList.add("is-loading-new"),be.value=!0,ue(`/${g.value}/payment/${(n=N.value)==null?void 0:n.bookingNo}`)};return(n,a)=>{var et,tt,at;const S=Ae,P=mt,R=It,oe=ga,ee=Ca,L=La,ae=tn,V=zt,ve=sn,de=Xt,ce=Lt,$t=dn,St=_n,Xe=_t,De=ea,kt=Bt,Ye=aa,Nt=na,xt=bn,Oe=On,we=sa,Ct=oa,Tt=ia,Qe=ta,Pt=Qt;return i(),l("div",{id:"train-seat-selection",class:Y(e(r)==="depart"||e(r)==="return"||e(me)||e(le)?"modal-open-no-scroll":"")},[(i(),W($e,{defer:"",to:"body"},[d(R,{isOpen:e(A).isExpired,"modal-type":"fail",footer:!1,isShowCloseIcon:!1,class:"tw-hidden lg:tw-block"},{icon:w(()=>[t("div",In,[d(S,{src:"/icon/failed.png",width:"80",alt:"failed"}),e(A).isExpired?(i(),l("p",Ln,s(n.$t("general.modal.expiredSelectedSeat")),1)):(i(),l("p",Bn,s(n.$t("general.failed")),1))])]),description:w(()=>[t("div",An,[e(A).isExpired?(i(),l("p",Fn,s(n.$t("general.modal.expiredSelectedSeatDescGoToHome")),1)):(i(),l("p",{key:1,class:"tw-text-center",innerHTML:e(re)},null,8,zn)),t("div",En,[d(P,{onClick:a[0]||(a[0]=c=>Me())},{content:w(()=>[t("p",null,s(n.$t("general.button.approve")),1)]),_:1})])])]),_:1},8,["isOpen"])])),(i(),W($e,{defer:"",to:"body"},[d(ve,{isOpen:e(r)==="depart"||e(r)==="return"},{content:w(()=>[t("div",Rn,[t("div",Vn,[t("div",Un,[d(S,{src:"/icon/chevron_right.svg",alt:"seat-selection-modal",class:"back",onClick:a[1]||(a[1]=c=>se(null))}),t("p",Hn,s(n.$t("train.seatSelection.freeSeat")),1)]),t("div",{class:"close-wrapper",onClick:a[2]||(a[2]=c=>se(null))},[d(S,{src:"/icon/close.svg",alt:"close"})])]),t("div",qn,[d(V,{spinning:e(G)},{default:w(()=>{var c,f,C,I,x,j,J,K,Z,X;return[t("div",Gn,[d(oe,{originStationName:e(r)==="depart"?(c=e(b))==null?void 0:c.originDetail.stationDetail.stationName:(f=e(h))==null?void 0:f.originDetail.stationDetail.stationName,destinationStationName:e(r)==="depart"?(C=e(b))==null?void 0:C.destinationDetail.stationDetail.stationName:(I=e(h))==null?void 0:I.destinationDetail.stationDetail.stationName,originDateTime:e(r)==="depart"?(x=e(b))==null?void 0:x.originDetail.dateTime:(j=e(h))==null?void 0:j.originDetail.dateTime,destinationDateTime:e(r)==="depart"?(J=e(b))==null?void 0:J.destinationDetail.dateTime:(K=e(h))==null?void 0:K.destinationDetail.dateTime,transporterDuration:e(r)==="depart"?(Z=e(b))==null?void 0:Z.transporterDetail.duration:(X=e(h))==null?void 0:X.transporterDetail.duration,passenger:e(E).filter(O=>O.paxType!=="infant"),journeyType:e(r)==="depart"?"departDetail":"returnDetail",activePassenger:e(ie),onChange:a[3]||(a[3]=O=>Ue(O))},null,8,["originStationName","destinationStationName","originDateTime","destinationDateTime","transporterDuration","passenger","journeyType","activePassenger"]),t("div",Jn,[d(ee),ut(d(L,{seatMapData:e(r)==="depart"?e(_):e(u),isWagonListOpen:e(_e),onOpen:a[4]||(a[4]=O=>yt())},null,8,["seatMapData","isWagonListOpen"]),[[e(At),Dt]]),d(ae,{passengers:e(E),activePassenger:e(ie),activeWagon:e(m),seatMapData:e(r)==="depart"?e(_):e(u),journeyType:e(r)==="depart"?"departDetail":"returnDetail",onPrev:a[5]||(a[5]=O=>He()),onNext:a[6]||(a[6]=O=>qe()),onChangeSeat:a[7]||(a[7]=O=>Ve(O))},null,8,["passengers","activePassenger","activeWagon","seatMapData","journeyType"])])])]}),_:1},8,["spinning"])]),t("div",Kn,[t("div",null,[d(P,{size:"lg",onClick:a[8]||(a[8]=c=>Ge()),isDisabled:e(G),isLoading:e(G)},{content:w(()=>[t("p",null,s(n.$t("general.save")),1)]),_:1},8,["isDisabled","isLoading"])])])])]),_:1},8,["isOpen"])])),(i(),W($e,{defer:"",to:"body"},[d(R,{isOpen:e(me),header:!1,footer:!1,modalType:"info",width:"384px",class:"tw-hidden lg:tw-block"},{description:w(()=>[t("div",Zn,[t("div",Xn,[d(S,{src:"/icon/modal_warning.png",width:"68",height:"64",alt:"warning"})]),t("div",Yn,[t("p",Qn,s(n.$t("general.modal.notAvailableSeat")),1),t("p",es,s(n.$t("general.modal.alreadySelectedOrInvalid")),1)]),t("div",null,[d(P,{size:"lg",onClick:a[9]||(a[9]=c=>Je())},{content:w(()=>[t("p",null,s(n.$t("general.modal.iUnderstand")),1)]),_:1})])])]),_:1},8,["isOpen"])])),(i(),W($e,{defer:"",to:"body"}

1,[d(de,{openModal:e(fe),errorModal:e(fe),message:e(re),isBackPage:e(Te),onClose:a[10]||(a[10]=c=>wt()),onBackToSearchSchedule:a[11]||(a[11]=c=>Me())},null,8,["openModal","errorModal","message","isBackPage"])])),d(ce,{open:e(A).isExpired,"use-overlay":"",topRadius:!0,header:!1},{content:w(()=>[t("div",ts,[t("div",as,[d(S,{src:"/icon/failed.png",width:"80",alt:"failed"}),e(A).isExpired?(i(),l("p",ns,s(n.$t("general.modal.expiredSelectedSeat")),1)):(i(),l("p",ss,s(n.$t("general.failed")),1))]),t("div",os,[e(A).isExpired?(i(),l("p",is,s(n.$t("general.modal.expiredSelectedSeatDescGoToHome")),1)):(i(),l("p",{key:1,class:"tw-text-center",innerHTML:e(re)},null,8,ls)),t("div",rs,[d(P,{onClick:a[12]||(a[12]=c=>Me())},{content:w(()=>[t("p",null,s(n.$t("general.button.approve")),1)]),_:1})])])])]),_:1},8,["open"]),d(ce,{open:e(me),"use-overlay":"",topRadius:!0,header:!1},{content:w(()=>[t("div",ds,[t("div",cs,[d(S,{src:"/icon/modal_warning.png",width:"68",height:"64",alt:"warning"})]),t("div",us,[t("p",ps,s(n.$t("general.modal.notAvailableSeat")),1),t("p",_s,s(n.$t("general.modal.alreadySelectedOrInvalid")),1)]),t("div",ms,[d(P,{size:"lg",onClick:a[13]||(a[13]=c=>Je())},{content:w(()=>[t("p",null,s(n.$t("general.modal.iUnderstand")),1)]),_:1})])])]),_:1},8,["open"]),d(ce,{open:e(r)==="depart"||e(r)==="return",class:"tw-h-screen",onClose:a[21]||(a[21]=c=>se(null)),useOverlay:""},{headers:w(()=>[t("div",gs,[d(S,{src:"/icon/chevron_right.svg",alt:"seat-selection-modal",class:"tw-w-5 tw-h-5 tw-rotate-180",onClick:a[14]||(a[14]=c=>se(null))}),t("p",vs,s(n.$t("train.seatSelection.freeSeat")),1)])]),content:w(()=>[t("div",ws,[d(V,{spinning:e(G)},{default:w(()=>{var c,f,C,I;return[t("div",hs,[e(r)==="depart"?(i(),l("p",bs,s((c=e(b))==null?void 0:c.originDetail.stationDetail.stationName)+" - "+s((f=e(b))==null?void 0:f.destinationDetail.stationDetail.stationName),1)):e(r)==="return"?(i(),l("p",f

1s,s((C=e(h))==null?void 0:C.originDetail.stationDetail.stationName)+" - "+s((I=e(h))==null?void 0:I.destinationDetail.stationDetail.stationName),1)):T("",!0),d(ee),d($t,{seatMapData:e(r)==="depart"?e(_):e(u),isWagonListOpen:e(le),onOpen:a[15]||(a[15]=x=>Pe())},null,8,["seatMapData","isWagonListOpen"]),d(ae,{passengers:e(E),activePassenger:e(ie),activeWagon:e(m),seatMapData:e(r)==="depart"?e(_):e(u),journeyType:e(r)==="depart"?"departDetail":"returnDetail",onPrev:a[16]||(a[16]=x=>He()),onNext:a[17]||(a[17]=x=>qe()),onChangeSeat:a[18]||(a[18]=x=>Ve(x))},null,8,["passengers","activePassenger","activeWagon","seatMapData","journeyType"]),t("div",ys,[e(r)==="depart"?(i(),l("div",Ds,[(i(!0),l(F,null,q(e(_),(x,j)=>(i(),l("div",{class:Y(["indicator",e(m)===j+1?"active":""]),key:j},null,2))),128))])):e(r)==="return"?(i(),l("div",$s,[(i(!0),l(F,null,q(e(_),(x,j)=>(i(),l("div",{class:Y(["indicator",e(m)===j+1?"active":""]),key:j},null,2))),128))])):T("",!0)])]),t("div",Ss,[t("div",ks,[d(St,{passenger:e(E).filter(x=>x.paxType!=="infant"),activePassenger:e(ie),journeyType:e(r)==="depart"?"departDetail":"returnDetail",onChangeActive:a[19]||(a[19]=x=>Ue(x))},null,8,["passenger","activePassenger","journeyType"])]),t("div",null,[d(P,{size:"lg",onClick:a[20]||(a[20]=x=>Ge()),isDisabled:e(G)},{content:w(()=>[t("p",Ns,s(n.$t("general.save")),1)]),_:1},8,["isDisabled"])])])]}),_:1},8,["spinning"])])]),_:1},8,["open"]),d(ce,{useOverlay:"",open:e(le),onClose:a[25]||(a[25]=c=>Pe()),header:!1,topRadius:!0},{content:w(()=>[t("div",xs,[t("div",Cs,[t("div",{class:"close-wrapper",onClick:a[22]||(a[22]=c=>Pe())},[d(S,{src:"/icon/close.svg",alt:"close"})]),t("p",Ts,s(n.$t("train.seatSelection.wagonSelection")),1)]),e(r)==="depart"?(i(),l("div",Ps,[(i(!0),l(F,null,q(e(_),(c,f)=>(i(),W(Xe,{key:f,value:f+1,modelValue:e(m),"onUpdate:modelValue":a[23]||(a[23]=C=>Be(m)?m.value=C:null),"is-checked":e(m)===f+1,inputOrder:"tw-order-1",class:"hover:tw-bg-transparent tw-justify-between tw-p-0"},{label:w(()=>[t("p",Ms,s(n.$t(`train.class.${c.wagon_name.toLowerCase()}`,c.wagon_name))+" "+s(c.wagon_number)+" ("+s(n.$t("train.seatSelection.availableSeats",{count:c.available_count_seat}))+") ",1)]),_:2},1032,["value","modelValue","is-checked"]))),128))])):e(r)==="return"?(i(),l("div",js,[(i(!0),l(F,null,q(e(u),(c,f)=>(i(),W(Xe,{key:f,value:f+1,modelValue:e(m),"onUpdate:modelValue":a[24]||(a[24]=C=>Be(m)?m.value=C:null),"is-checked":e(m)===f+1,inputOrder:"tw-order-1",class:"hover:tw-bg-transparent tw-justify-between tw-p-0"},{label:w(()=>[t("p",Os,s(c.wagon_name)+" "+s(c.wagon_number)+" ("+s(n.$t("train.seatSelection.availableSeats",{count:c.available_count_seat}))+") ",1)]),_:2},1032,["value","modelValue","is-checked"]))),128))])):T("",!0)])]),_:1},8,["open"]),d(ce,{useOverlay:"",open:e($),topRadius:!0,header:!1,onClose:a[27]||(a[27]=c=>je())},{content:w(()=>{var c,f,C,I,x,j,J,K,Z,X,O;return[t("div",Ws,[t("div",Is,[t("div",{class:"close-wrapper",onClick:a[26]||(a[26]=We=>je())},[d(S,{src:"/icon/close.svg",alt:"close"})]),t("p",Ls,s(n.$t("general.priceDetailsTitle")),1)]),t("div",Bs,[d(De,{priceBreadkdown:(c=e(N))==null?void 0:c.priceDetail.depart.priceBreakdown,departureStationName:(f=e(b))==null?void 0:f.originDetail.stationDetail.stationName,arrivalStationName:(C=e(b))==null?void 0:C.destinationDetail.stationDetail.stationName,trainClass:e(Ee)},null,8,["priceBreadkdown","departureStationName","arrivalStationName","trainClass"]),(I=e(N))!=null&&I.return?(i(),W(De,{key:0,class:"tw-mt-5",priceBreadkdown:(J=(j=(x=e(N))==null?void 0:x.priceDetail)==null?void 0:j.return)==null?void 0:J.priceBreakdown,departureStationName:(K=e(h))==null?void 0:K.originDetail.stationDetail.stationName,arrivalStationName:(Z=e(h))==null?void 0:Z.destinationDetail.stationDetail.stationName,trainClass:e(Re)},null,8,["priceBreadkdown","departureStationName","arrivalStationName","trainClass"])):T("",!0),(X=e(N))!=null&&X.feePrice?(i(),l("div",As,[t("p",Fs,s(n.$t("train.convenienceFee")),1),t("p",zs,s(e(v)((O=e(N))==null?void 0:O.feePrice)),1)])):T("",!0),t("p",Es,s(n.$t("general.priceIncludesTax")),1)])])]}),_:1},8,["open"]),d(ce,{useOverlay:"",open:e(Ce),topRadius:!0,header:!1},{content:w(()=>[t("div",Rs,[t("p",Vs,s(n.$t("general.continuePaymentTitle")),1),t("p",Us,s(n.$t("general.continuePaymentNote")),1),t("div",Hs,[d(P,{size:"lg",color:"outline-neutral",onClick:a[28]||(a[28]=c=>Ke()),isDisabled:e(be)},{content:w(()=>

1[t("p",qs,s(n.$t("general.checkAgain")),1)]),_:1},8,["isDisabled"]),d(P,{size:"lg",onClick:a[29]||(a[29]=c=>Ze()),isDisabled:e(be)},{content:w(()=>[t("p",Gs,s(n.$t("general.proceedToPay")),1)]),_:1},8,["isDisabled"])])])]),_:1},8,["open"]),t("div",Js,[t("div",Ks,[d(kt,{"white-background":!0,class:"tw-px-5 xl:tw-px-0"}),t("div",Zs,[d(Ye,{stepNumber:1,"step-label":n.$t("general.orderDetails"),"step-type":"primary"},null,8,["step-label"]),t("div",null,[d(S,{src:"/icon/chevron_bold.svg",class:"tw-w-4 tw-h-4",alt:"chevron"})]),d(Ye,{stepNumber:2,"step-label":n.$t("general.finalStep"),stepType:"disabled"},null,8,["step-label"])])]),t("div",Xs,[d(S,{src:"/icon/chevron_right.svg",alt:"back-to-previous",class:"back-to-previous-page",onClick:a[30]||(a[30]=c=>ft())}),t("p",Ys,s(n.$t("general.completeBooking")),1)])]),t("div",Qs,[t("div",eo,[d(Nt,{isLoadingChosen:e(te),title:n.$t("train.seatSelection.seatSelectionTime")},null,8,["isLoadingChosen","title"]),t("h2",to,s(n.$t("train.seatSelection.seatOptions")),1),d(we,{size:"nopadding",class:"passenger-and-transporter-card tw-h-auto tw-p-3 lg:tw-p-6"},{content:w(()=>{var c,f,C;return[t("div",ao,[t("h2",no,s(n.$t("train.seatSelection.seatOptions")),1),e(te)?(i(),W(xt,{key:0})):(i(),l(F,{key:1},[d(Oe,{badgeText:"Pergi",journey:e(b),passengers:(c=e(N))==null?void 0:c.passenger,isFetchSeatMap:e(ge)||e(G),onOpenSeatSelectionModal:a[31]||(a[31]=I=>se("depart"))},null,8,["journey","passengers","isFetchSeatMap"]),(f=e(N))!=null&&f.return?(i(),W(Oe,{key:0,class:"tw-hidden lg:tw-block",badgeText:"Pulang",journey:e(h),passengers:(C=e(N))==null?void 0:C.passenger,isFetchSeatMap:e(ge)||e(G),onOpenSeatSelectionModal:a[32]||(a[32]=I=>se("return"))},null,8,["journey","passengers","isFetchSeatMap"])):T("",!0)],64))])]}),_:1}),!e(te)&&((et=e(N))!=null&&et.return)?(i(),W(we,{key:0,size:"sm",class:"lg:tw-hidden"},{content:w(()=>{var c;return[t("div",null,[d(Oe,{badgeText:"Pulang",journey:e(h),passengers:(c=e(N))==null?void 0:c.passenger,isFetchSeatMap:e(ge)||e(G),onOpenSeatSelectionModal:a[33]||(a[33]=f=>se("return"))},null,8,["journey","passengers","isFetchSeatMap"])])]}),_:1})):T("",!0),e(te)?(i(),W(Ct,{key:1,class:"tw-hidden lg:tw-block"})):(i(),W(we,{key:2,class:"next-to-payment-card tw-h-auto"},{content:w(()=>[t("div",so,[e(g)==="id"?(i(),l("p",oo,[he(" Dengan melanjutkan, saya menyetujui "),t("span",{onClick:a[34]||(a[34]=c=>("navigateTo"in n?n.navigateTo:e(ue))(`/${e(g)}/terms-condition`,{open:{target:"_blank"}}))},"Syarat dan Ketentuan"),he(" di bookingtogo.com ")])):T("",!0),e(g)==="en"?(i(),l("p",io,[he(" By continuing, I agree to the "),t("span",{onClick:a[35]||(a[35]=c=>("navigateTo"in n?n.navigateTo:e(ue))(`/${e(g)}/terms-condition`,{open:{target:"_blank"}}))},"Terms and Conditions"),he(" at bookingtogo.com ")])):e(g)==="zh"?(i(),l("p",lo,[he(" 继续操作即表示同意bookingtogo.com "),t("span",{class:"tw-text-shapphire-blue tw-cursor-pointer",onClick:a[36]||(a[36]=c=>("navigateTo"in n?n.navigateTo:e(ue))(`/${e(g)}/terms-condition`,{open:{target:"_blank"}}))},"的条款和条件")])):T("",!0),d(P,{size:"lg",onClick:a[37]||(a[37]=c=>Ze()),isDisabled:e(be)||e(ge)},{content:w(()=>[t("p",null,s(n.$t("general.proceedToPayment")),1)]),_:1},8,["isDisabled"])])]),_:1}))]),t("div",ro,[e(te)?(i(),l("div",co,[d(Tt)])):(i(),W(we,{key:1,class:"tw-h-auto"},{content:w(()=>{var c,f,C,I,x,j,J,K,Z,X,O,We,nt,st,ot,it,lt,rt,dt;return[t("div",null,[t("div",uo,[d(Qe,{badgeText:"Pergi",title:e(ht),departureDateTime:(c=e(b))==null?void 0:c.originDetail.dateTime,arrivalDateTime:(f=e(b))==null?void 0:f.destinationDetail.dateTime,duration:(C=e(b))==null?void 0:C.transporterDetail.duration,trainClass:(I=e(b))==null?void 0:I.transporterDetail.trainClass,trainSubClass:(x=e(b))==null?void 0:x.transporterDetail.trainSubClass,departureStation:(j=e(b))==null?void 0:j.originDetail.stationDetail.stationName,arrivalStation:(J=e(b))==null?void 0:J.destinationDetail.stationDetail.stationName,transporterName:(K=e(b))==null?void 0:K.transporterDetail.transporterName,transporterNo:(Z=e(b))==null?void 0:Z.transporterDetail.transporterNo},null,8,["title","departureDateTime","arrivalDateTime","duration","trainClass","trainSubClass","departureStation","arrivalStation","transporterName","transporterNo"]),(X=e(N))!=null&&X.return?(i(),W(Qe,{key:0,badgeText:"Pulang",title:e(bt),departureDateTime:(O=e(h))==null?void 0:O.originDetail.dateTime,arrivalDateTime:(We=e(h))==null?void 0:We.destinationDetail.dateTime,duration:(nt=e(h))==null?void 0:nt.transporterDetail.duration,trainClass:(st=e(h))==null?void 0:st.transporterDetail.trainClass,trainSubClass:(ot=e(h))==null?void 0:ot.transporterDetail.trainSubClass,departureStation:(it=e(h))==null?void 0:it.originDetail.stationDetail.stationName,arrivalStation:(lt=e(h))==null?void 0:lt.destinationDetail.stationDetail.stationName,transporterName:(rt=e(h))==null?void 0:rt.transporterDetail.transporterName,transporterNo:(dt=e(h))==null?void 0:dt.transporterDetail.transporterNo},null,8,["title","departureDateTime","arrivalDateTime","duration","trainClass","trainSubClass","departureStation","arrivalStation","transporterName","transporterNo"])):T("",!0)])])]}),_:1})),e(te)?(i(),l("div",po,[d(Pt)])):(i(),W(we,{key:3,class:"price-detail"},{content:w(()=>{var c,f;return[t("div",_o,[e(te)?(i(),l("p",mo,"Loading...")):(i(),l(F,{key:1},[t("p",go,s(n.$t("general.priceDetailsTitle")),1),d(Jt,{name:"accordion"},{default:w(()=>{var C,I,x,j,J,K,Z,X,O;return[ut(t("div",vo,[d(De,{priceBreadkdown:(C=e(N))==null?void 0:C.priceDetail.depart.priceBreakdown,departureStationName:(I=e(b))==null?void 0:I.originDetail.stationDetail.stationName,arrivalStationName:(x=e(b))==null?void 0:x.destinationDetail.stationDetail.stationName,trainClass:e(Ee)},null,8,["priceBreadkdown","departureStationName","arrivalStationName","trainClass"]),e(h)&&((j=e(N))!=null&&j.priceDetail.return)?(i(),W(De,{key:0,priceBreadkdown:(J=e(N))==null?void 0:J.priceDetail.return.priceBreakdown,departureStationName:(K=e(h))==null?void 0:K.originDetail.stationDetail.stationName,arrivalStationName:(Z=e(h))==null?void 0:Z.destinationDetail.stationDetail.stationName,trainClass:e(Re)},null,8,["priceBreadkdown","departureStationName","arrivalStationName","trainClass"])):T("",!0),t("div",null,[(X=e(N))!=null&&X.feePrice?

1(i(),l("div",wo,[t("p",ho,s(n.$t("train.convenienceFee")),1),t("p",bo,s(e(v)((O=e(N))==null?void 0:O.feePrice)),1)])):T("",!0),t("p",fo,s(n.$t("general.priceIncludesTax")),1)])],512),[[Gt,e(D)]])]}),_:1})],64)),yo,t("div",Do,[t("p",$o,s(n.$t("general.total")),1),t("div",{class:"tw-flex tw-items-center tw-gap-3 tw-cursor-pointer",onClick:a[38]||(a[38]=C=>D.value=!e(D))},[(c=e(N))!=null&&c.totalPrice?(i(),l("p",So,s(e(v)((f=e(N))==null?void 0:f.totalPrice)),1)):T("",!0),d(S,{src:"/icon/chevron_right.svg",width:"20",height:"20",alt:"chevron",class:Y(["chevron tw-rotate-90",e(D)?"tw-rotate-[270deg]":"tw-rotate-90"])},null,8,["class"])])])])]}),_:1}))])]),t("div",ko,[t("div",No,[t("p",xo,s(n.$t("general.totalPayment")),1),e(te)?(i(),l("div",Co)):(i(),l("div",{key:1,class:"total-price-value-wrapper",onClick:a[39]||(a[39]=c=>je())},[(tt=e(N))!=null&&tt.totalPrice?(i(),l("p",To,s(e(v)((at=e(N))==null?void 0:at.totalPrice)),1)):T("",!0),d(S,{src:"/icon/chevron_right.svg",class:"price-detail-chevron",alt:"price-detail"})]))]),d(P,{size:"lg",class:"tw-mt-4",onClick:a[40]||(a[40]=c=>Ke()),isDisabled:e(G)||e(ge)},{content:w(()=>[t("p",Po,s(n.$t("general.continue")),1)]),_:1},8,["isDisabled"])])],2)}}});const Jo=Q(Mo,[["__scopeId","data-v-a060de98"]]);export{Jo as default};