https://cdn.hichinatravel.com/js/9395.f631335c.js

1"use strict";(globalThis["webpackChunkhichina_main_front_mobile_first"]=globalThis["webpackChunkhichina_main_front_mobile_first"]||[]).push([[9395],{59395:(e,a,s)=>{s.d(a,{default:()=>ue});s(69665);var t=s(59835),i=s(86970),l=s(60499),n=s(61957),c=s(28339),o=s(76647),r=s(91569),d=s(53542),u=s(93034),p=s(19419),_=(s(99080),s(72993)),v=(s(43878),s(20295),s(91350));const m={class:"container"},w={class:"breadcrumb"},g={class:"content-column"},h={class:"header-section"},f={class:"carousel-container"},y=["src"],k={class:"content-sections"},b={id:"info",class:"content-section"},z={class:"section-title"},D={class:"content-text"},$={class:"info-details"},S={id:"services",class:"content-section"},U={class:"section-title"},x={class:"fees-content"},C={class:"fee-item"},W={class:"fee-item"},T={id:"fees",class:"content-section"},P={class:"section-title"},H={class:"fee-list"},I={id:"remarks",class:"content-section"},Y={class:"section-title"},A={class:"remark-content"},F={class:"fixed-booking-section"},M={class:"booking-card"},N={key:0,class:"drawer"},j={class:"product-info-section"},q={class:"product-title"},B={class:"content-text"},E={class:"info-tags"},K={class:"tag"},O={class:"icon-wrapper"},V={class:"value"},L={class:"tag"},R={class:"icon-wrapper"},Z={class:"value"},J={class:"tag"},Q={class:"icon-wrapper"},X={class:"value"},G={class:"bottom-bar-content"},ee={key:0,class:"price-info from-price"},ae={class:"from-row"},se={class:"from-label"},te={class:"amount-primary"},ie={key:0,class:"amount-reference"},le={key:1,class:"price-info pending-price"},ne={class:"price-pending-info"},ce=["aria-expanded"],oe={__name:"CarRentalDetailMobilePage",setup(e){const{t:a,locale:s}=(0,o.QT)(),oe=(0,c.yj)(),re=(0,c.tv)(),de=(0,d.YZ)(),ue=(0,l.qj)({id:"",name:"",shortDescription:"",description:"",imageUrls:[],vendor:"",departureOptions:[],destination:"",serviceArea:"",availableDates:[],remark:"",vehicleTypes:[],includedServices:[],excludedServices:[],additionalFees:[],status:""}),pe=(0,l.iH)(!1),_e=(0,l.iH)(!1),ve=(0,t.Fl)((()=>{if(!ue.vehicleTypes.length||!ue.departureOptions.length)return"0.00";const e=Math.min(...ue.vehicleTypes.map((e=>e.price.price||0))),a=Math.min(...ue.departureOptions.map((e=>e.additionalPrice||0)));return(e+a).toFixed(2)})),me=(0,t.Fl)((()=>(0,v.Ch)(ve.value,s.value))),we=async()=>{try{const e=oe.params.productId,a=oe.query.locale;a&&(s.value=a);const t=await r.api.get(`/api/v1/product/vehicle/${e}`);Object.assign(ue,t.data.data),document.title=ue.name}catch(e){console.error("Error loading product:",e)}finally{pe.value=!0}},ge=async()=>{try{const e=await r.api.post(`/api/public/pagestats/pv/vehicle-detail-${oe.params.productId}`);console.log("Page view:",e.data)}catch(e){console.error("Page view error:",e)}},he=async()=>{try{const e=await r.api.post(`/api/public/pagestats/view-product/${oe.params.productId}`);console.log("View count:",e.data)}catch(e){console.error("View stats error:",e)}},fe=async()=>{if(await ye())try{de.setBookInfo({productId:ue.id,productName:ue.name}),await re.push("/customise-car")}catch(e){console.error("Error navigating to booking page:",e),alert(a("navigation_error"))}},ye=async()=>{try{const e=await r.api.get("/api/v1/user/whoamiv2");return console.log("Current user:",e.data.data.username),!0}catch(e){return await re.push("/auth/login"),!1}};return(0,t.bv)((async()=>{await Promise.all([we(),ge(),he()])})),(e,a)=>{const s=(0,t.up)("el-icon");return(0,t.wg)(),(0,t.iD)("div",m,[(0,t._)("div",w,[(0,t._)("span",null,(0,i.zw)(e.$t("travel_shop"))+" > "+(0,i.zw)(e.$t("vehicle_rental"))+" > "+(0,i.zw)(ue.name),1)]),(0,t._)("div",g,[(0,t._)("div",h,[(0,t._)("div",f,[(0,t.Wm)((0,l.SU)(u.$J),{height:"300px",interval:5e3,loop:!0,autoplay:!0},{default:(0,t.w5)((()=>[((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(ue.imageUrls,((e,a)=>((0,t.wg)(),(0,t.j4)((0,l.SU)(u.B6),{key:a},{default:(0,t.w5)((()=>[(0,t._)("img",{src:e,class:"carousel-image",alt:"Vehicle image"},null,8,y)])),_:2},1024)))),128))])),_:1})])]),(0,t._)("div",k,[(0,t._)("div",b,[(0,t._)("h2",z,(0,i.zw)(e.$t("product_info")),1),(0,t._)("p",D,(0,i.zw)(ue.description),1),(0,t._)("div",$,[(0,t._)("p",null,[(0,t._)("strong",null,(0,i.zw)(e.$t("service_area"))+":",1),(0,t.Uk)(" "+(0,i.zw)(ue.serviceArea),1)])])]),(0,t._)("div",S,[(0,t._)("h2",U,(0,i.zw)(e.$t("what_is_include")),1),(0,t._)("div",x,[(0,t._)("div",C,[(0,t._)("ul",null,[((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(ue.includedServices,((e,s)=>((0,t.wg)(),(0,t.iD)("li",{key:s},[a[2]||(a[2]=(0,t._)("span",{class:"check-icon"},"✔",-1)),(0,t.Uk)(" "+(0,i.zw)(e),1)])))),128))])]),(0,t._)("div",W,[(0,t._)("ul",null,[((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(ue.excludedServices,((e,s)=>((0,t.wg)(),(0,t.iD)("li",{key:s},[a[3]||(a[3]=(0,t._)("span",{class:"cross-icon"},"✘",-1)),(0,t.Uk)(" "+(0,i.zw)(e),1)])))),128))])])])]),(0,t._)("div",T,[(0,t._)("h2",P,(0,i.zw)(e.$t("additional_fees")),1),(0,t._)("ul",H,[((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(ue.additionalFees,((e,a)=>((0,t.wg)(),(0,t.iD)("li",{key:a},(0,i.zw)(e.name)+": "+(0,i.zw)(e.amount)+" CNY ("+(0,i.zw)(e.condition)+") ",1)))),128))])]),(0,t._)("div",I,[(0,t._)("h2",Y,(0,i.zw)(e.$t("Remark")),1),(0,t._)("div",A,(0,i.zw)(ue.remark),1)])])]),(0,t._)("div",F,[(0,t._)("div",M,[(0,t.Wm)(n.uT,{name:"slide-down"},{default:(0,t.w5)((()=>[_e.value?((0,t.wg)(),(0,t.iD)("div",N,[(0,t._)("div",j,[(0,t._)("h5",q,(0,i.zw)(ue.name),1),(0,t._)("p",B,(0,i.zw)(ue.shortDe

1scription),1),(0,t._)("div",E,[(0,t._)("div",K,[(0,t._)("span",O,[(0,t.Wm)(s,null,{default:(0,t.w5)((()=>[(0,t.Wm)((0,l.SU)(_.Lyo))])),_:1})]),(0,t._)("span",V,(0,i.zw)(ue.serviceArea||"N/A"),1)]),(0,t._)("div",L,[(0,t._)("span",R,[(0,t.Wm)(s,null,{default:(0,t.w5)((()=>[(0,t.Wm)((0,l.SU)(_.YeX))])),_:1})]),(0,t._)("span",Z,(0,i.zw)(ue.destination||"N/A"),1)]),(0,t._)("div",J,[(0,t._)("span",Q,[(0,t.Wm)(s,null,{default:(0,t.w5)((()=>[(0,t.Wm)((0,l.SU)(_.n5m))])),_:1})]),(0,t._)("span",X,(0,i.zw)(ue.vehicleTypes.length?Math.max(...ue.vehicleTypes.map((e=>e.maxCapacity))):"N/A")+" "+(0,i.zw)(e.$t("max_capacity")),1)])])])])):(0,t.kq)("",!0)])),_:1}),(0,t._)("div",G,[(0,t._)("div",{class:"bottom-summary-card",onClick:a[1]||(a[1]=(0,n.iM)((()=>{}),["stop"]))},[me.value?((0,t.wg)(),(0,t.iD)("div",ee,[(0,t._)("div",ae,[(0,t._)("span",se,(0,i.zw)(e.$t("travelShopPage_start_from")),1),(0,t._)("span",te,(0,i.zw)(me.value.fullFormatted),1)]),me.value.reference?((0,t.wg)(),(0,t.iD)("span",ie,(0,i.zw)(me.value.reference),1)):(0,t.kq)("",!0)])):((0,t.wg)(),(0,t.iD)("div",le,[(0,t._)("div",ne,(0,i.zw)(e.$t("travelShopPage_price_pend_info_mobile")),1)])),(0,t._)("button",{type:"button",class:"summary-action-btn summary-action-btn--primary",onClick:a[0]||(a[0]=(0,n.iM)((e=>_e.value=!_e.value),["stop"])),"aria-expanded":_e.value},[(0,t.Wm)(s,null,{default:(0,t.w5)((()=>[(0,t.Wm)((0,l.SU)(_.hvN))])),_:1}),(0,t._)("span",null,(0,i.zw)(e.$t("detail")),1)],8,ce)]),me.value?((0,t.wg)(),(0,t.j4)((0,l.SU)(p.ElButton),{key:0,type:"primary",class:"action-btn",onClick:fe,disabled:"PUBLISHED"!==ue.status||!pe.value},{default:(0,t.w5)((()=>[(0,t.Uk)((0,i.zw)(e.$t("continue_booking")),1)])),_:1},8,["disabled"])):(0,t.kq)("",!0)])])])])}}};var re=s(11639);const de=(0,re.Z)(oe,[["__scopeId","data-v-1ee073b0"]]),ue=de}}]);