https://rajarepair.id/_rr/Bz9zTKbj.js

1import{_ as Ke}from"./C2a92Tni.js";import{f as Ie,u as Ce,a as Ve,r as Me,w as Ee,o as Te,y as l,z as i,C as t,v as e,D as n,E as v,x as b,b as Ge,e as qe,c as Ue,l as Oe,s as P,t as We,B as g,a0 as _e,G as D,F as T,A as S,I as re,L as xe,P as ce,$ as ke,H as Xe,M as ye,J as He,i as $,q as Je}from"./D5MLA-hU.js";import{u as Ye}from"./7tJk1O9I.js";import{_ as Qe}from"./BZQy6ovt.js";import{_ as Ze}from"./D6rveY3N.js";import{u as et,s as tt,d as st,c as at}from"./DtaMcMgl.js";import{I as ot}from"./DO7ZADv0.js";import{I as lt}from"./pnh8EOCJ.js";import{I as nt}from"./B0pY3uqs.js";import{I as it}from"./DcuNzkFt.js";import{I as rt}from"./GRymhyKZ.js";import{c as Y}from"./D_rngVSp.js";import{I as we}from"./DlZaLOuR.js";import{I as ct}from"./DzA_gxR7.js";import{I as dt}from"./Bjvjhl7h.js";import{I as he}from"./DA7qIMyu.js";import{I as ut}from"./DhOByWcj.js";import{I as De}from"./BKMuUMEB.js";import{u as mt}from"./J59qyXmU.js";import{u as pt}from"./CbqWd3-v.js";import{s as ht}from"./GhFrNfLP.js";import"./CuyeCgjt.js";import"./3EBg3iUg.js";import"./B1_oImu8.js";import"./B4f5qzlA.js";import"./BsSRCWlq.js";(function(){try{var I=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new I.Error().stack;a&&(I._sentryDebugIds=I._sentryDebugIds||{},I._sentryDebugIds[a]="3c1211d3-7728-40b9-9e4f-5f6194e7cec0",I._sentryDebugIdIdentifier="sentry-dbid-3c1211d3-7728-40b9-9e4f-5f6194e7cec0")}catch{}})();

1const ft={class:"relative isolate h-64 w-full overflow-hidden rounded-2xl ring-1 ring-black/[0.06]"},vt={key:0,class:"pointer-events-none absolute bottom-2 left-2 z-[500] rounded-full bg-white/95 px-3 py-1 text-xs font-semibold text-ink-900 shadow-md ring-1 ring-black/[0.06]"},bt=Ie({__name:"RepairLiveMap",props:{tech:{},destination:{}},setup(I){const a=I,{t:z}=Ce(),de=Ve(),{loadLeaflet:ue,addTiles:Q}=Ye(),O=b(),A=b(null);let _,x,C,W,m=null,d=null,B="";function K(c=!1){return _.divIcon({className:"",iconSize:[22,44],iconAnchor:[11,22],html:`<img src="${de("/icons/driver.svg")}" alt="" style="width:22px;height:44px;
2      filter:drop-shadow(0 1px 4px rgba(0,0,0,${c?".5":".35"}))">`})}function V(){return _.divIcon({className:"",iconSize:[30,30],iconAnchor:[15,30],html:`<div style="width:30px;height:30px;border-radius:9999px 9999px 9999px 2px;background:#f2b705;
3      border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3);transform:rotate(45deg)"></div>`})}function X(c,f){const k=h=>h*Math.PI/180,y=Math.sin(k(f[0]-c[0])/2)**2+Math.cos(k(c[0]))*Math.cos(k(f[0]))*Math.sin(k(f[1]-c[1])/2)**2;return 2*6371e3*Math.asin(Math.sqrt(y))}async function u(c,f){const p=Ge().public.mapboxToken,k=`${c[1]},${c[0]};${f[1]},${f[0]}`,y=p?`https://api.mapbox.com/directions/v5/mapbox/driving/${k}?geometries=geojson&overview=full&access_token=${p}`:`https://router.project-osrm.org/route/v1/driving/${k}?geometries=geojson&overview=full`;try{const h=(await $fetch(y))?.routes?.[0];return h?.geometry?.coordinates?.length?{coords:h.geometry.coordinates.map(w=>[w[1],w[0]]),distanceM:h.distance,durationSec:h.duration}:null}catch{return null}}async function R(){const c=[a.tech.latitude,a.tech.longitude],f=a.destination;if(!f){m&&(x.removeLayer(m),m=null),A.value=null,F(c);return}const p=[f.latitude,f.longitude],k=`${p[0]},${p[1]}`,y=!m||k!==B;if(!y&&d&&X(c,d)<15)return;B=k,d=c;const h=await u(c,p);h&&h.coords.length>1?(m?m.setLatLngs(h.coords).setStyle({dashArray:void 0,weight:4,opacity:.85}):m=_.polyline(h.coords,{color:"#353791",weight:4,opacity:.85}).addTo(x),A.value={km:(h.distanceM/1e3).toFixed(1),min:Math.max(1,Math.round(h.durationSec/60))},F(h.coords[0]),y&&x.fitBounds(_.latLngBounds(h.coords).pad(.2))):(m?m.setLatLngs([c,p]).setStyle({dashArray:"6 8",weight:2,opacity:.6}):m=_.polyline([c,p],{color:"#353791",weight:2,dashArray:"6 8",opacity:.6}).addTo(x),A.value=null,F(c),y&&x.fitBounds(_.latLngBounds([c,p]).pad(.4)))}let M=null;function F(c){if(!C){C=_.marker(c,{icon:K(!0)}).addTo(x);return}M&&cancelAnimationFrame(M);const f=C.getLatLng(),p=[f.lat,f.lng];if(X(p,c)>2e3){C.setLatLng(c);return}const k=1500,y=performance.now(),h=w=>{const N=Math.min(1,(w-y)/k);C.setLatLng([p[0]+(c[0]-p[0])*N,p[1]+(c[1]-p[1])*N]),N<1&&(M=requestAnimationFrame(h))};M=requestAnimationFrame(h)}function Z(){if(!x||!_)return;const c=[a.tech.latitude,a.tech.longitude];C||(C=_.marker(c,{icon:K(!0)}).addTo(x));const f=a.destination;if(f){const p=[f.latitude,f.longitude];W?W.setLatLng(p):W=_.marker(p,{icon:V()}).addTo(x)}else x.setView(c,15);R()}return Me(async()=>{_=await ue(),O.value&&(x=_.map(O.value,{zoomControl:!1,attributionControl:!1}).setView([a.tech.latitude,a.tech.longitude],14),Q(_,x),Z())}),Ee(()=>[a.tech.latitude,a.tech.longitude,a.destination?.latitude,a.destination?.longitude],Z),Te(()=>{M&&cancelAnimationFrame(M),x?.remove()}),(c,f)=>(l(),i("div",ft,[t("div",{ref_key:"el",ref:O,class:"h-full w-full"},null,512),e(A)?(l(),i("div",vt,n(e(z)("servisDetail.liveMapRoute",{km:e(A).km,min:e(A).min})),1)):v("",!0)]))}}),gt=Object.assign(bt,{__name:"RepairLiveMap"});var _t=Y("outline","file-invoice","FileInvoice",[["path",{d:"M14 3v4a1 1 0 0 0 1 1h4",key:"svg-0"}],["path",{d:"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2",key:"svg-1"}],["path",{d:"M9 7l1 0",key:"svg-2"}],["path",{d:"M9 13l6 0",key:"svg-3"}],["path",{d:"M13 17l2 0",key:"svg-4"}]]);var xt=Y("outline","photo","Photo",[["path",{d:"M15 8h.01",key:"svg-0"}],["path",{d:"M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12",key:"svg-1"}],["path",{d:"M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5",key:"svg-2"}],["path",{d:"M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3",key:"svg-3"}]]);var kt=Y("outline","route","Route",[["path",{d:"M3 19a2 2 0 1 0 4 0a2 2 0 0 0 -4 0",key:"svg-0"}],["path",{d:"M19 7a2 2 0 1 0 0 -4a2 2 0 0 0 0 4",key:"svg-1"}],["path",{d:"M11 19h5.5a3.5 3.5 0 0 0 0 -7h-8a3.5 3.5 0 0 1 0 -7h4.5",key:"svg-2"}]]);var yt=Y("filled","circle-check-filled","CircleCheckFilled",[["path",{d:"M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z",key:"svg-0"}]]);var wt=Y("filled","circle-x-filled","CircleXFilled",[["path",{d:"M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-6.489 5.8a1 1 0 0 0 -1.218 1.567l1.292 1.293l-1.292 1.293l-.083 .094a1 1 0 0 0 1.497 1.32l

31.293 -1.292l1.293 1.292l.094 .083a1 1 0 0 0 1.32 -1.497l-1.292 -1.293l1.292 -1.293l.083 -.094a1 1 0 0 0 -1.497 -1.32l-1.293 1.292l-1.293 -1.292l-.094 -.083z",key:"svg-0"}]]);const Dt=["friendly","on_time","neat","communicative","professional","fast","trustworthy","expert"],fe=I=>`servisDetail.ratingTags.${I}`,It={key:0,class:"space-y-6"},Ct={key:1,class:"rounded-2xl border border-dashed border-slate-200 bg-slate-50/60 px-6 py-16 text-center text-sm text-slate-500"},Mt={key:2,class:"space-y-6"},Tt={class:"rounded-2xl border border-slate-100 bg-white p-6 shadow-sm ring-1 ring-black/[0.02]"},$t={class:"flex items-start gap-4"},Lt={class:"grid h-12 w-12 shrink-0 place-items-center rounded-xl bg-brand-50 text-brand-600"},St={class:"min-w-0 flex-1"},At={class:"flex flex-wrap items-center gap-2"},Rt={class:"text-lg font-semibold text-ink-900"},Ft={class:"inline-flex items-center gap-1.5 rounded-full bg-slate-100 px-2.5 py-0.5 text-xs font-semibold text-slate-600"},Nt={class:"mt-0.5 text-sm text-slate-500"},jt={class:"mt-5 grid gap-x-6 gap-y-3 text-sm sm:grid-cols-2"},Pt={class:"text-slate-500"},zt={class:"text-right font-medium text-ink-900"},Bt={key:0,class:"mt-5 flex items-center gap-3 rounded-xl border border-slate-100 bg-slate-50/60 p-3"},Kt=["src","alt"],Vt={key:1,class:"grid h-10 w-10 shrink-0 place-items-center rounded-full bg-brand-100 text-sm font-semibold text-brand-700"},Et={class:"min-w-0"},Gt={class:"text-xs text-slate-500"},qt={class:"truncate font-medium text-ink-900"},Ut=["disabled"],Ot={key:2,class:"mt-2 text-xs text-red-600"},Wt={key:0,class:"rounded-2xl border border-slate-100 bg-white p-6 shadow-sm ring-1 ring-black/[0.02]"},Xt={class:"flex items-center gap-2 text-base font-semibold text-ink-900"},Ht={class:"mt-4"},Jt={class:"flex items-center justify-between gap-3 text-sm"},Yt={class:"font-medium text-ink-900"},Qt={class:"shrink-0 text-slate-500"},Zt={class:"mt-2 h-2 overflow-hidden rounded-full bg-slate-100"},es={key:0,class:"mt-5"},ts={class:"mt-2 flex items-center gap-1.5 text-xs text-slate-500"},ss={key:1,class:"mt-6"},as={class:"flex items-center justify-between gap-3"},os={class:"flex items-center gap-2 text-sm font-semibold text-ink-900"},ls={key:0,class:"shrink-0 rounded-full bg-red-50 px-2.5 py-0.5 text-xs font-semibold text-red-600"},ns={class:"mt-3 grid grid-cols-2 gap-x-3 gap-y-0.5"},is=["title"],rs={key:2,class:"h-2 w-2 shrink-0 rounded-full bg-slate-300"},cs={class:"truncate"},ds={key:0,class:"mt-3 rounded-xl bg-slate-50 px-4 py-3 text-sm text-ink-700"},us={key:2,class:"mt-6"},ms={class:"flex items-center gap-2 text-sm font-semibold text-ink-900"},ps={class:"mt-3 grid grid-cols-3 gap-2 sm:grid-cols-4"},hs=["onClick"],fs=["src","alt"],vs=["src"],bs={class:"absolute bottom-2 rounded-full bg-black/50 px-2.5 py-0.5 text-xs font-medium text-white"},gs={key:1,class:"rounded-2xl border border-slate-100 bg-white p-6 shadow-sm ring-1 ring-black/[0.02]"},_s={class:"flex items-center gap-2 text-base font-semibold text-ink-900"},xs={class:"mt-4 space-y-3"},ks={class:"flex items-center justify-between"},ys={class:"font-semibold text-ink-900"},ws={class:"rounded-full bg-slate-100 px-2.5 py-0.5 text-xs font-semibold text-slate-600"},Ds={class:"mt-2 grid grid-cols-3 gap-2 text-sm"},Is={class:"text-xs text-slate-500"},Cs={class:"font-semibold text-ink-900"},Ms={class:"text-xs text-slate-500"},Ts={class:"font-semibold text-emerald-600"},$s={class:"text-xs text-slate-500"},Ls={class:"font-semibold text-red-600"},Ss={class:"mt-2 text-xs text-slate-500"},As={key:2,class:"rounded-2xl border border-slate-100 bg-white p-6 shadow-sm ring-1 ring-black/[0.02]"},Rs={class:"flex items-center gap-2 text-base font-semibold text-ink-900"},Fs={class:"mt-4 space-y-2.5"},Ns={class:"min-w-0"},js={class:"truncate font-semibold text-ink-900"},Ps={class:"text-xs text-slate-500"},zs={key:3,class:"rounded-2xl border border-slate-100 bg-white p-6 shadow-sm ring-1 ring-black/[0.02]"},Bs={class:"flex items-center gap-2 text-base font-semibold text-ink-900"},Ks={key:0,class:"mt-4"},Vs={class:"flex items-center gap-1"},Es={key:0,class:"mt-3 flex flex-wrap gap-2"},Gs={key:1,class:"mt-3 rounded-xl bg-slate-50 px-4 py-3 text-sm text-ink-700"},qs={class:"mt-3 inline-flex items-center gap-1.5 text-xs font-medium text-emerald-600"},Us={class:"text-sm text-slate-500"},Os={class:"mt-3 flex items-center gap-1"},Ws=["aria-label","onClick"],Xs={class:"mt-4 text-sm text-slate-500"},Hs={class:"mt-2 flex flex-wrap gap-2"},Js=["aria-pressed","onClick"],Ys=["placeholder"],Qs={key:0,class:"mt-2 text-xs text-red-600"},Zs=["disabled"],Ma=Ie({__name:"[id]",setup(I){const{t:a,te:z}=Ce(),de=qe(),ue=mt();pt({title:a("servisDetail.seoTitle"),description:a("servisDetail.seoDesc"),robots:"noindex, nofollow"});const{repair:Q,invoice:O,warranty:A,sendFeedback:_,cancelRepair:x,repairWorkflow:C}=et(),{fetchMe:W}=Ue(),m=Number(de.params.id),d=b(null),B=b([]),K=b([]),V=b(!0),X=b(!1),u=b(null);let R;const M=$(()=>!!u.value&&u.value.workflow.step_number>0),F=$(()=>u.value?.live),Z=$(()=>{const s=F.value;return s?.technician_point?s.leg==="to_outlet"?s.outlet:s.customer??s.outlet:null}),c=$(()=>M.value&&!u.value.workflow.is_completed&&!!F.value?.technician_point),f=s=>s&&z(`servisDetail.steps.${s}`)?a(`servisDetail.steps.${s}`):s??"",p=$(()=>{const s=u.value?.workflow;return s&&s.total_steps?Math.round(s.step_number/s.total_steps*100):0}),k=s=>s&&z(`servisDetail.checkState.${s}`)?a(`servisDetail.checkState.${s}`):s??"",y=$(()=>at(u.value?.initial_checklist)),h=$(()=>y.value.filter(s=>s.state==="problem").length),w=$(()=>[...u.value?.photos.initial??[],...u.value?.photos.post_repair??[]].filter(s=>s.url)),N=b(null),H=b(0),ve=$(()=>w.value[H.value]?.url||"");function $e(s){H.value=s,N.value?.showModal()}function ee(s){const r=w.value.length;r&&(H.value=(H.value+s+r)%r)}async function Le(){try{u.value=(await C(m)).data}catch{}Se()}

3function Se(){const s=u.value?.workflow,r=!!s&&s.step_number>0&&!s.is_completed;r&&!R?R=ht(async()=>{try{u.value=(await C(m)).data}catch{te();return}u.value?.workflow.is_completed&&(te(),be())},2e4):r||te()}function te(){R&&(clearInterval(R),R=void 0)}const{$echo:me}=Oe();let se=!1;function Ae(){!me||se||!M.value||(se=!0,me.private(`repair.${m}`).listen(".location.updated",s=>{u.value?.live&&(u.value.live={...u.value.live,leg:s.leg,technician_point:s.point})}))}function be(){se&&(me?.leave(`repair.${m}`),se=!1)}Te(()=>{te(),be()});const E=b(0),ae=b(""),J=b(!1),oe=b(""),j=b([]),ge=b(null);function Re(s){const r=j.value.indexOf(s);r===-1?j.value.push(s):j.value.splice(r,1)}const G=b(!1),le=b(""),q=b(!1),ne=s=>{const r=typeof s=="string"?Number(s):s;return r==null||Number.isNaN(r)?"-":"Rp "+Number(r).toLocaleString("id-ID")},ie=s=>s?new Date(s).toLocaleDateString("id-ID",{day:"numeric",month:"short",year:"numeric"}):"-",U=$(()=>ge.value??d.value?.rating??null);async function Fe(){if(V.value=!0,!await W()){await Je("/masuk");return}try{d.value=(await Q(m)).data}catch{X.value=!0,V.value=!1;return}try{B.value=(await O(m)).data.invoices??[]}catch{}try{K.value=(await A(m)).data.warranties??[]}catch{}await Le(),Ae(),V.value=!1}Me(Fe);async function Ne(){if(!(!E.value||J.value)){oe.value="",J.value=!0;try{const s=await _(m,{score:E.value,comment:ae.value||void 0,tags:j.value.length?j.value:void 0});ge.value=s.data}catch(s){const r=s;oe.value=r.data?.message||a("servisDetail.feedbackFailed")}finally{J.value=!1}}}async function je(){if(!G.value){le.value="",G.value=!0;try{await x(m),d.value=(await Q(m)).data,q.value=!1}catch(s){const r=s;le.value=r.data?.message||a("servisDetail.cancelFailed"),q.value=!1}finally{G.value=!1}}}return(s,r)=>{const pe=Ke,Pe=gt,ze=Qe,Be=Ze;return l(),P(Be,{title:e(a)("servisDetail.title"),"back-label":e(a)("servisDetail.back")},{default:We(()=>[e(V)?(l(),i("div",It,[g(pe,{class:"h-24 w-full rounded-2xl"}),g(pe,{class:"h-40 w-full rounded-2xl"}),g(pe,{class:"h-32 w-full rounded-2xl"})])):e(X)||!e(d)?(l(),i("div",Ct,n(e(a)("servisDetail.notFound")),1)):(l(),i("div",Mt,[t("div",Tt,[t("div",$t,[t("span",Lt,[g(e(rt),{class:"h-6 w-6"})]),t("div",St,[t("div",At,[t("h2",Rt,n(e(d).device||"-"),1),t("span",Ft,[t("span",{class:"h-1.5 w-1.5 rounded-full bg-current",style:_e({color:("safeColor"in s?s.safeColor:e(tt))(e(d).status_color)})},null,4),D(" "+n(e(d).status),1)])]),t("p",Nt,n(e(d).job_sheet_no),1)])]),t("dl",jt,[(l(!0),i(T,null,S([{k:e(a)("servisDetail.service"),v:e(ue)(e(d).service_type)},{k:e(a)("servisDetail.outlet"),v:e(d).location},{k:e(a)("servisDetail.defects"),v:("defectsText"in s?s.defectsText:e(st))(e(d).defects)},{k:e(a)("servisDetail.serial"),v:e(d).serial_no},{k:e(a)("servisDetail.estimate"),v:ne(e(d).estimated_cost)},{k:e(a)("servisDetail.created"),v:ie(e(d).created_at)},{k:e(a)("servisDetail.delivery"),v:ie(e(d).delivery_date)}],o=>(l(),i("div",{key:o.k,class:"flex justify-between gap-3 border-b border-slate-50 pb-2"},[t("dt",Pt,n(o.k),1),t("dd",zt,n(o.v||"-"),1)]))),128))]),e(d).technician?(l(),i("div",Bt,[e(d).technician.photo?(l(),i("img",{key:0,src:e(d).technician.photo,alt:e(d).technician.name,class:"h-10 w-10 shrink-0 rounded-full object-cover"},null,8,Kt)):(l(),i("span",Vt,n(e(d).technician.name.charAt(0).toUpperCase()),1)),t("div",Et,[t("p",Gt,n(e(a)("servisDetail.technician")),1),t("p",qt,n(e(d).technician.name),1)])])):v("",!0),e(d).can_cancel?(l(),i("button",{key:1,type:"button",disabled:e(G),class:"mt-5 inline-flex items-center gap-1.5 rounded-full border border-red-200 px-4 py-2 text-xs font-semibold text-red-600 transition-colors hover:bg-red-50 disabled:opacity-50",onClick:r[0]||(r[0]=o=>q.value=!0)},[e(G)?(l(),P(e(we),{key:0,class:"h-3.5 w-3.5 animate-spin"})):(l(),P(e(ut),{key:1,class:"h-3.5 w-3.5"})),D(" "+n(e(a)("servisDetail.cancel")),1)],8,Ut)):v("",!0),e(le)?(l(),i("p",Ot,n(e(le)),1)):v("",!0)]),e(M)?(l(),i("div",Wt,[t("h3",Xt,[g(e(kt),{class:"h-5 w-5 text-brand-500"}),D(" "+n(e(a)("servisDetail.liveTitle")),1)]),t("div",Ht,[t("div",Jt,[t("span",Yt,n(f(e(u).workflow.current_step)),1),t("span",Qt,n(e(a)("servisDetail.stepCount",{n:e(u).workflow.step_number,total:e(u).workflow.total_steps})),1)]),t("div",Zt,[t("div",{class:"h-full rounded-full bg-brand-500 transition-[width] duration-500 ease-out",style:_e({width:e(p)+"%"})},null,4)])]),e(c)?(l(),i("div",es,[g(Pe,{tech:e(F).technician_point,destination:e(Z)},null,8,["tech","destination"]),t("p",ts,[g(e(ct),{class:"h-3.5 w-3.5"}),D(" "+n(e(a)("servisDetail.liveMapHint")),1)])])):v("",!0),e(u).initial_checklist?(l(),i("div",ss,[t("div",as,[t("p",os,[g(e(it),{class:"h-4 w-4 text-brand-500"}),D(" "+n(e(a)("servisDetail.checklistTitle")),1)]),e(h)?(l(),i("span",ls,n(e(a)("servisDetail.problemCount",{n:e(h)}

3)),1)):v("",!0)]),t("div",ns,[(l(!0),i(T,null,S(e(y),(o,L)=>(l(),i("div",{key:L,class:re(["flex items-center gap-2 rounded-lg px-2 py-1.5 text-sm",o.state==="problem"?"bg-red-50 font-medium text-red-600":"text-ink-700"]),title:o.state?k(o.state):void 0},[o.state==="normal"?(l(),P(e(yt),{key:0,class:"h-4 w-4 shrink-0 text-emerald-500"})):o.state==="problem"?(l(),P(e(wt),{key:1,class:"h-4 w-4 shrink-0 text-red-500"})):(l(),i("span",rs)),t("span",cs,n(o.name),1)],10,is))),128))]),e(u).initial_checklist.note?(l(),i("p",ds,n(e(u).initial_checklist.note),1)):v("",!0)])):v("",!0),e(w).length?(l(),i("div",us,[t("p",ms,[g(e(xt),{class:"h-4 w-4 text-brand-500"}),D(" "+n(e(a)("servisDetail.mediaTitle")),1)]),t("div",ps,[(l(!0),i(T,null,S(e(w),(o,L)=>(l(),i("button",{key:o.id,type:"button",class:"group relative aspect-square overflow-hidden rounded-xl bg-slate-100 ring-1 ring-black/[0.04]",onClick:ea=>$e(L)},[o.url?(l(),i("img",{key:0,src:o.url,alt:o.slot||"",loading:"lazy",class:"h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"},null,8,fs)):v("",!0)],8,hs))),128))]),t("dialog",{ref_key:"lightboxEl",ref:N,class:"m-auto max-h-screen max-w-full bg-transparent p-0 backdrop:bg-black/80",onClick:r[4]||(r[4]=o=>e(N)?.close()),onKeydown:[r[5]||(r[5]=xe(ce(o=>ee(-1),["prevent"]),["left"])),r[6]||(r[6]=xe(ce(o=>ee(1),["prevent"]),["right"]))]},[t("div",{class:"relative flex items-center justify-center",onClick:r[3]||(r[3]=ce(()=>{},["stop"]))},[e(ve)?(l(),i("img",{key:0,src:e(ve),alt:"",class:"max-h-[92vh] max-w-[94vw] rounded-xl object-contain"},null,8,vs)):v("",!0),e(w).length>1?(l(),i(T,{key:1},[t("button",{type:"button",class:"absolute left-2 grid h-10 w-10 place-items-center rounded-full bg-black/40 text-white transition hover:bg-black/60",onClick:r[1]||(r[1]=o=>ee(-1))},[g(e(ot),{class:"h-6 w-6"})]),t("button",{type:"button",class:"absolute right-2 grid h-10 w-10 place-items-center rounded-full bg-black/40 text-white transition hover:bg-black/60",onClick:r[2]||(r[2]=o=>ee(1))},[g(e(lt),{class:"h-6 w-6"})]),t("span",bs,n(e(H)+1)+" / "+n(e(w).length),1)],64)):v("",!0)])],544)])):v("",!0)])):v("",!0),e(B).length?(l(),i("div",gs,[t("h3",_s,[g(e(_t),{class:"h-5 w-5 text-brand-500"}),D(" "+n(e(a)("servisDetail.invoiceTitle")),1)]),t("div",xs,[(l(!0),i(T,null,S(e(B),(o,L)=>(l(),i("div",{key:o.invoice_no||L,class:"rounded-xl border border-slate-100 p-4"},[t("div",ks,[t("p",ys,n(o.invoice_no||"-"),1),t("span",ws,n(o.payment_status||"-"),1)]),t("dl",Ds,[t("div",null,[t("dt",Is,n(e(a)("servisDetail.invTotal")),1),t("dd",Cs,n(ne(o.total)),1)]),t("div",null,[t("dt",Ms,n(e(a)("servisDetail.invPaid")),1),t("dd",Ts,n(ne(o.paid)),1)]),t("div",null,[t("dt",$s,n(e(a)("servisDetail.invDue")),1),t("dd",Ls,n(ne(o.due)),1)])]),t("p",Ss,n(ie(o.date)),1)]))),128))])])):v("",!0),e(K).length?(l(),i("div",As,[t("h3",Rs,[g(e(dt),{class:"h-5 w-5 text-brand-500"}),D(" "+n(e(a)("servisDetail.warrantyTitle")),1)]),t("div",Fs,[(l(!0),i(T,null,S(e(K),(o,L)=>(l(),i("div",{key:L,class:"flex items-center justify-between gap-3 rounded-xl border border-slate-100 p-4"},[t("div",Ns,[t("p",js,n(o.warranty_name||e(a)("servisDetail.warranty")),1),t("p",Ps,n(e(a)("servisDetail.warrantyExpires",{date:ie(o.expires_on),rel:o.expires_in})),1)]),t("span",{class:re(["shrink-0 rounded-full px-2.5 py-0.5 text-xs font-semibold",o.status==="active"?"bg-emerald-50 text-emerald-600":"bg-slate-100 text-slate-500"])},n(o.status==="active"?e(a)("servisDetail.warrantyActive"):e(a)("servisDetail.warrantyExpired")),3)]))),128))])])):v("",!0),e(d).is_completed?(l(),i("div",zs,[t("h3",Bs,[g(e(he),{class:"h-5 w-5 text-gold-500"}),D(" "+n(e(a)("servisDetail.feedbackTitle")),1)]),e(U)?(l(),i("div",Ks,[t("div",Vs,[(l(),i(T,null,S(5,o=>g(ke(o<=e(U).score?e(De):e(he)),{key:o,class:"h-6 w-6 text-gold-500"})),64))]),e(U).tags?.length?(l(),i("div",Es,[(l(!0),i(T,null,S(e(U).tags,o=>(l(),i("span",{key:o,class:"rounded-full bg-brand-50 px-3 py-1 text-xs font-medium text-brand-700"},n(e(z)(("ratingTagKey"in s?s.ratingTagKey:e(fe))(o))?e(a)(("ratingTagKey"in s?s.ratingTagKey:e(fe))(o)):o),1))),128))])):v("",!0),e(U).comment?(l(),i("p",Gs,n(e(U).comment),1)):v("",!0),t("p",qs,[g(e(nt),{class:"h-4 w-4"}),D(" "+n(e(a)("servisDetail.feedbackThanks")),1)])])):(l(),i("form",{key:1,class:"mt-4",onSubmit:ce(Ne,["prevent"])}

3,[t("p",Us,n(e(a)("servisDetail.feedbackPrompt")),1),t("div",Os,[(l(),i(T,null,S(5,o=>t("button",{key:o,type:"button","aria-label":`${o}`,class:"transition-transform hover:scale-110",onClick:L=>E.value=o},[(l(),P(ke(o<=e(E)?e(De):e(he)),{class:re(["h-8 w-8",o<=e(E)?"text-gold-500":"text-slate-300"])},null,8,["class"]))],8,Ws)),64))]),t("p",Xs,n(e(a)("servisDetail.feedbackTagsPrompt")),1),t("div",Hs,[(l(!0),i(T,null,S("RATING_TAGS"in s?s.RATING_TAGS:e(Dt),o=>(l(),i("button",{key:o,type:"button","aria-pressed":e(j).includes(o),class:re(["rounded-full border px-3 py-1.5 text-xs font-medium transition-colors",e(j).includes(o)?"border-brand-500 bg-brand-50 text-brand-700":"border-slate-200 bg-white text-slate-600 hover:border-brand-300"]),onClick:L=>Re(o)},n(e(a)(("ratingTagKey"in s?s.ratingTagKey:e(fe))(o))),11,Js))),128))]),Xe(t("textarea",{"onUpdate:modelValue":r[7]||(r[7]=o=>ye(ae)?ae.value=o:null),rows:"3",placeholder:e(a)("servisDetail.feedbackPlaceholder"),class:"mt-4 w-full rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm text-ink-900 placeholder:text-slate-400 transition-colors focus:border-brand-400 focus:outline-none focus:ring-2 focus:ring-brand-100"},null,8,Ys),[[He,e(ae)]]),e(oe)?(l(),i("p",Qs,n(e(oe)),1)):v("",!0),t("button",{type:"submit",disabled:!e(E)||e(J),class:"mt-4 inline-flex items-center gap-2 rounded-full bg-brand-500 px-6 py-3 text-sm font-semibold text-white transition-colors hover:bg-brand-600 disabled:opacity-50"},[e(J)?(l(),P(e(we),{key:0,class:"h-4 w-4 animate-spin"})):v("",!0),D(" "+n(e(a)("servisDetail.feedbackSubmit")),1)],8,Zs)],32))])):v("",!0)])),g(ze,{modelValue:e(q),"onUpdate:modelValue":r[8]||(r[8]=o=>ye(q)?q.value=o:null),danger:"",title:e(a)("servisDetail.cancelConfirmTitle"),message:e(a)("servisDetail.cancelConfirm"),"confirm-label":e(a)("servisDetail.cancelConfirmYes"),"cancel-label":e(a)("servisDetail.cancelConfirmNo"),loading:e(G),onConfirm:je},null,8,["modelValue","title","message","confirm-label","cancel-label","loading"])]),_:1},8,["title","back-label"])}}});export{Ma as default};