https://vucar.vn/_next/static/immutable/chunks/3x6v3j-s1onm6.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,223944,e=>{"use strict";var a,t=e.i(757683),l=e.i(861308),s=e.i(375475),n=e.i(615308),i=e.i(432830),r=e.i(543755),c=e.i(605278),o=e.i(278534),d=e.i(289574);e.i(49731);var h=e.i(779030),m=e.i(808049);e.i(649146);var u=e.i(957705);e.i(362681);var x=e.i(279340),p=e.i(998551);function g({brandParam:e}){let{data:a}=(0,p.useVapAvailableOptions)(),l=a&&e?(0,x.getModelOptions)(a,e):[];return(0,t.jsxs)(t.Fragment,{children:[l.length?(0,t.jsx)("h2",{className:"col-span-2 md:col-span-7",children:"Các từ khóa liên quan:"}):null,l.map((a,l)=>(0,t.jsxs)("li",{className:"col-span-1 ml-4 text-sm",children:[(0,u.capitalizeFirstLetterOfEachWord)(e.replace("-"," "))," ",a.label]},l))]})}function v({brands:e,brandParam:a,priceParam:l,mfDateParam:s}){let n=e?.map(e=>({label:e,href:`${d.PageRoute.C2B.BIDDING}/hang-${e.replace(" ","_")}`})),i=(0,h.dayjs)().format("MM/YYYY"),r=`Mua b\xe1n xe \xf4 t\xf4 gi\xe1 tốt ${i} tại Vucar`,u=(0,t.jsxs)("p",{className:"text-sm",children:["Tìm kiếm chiếc ô tô cũ chất lượng với giá tốt nhất ngay hôm nay tại Vucar, nền tảng mua bán ô tô cũ hàng đầu Việt Nam. Với các dòng xe ô tô đã qua sử dụng, bạn sẽ dễ dàng tìm được chiếc xe ưng ý với giá cả hợp lý và thông tin chi tiết về tình trạng xe.",(0,t.jsx)("br",{}),"Thông tin chi tiết về giá trị xe ô tô đã qua sử dụng, giúp bạn đưa ra quyết định nhanh chóng.",(0,t.jsx)("br",{}),"Thông tin xe chính xác và minh bạch: Tất cả xe bán tại Vucar đều được kiểm định kỹ càng, với thông tin rõ ràng về tình trạng, và giá trị xe.",(0,t.jsx)("br",{}),"Giá cả hấp dẫn: Cam kết cung cấp giá tốt nhất trên thị trường cho xe ô tô cũ, giúp bạn mua hoặc bán xe một cách tiết kiệm và hiệu quả.",(0,t.jsx)("br",{}),"Hãy để Vucar giúp bạn dễ dàng mua bán xe ô tô cũ một cách an toàn và nhanh chóng. Với công cụ"," ",(0,t.jsx)("a",{href:"https://dinhgiaxe.vucar.vn",className:"cursor-pointer underline",target:"_blank",rel:"noopener",children:"định giá xe chính xác"}),", chúng tôi cam kết mang đến cho bạn trải nghiệm mua bán xe cũ uy tín, với các chiếc ô tô đã qua sử dụng đảm bảo chất lượng cao và giá trị hợp lý nhất trên thị trường.",(0,t.jsx)("br",{}),"Với nền tảng đấu giá xe có sự tham gia của hơn 2000 người và dịch vụ hỗ trợ khách hàng tận tâm, Vucar đảm bảo bạn sẽ được thu mua ô tô cũ giá cao nhất. Chúng tôi cung cấp kiểm tra và định giá xe miễn phí, giúp bạn đưa ra quyết định bán xe thông minh và hiệu quả."]}),x=(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("ul",{className:"grid list-disc grid-cols-2 gap-2 md:grid-cols-7",children:a?(0,t.jsx)(g,{brandParam:a}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h2",{className:"col-span-2 md:col-span-7",children:"Các từ khóa liên quan:"}),n?.map(({label:e,href:a},l)=>(0,t.jsx)("li",{className:"col-span-1 ml-4",children:(0,t.jsxs)(o.Link,{className:"text-sm",href:a,children:["Hãng ",(0,m.capitalizeFirstLetterOfEachWord)(e)]})},l))]})})});if(a||l||s){let e=a?(0,m.capitalizeFirstLetterOfEachWord)(a):"",n=(0,m.generateKeywordsForMetadataPrice)(l??void 0),c=(0,m.generateKeywordsForMetadataMfDate)(s??void 0);r=`Mua b\xe1n xe \xf4 t\xf4 ${e} ${c} ${n} gi\xe1 tốt ${i} tại Vucar`,u=(0,t.jsxs)("p",{className:"text-sm",children:["Tìm kiếm chiếc ",(0,t.jsx)("strong",{children:e})," cũ chất lượng với giá tốt nhất ngay hôm nay tại Vucar, nền tảng mua bán ô tô cũ hàng đầu Việt Nam. Với các dòng xe ô tô ",(0,t.jsx)("strong",{children:e})," đã qua sử dụng, bạn sẽ dễ dàng tìm được chiếc xe ưng ý với giá cả hợp lý và thông tin chi tiết về tình trạng xe.",(0,t.jsx)("br",{}),"Thông tin chi tiết về giá trị xe ",(0,t.jsx)("strong",{children:e})," đã qua sử dụng, giúp bạn đưa ra quyết định nhanh chóng.",(0,t.jsx)("br",{}),"Thông tin xe chính xác và minh bạch: Tất cả xe bán tại Vucar đều được kiểm định kỹ càng, với thông tin rõ ràng về tình trạng, và giá trị xe.",(0,t.jsx)("br",{}),"Giá cả hấp dẫn: Cam kết cung cấp giá tốt nhất trên thị trường cho xe"," ",(0,t.jsx)("strong",{children:e})," cũ, giúp bạn mua hoặc bán xe một cách tiết kiệm và hiệu quả.",(0,t.jsx)("br",{}),"Hãy để Vucar giúp bạn dễ dàng mua bán xe"," ",(0,t.jsx)("strong",{children:e})," cũ một cách an toàn và nhanh chóng. Với công cụ"," ",(0,t.jsx)("a",{href:"https://dinhgiaxe.vucar.vn",className:"cursor-pointer underline",target:"_blank",rel:"noopener",children:"định giá xe chính xác"}),", chúng tôi cam kết mang đến cho bạn trải nghiệm mua bán xe cũ uy tín, với các chiếc ",(0,t.jsx)("strong",{children:e})," đã qua sử dụng đảm bảo chất lượng cao và giá trị hợp lý nhất trên thị trường.",(0,t.jsx)("br",{}),"Với nền tảng đấu giá xe có sự tham gia của hơn 2000 người và dịch vụ hỗ trợ khách hàng tận tâm, Vucar đảm bảo bạn sẽ được thu mua ô tô cũ giá cao nhất. Chúng tôi cung cấp kiểm tra và định giá xe miễn phí, giúp bạn đưa ra quyết định bán xe thông minh và hiệu quả."]})}return(0,t.jsxs)(c.Card,{children:[(0,t.jsx)(c.CardHeader,{className:"text-center",children:(0,t.jsx)("h2",{className:"font-semibold text-2xl leading-none tracking-tight",children:r})}),(0,t.jsx)(c.CardContent,{children:u}),(0,t.jsx)(c.CardFooter,{className:"block",children:x})]})}var b=e.i(515437),j=e.i(677607),f=e.i(755297),y=e.i(635613),N=e.i(120109),w=e.i(508420);e.s([],991793),e.i(991793);var C=e.i(279231),k=e.i(350125),S=e.i(672075),T=e.i(958345),E=e.i(640097),F=e.i(333848),P=e.i(962667),B=e.i(654066),D=e.i(210950),A=e.i(260708),I=e.i(896889);let V=i.createContext(void 0);var _=e.i(295188);let L=((a={}).checked="data-checked",a.unchecked="data-unchecked",a.disabled="data-disabled",a.readonly="data-readonly",a.required="data-required",a.valid="data-valid",a.invalid="data-invalid",a.touched="data-touched",a.dirty="data-dirty",a.filled="data-filled",a.focused="data-focused",a),q={..._.fieldValidityMapping,checked:e=>e?{[L.checked]:""}:{[L.unchecked]:""}};var z=e.i(280249),X=e.i(343320),O=e.i(556925),R=e.i(505993),M=e.i(639128),$=e.i(9676),G=e.i(309349),H=e.i(49634),K=e.i(699661);let W=i.forwardRef(function(e,a){let{checked:l,className:s,defaultChecked:n,"aria-labelledby":r,form:c,id:o,inputRef:d,name:h,nativeButton:m=!1,onCheckedChange:u,readOnly:x=!1,required:p=!1,disabled:g=!1,render:v,uncheckedValue:b,value:j,style:f,...y}=e,{clearErrors:N}=(0,O.useFormContext)(),{state:w,setTouched:I,setDirty:_,validityData:L,setFilled:W,setFocused:Q,shouldValidateOnChange:Y,validationMode:U,disabled:Z,name:J,validation:ee}=(0,z.useFieldRootContext)(),{labelId:ea}=(0,R.useLabelableContext)(),et=Z||g,el=J??h,es=i.useRef(null),en=(0,k.useMergedRefs)(es,d,ee.inputRef),ei=i.useRef(null),er=(0,D.useBaseUiId)(),ec=(0,$.useLabelableId)({id:o,implicit:!1,controlRef:ei}),eo=m?void 0:ec,[ed,eh]=(0,C.useControlled)({controlled:l,default:!!n,name:"Switch",state:"checked"});

1(0,X.useRegisterFieldControl)(ei,er,ed),(0,S.useIsoLayoutEffect)(()=>{es.current&&W(es.current.checked)},[es,W]),(0,K.useValueChanged)(ed,()=>{N(el),_(ed!==L.initialValue),W(ed),Y()?ee.commit(ed):ee.commit(ed,!0)});let{getButtonProps:em,buttonRef:eu}=(0,A.useButton)({disabled:et,native:m}),ex=(0,M.useAriaLabelledBy)(r,ea,es,!m,eo),ep=(0,B.mergeProps)({checked:ed,disabled:et,form:c,id:eo,name:el,required:p,style:el?T.visuallyHiddenInput:T.visuallyHidden,tabIndex:-1,type:"checkbox","aria-hidden":!0,ref:en,onChange(e){if(e.nativeEvent.defaultPrevented)return;if(x)return void e.preventDefault();let a=e.currentTarget.checked,t=(0,G.createChangeEventDetails)(H.REASONS.none,e.nativeEvent);u?.(a,t),t.isCanceled||eh(a)},onFocus(){ei.current?.focus()}},ee.getInputValidationProps,void 0!==j?{value:j}:E.EMPTY_OBJECT),eg=i.useMemo(()=>({...w,checked:ed,disabled:et,readOnly:x,required:p}),[w,ed,et,x,p]),ev=(0,P.useRenderElement)("span",e,{state:eg,ref:[a,ei,eu],props:[{id:m?ec:er,role:"switch","aria-checked":ed,"aria-readonly":x||void 0,"aria-required":p||void 0,"aria-labelledby":ex,onFocus(){et||Q(!0)},onBlur(){let e=es.current;e&&!et&&(I(!0),Q(!1),"onBlur"===U&&ee.commit(e.checked))},onClick(e){if(x||et)return;e.preventDefault();let a=es.current;a&&a.dispatchEvent(new((0,F.ownerWindow)(a)).PointerEvent("click",{bubbles:!0,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey}))}},ee.getValidationProps,y,em],stateAttributesMapping:q});return(0,t.jsxs)(V.Provider,{value:eg,children:[ev,!ed&&el&&void 0!==b&&(0,t.jsx)("input",{type:"hidden",form:c,name:el,value:b}),(0,t.jsx)("input",{...ep,suppressHydrationWarning:!0})]})}),Q=i.forwardRef(function(e,a){let{render:t,className:l,style:s,...n}=e,r=function(){let e=i.useContext(V);if(void 0===e)throw Error((0,I.default)(63));return e}();return(0,P.useRenderElement)("span",e,{state:r,ref:a,stateAttributesMapping:q,props:n})});e.s(["Root",0,W,"Thumb",0,Q],570117);var Y=e.i(570117),Y=Y;let U=({className:e,ref:a,...l})=>(0,t.jsx)(Y.Root,{className:(0,b.cn)("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[checked]:bg-primary data-[unchecked]:bg-input",e),...l,ref:a,children:(0,t.jsx)(Y.Thumb,{className:(0,b.cn)("pointer-events-none block size-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[checked]:translate-x-4 data-[unchecked]:translate-x-0")})});var Z=e.i(664659),J=e.i(655900),ee=e.i(555436),ea=e.i(475254);let et=(0,ea.default)("SlidersHorizontal",[["line",{x1:"21",x2:"14",y1:"4",y2:"4",key:"obuewd"}],["line",{x1:"10",x2:"3",y1:"4",y2:"4",key:"1q6298"}],["line",{x1:"21",x2:"12",y1:"12",y2:"12",key:"1iu8h1"}],["line",{x1:"8",x2:"3",y1:"12",y2:"12",key:"ntss68"}],["line",{x1:"21",x2:"16",y1:"20",y2:"20",key:"14d8ph"}],["line",{x1:"12",x2:"3",y1:"20",y2:"20",key:"m0wm8r"}],["line",{x1:"14",x2:"14",y1:"2",y2:"6",key:"14e1ph"}],["line",{x1:"8",x2:"8",y1:"10",y2:"14",key:"1i6ji0"}],["line",{x1:"16",x2:"16",y1:"18",y2:"22",key:"1lctlv"}]]);var el=e.i(715877),es=e.i(438847),en=e.i(25593),ei=e.i(406310),er=e.i(589907);let ec=e=>{let a=e.split("hang-")[0]||e.split("hang-")[1];return{brandSlug:a?.split("-tai-")[0]===e?"":a?.split("-tai-")[0],locationSlug:a?.split("tai-")[1]}},eo=({brandSlug:e,locationSlug:a})=>({brandName:e?(0,u.capitalizeFirstLetterOfEachWord)(e.replace("_"," ")):"",locationName:er.carLocations.find(e=>e.value===a)?.label??""}),ed=({brandSlug:e,locationSlug:a})=>{let t=(0,n.isEmpty)(e)&&(0,n.isEmpty)(a)?`${d.PageRoute.C2B.BIDDING_FOR_C}`:`${d.PageRoute.C2B.BIDDING}/`;return e?(t+=`hang-${e}`,a&&(t+=`-tai-${a}`)):a&&(t+=`tai-${a}`),t};e.i(204104);var eh=e.i(505664),em=e.i(720135);let eu={q:em.parseAsString,status:(0,em.parseAsArrayOf)(em.parseAsString),phone:em.parseAsString,page:em.parseAsInteger,model:em.parseAsString,year:em.parseAsString,sort:em.parseAsString};(0,eh.createSearchParamsCache)(eu);

1let ex=(0,em.createSerializer)(eu),ep=(e,a)=>{let t={...a};return 1===t.page&&(t.page=null),ex(e,t)};var eg=e.i(993665),ev=e.i(171056),eb=e.i(794391);let ej=(0,ea.default)("ListFilter",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M7 12h10",key:"b7w52i"}],["path",{d:"M10 18h4",key:"1ulq68"}]]);var ef=e.i(785207);function ey({brandsForFilter:e,compact:a=!1}){let{filterSlug:l}=(0,el.useParams)(),i=(0,el.useRouter)(),[r]=(0,es.useQueryStates)(eu,{shallow:!1}),{brandSlug:c,locationSlug:o}=ec(l),{brandName:d}=eo({brandSlug:c});return(0,t.jsxs)("div",{className:"grid h-fit gap-2",children:[!a&&(0,t.jsx)(s.Typography,{variant:"body-md",weight:"semibold",children:"Hãng xe"}),(0,t.jsxs)(ev.Popover,{modal:!0,children:[(0,t.jsxs)(ev.PopoverTrigger,{"data-track":"Tin Xe Filter","data-filter-type":"brand","data-action":"open",render:(0,t.jsx)(j.Button,{"aria-label":"Hãng xe",variant:"outline",role:"combobox",style:{width:"100%"},className:"shrink-0 justify-between font-normal tracking-tighter"}),children:[(0,t.jsxs)("div",{className:"flex flex-row items-center",children:[(0,t.jsx)(eb.CarIcon,{className:"mr-2 size-4"}),c?d:"Hãng xe"]}),(0,t.jsx)(ej,{className:"ml-2 size-4 opacity-50"})]}),(0,t.jsx)(ev.PopoverContent,{style:{padding:0,width:"var(--radix-popover-trigger-width)",maxHeight:"var(--radix-popover-content-available-height)"},children:(0,t.jsxs)(eg.Command,{children:[(0,t.jsx)(eg.CommandInput,{placeholder:"Tìm kiếm hãng xe..."}),(0,t.jsx)(eg.CommandList,{children:(0,t.jsx)(eg.CommandGroup,{className:"h-40 gap-2 overflow-y-auto",children:e.map(e=>({label:(0,u.capitalizeFirstLetterOfEachWord)(e),value:e})).concat({label:ef.otherOption.label,value:"other"}).map(e=>(0,t.jsx)(eg.CommandItem,{className:"flex items-center space-x-2 ps-4 pb-2",value:e.value,onSelect:()=>{let a=e.value.replace(/ /g,"_");(0,ei.trackEvent)("Tin Xe Filter",{ab_variant:"control",filter_type:"brand",value:e.value,action:a===c?"clear":"apply"});let t=ed({brandSlug:a===c?void 0:a,locationSlug:o});i.push(ep(t,{...r,status:(0,n.isEmpty)(r.status)?null:r.status,page:1}),{scroll:!1})},children:e.label},e.value))})})]})})]})]})}var eN=e.i(383861),ew=e.i(346897);function eC(){let{filterSlug:e}=(0,el.useParams)(),a=(0,el.useRouter)(),[l]=(0,es.useQueryStates)(eu,{shallow:!1}),{brandSlug:i,locationSlug:r}=ec(e),{locationName:c}=eo({locationSlug:r});return(0,t.jsxs)("div",{className:"grid h-fit gap-2",children:[(0,t.jsx)(s.Typography,{variant:"body-md",weight:"semibold",children:"Vị trí"}),(0,t.jsxs)(ev.Popover,{modal:!0,children:[(0,t.jsxs)(ev.PopoverTrigger,{"data-track":"Tin Xe Filter","data-filter-type":"location","data-action":"open",render:(0,t.jsx)(j.Button,{"aria-label":"Vị trí",variant:"outline",role:"combobox",style:{width:"100%"},className:"shrink-0 justify-between font-normal tracking-tighter"}),children:[(0,t.jsxs)("div",{className:"flex flex-row items-center",children:[(0,t.jsx)(ew.MapPin,{className:"mr-2 size-4"}),r?c:"Vị trí"]}),(0,t.jsx)(ej,{className:"ml-2 size-4 opacity-50"})]}),(0,t.jsx)(ev.PopoverContent,{style:{padding:0,width:"var(--radix-popover-trigger-width)",maxHeight:"var(--radix-popover-content-available-height)"},children:(0,t.jsxs)(eg.Command,{children:[(0,t.jsx)(eg.CommandInput,{placeholder:"Tìm kiếm vị trí..."}),(0,t.jsx)(eg.CommandList,{children:(0,t.jsx)(eg.CommandGroup,{className:"h-40 gap-2 overflow-y-auto",children:eN.LOCATIONS.map(e=>(0,t.jsx)(eg.CommandItem,{className:"flex items-center space-x-2 ps-4 pb-2",value:e.label,onSelect:()=>{(0,ei.trackEvent)("Tin Xe Filter",{ab_variant:"control",filter_type:"location",value:e.value,action:r===e.value?"clear":"apply"});let t=ed({brandSlug:i,locationSlug:r===e.value?void 0:e.value});a.push(ep(t,{...l,status:(0,n.isEmpty)(l.status)?null:l.status,page:null}),{scroll:!1})},children:e.label},e.value))})})]})})]})]})}var ek=e.i(664101);function eS({modelsForFilter:e}){let[a,l]=(0,es.useQueryStates)(eu,{shallow:!1}),n=a.model;return e.length?(0,t.jsxs)("div",{className:"grid h-fit gap-2",children:[(0,t.jsx)(s.Typography,{variant:"body-md",weight:"semibold",children:"Dòng xe"}),(0,t.jsxs)(ev.Popover,{modal:!0,children:[(0,t.jsxs)(ev.PopoverTrigger,{"data-track":"Tin Xe Filter","data-filter-type":"model","data-action":"open",render:(0,t.jsx)(j.Button,{"aria-label":"Dòng xe",variant:"outline",role:"combobox",style:{width:"100%"},className:"shrink-0 justify-between font-normal tracking-tighter"}),children:[(0,t.jsxs)("div",{className:"flex flex-row items-center",children:[(0,t.jsx)(ek.CarFront,{className:"mr-2 size-4"}),n?(0,u.capitalizeFirstLetterOfEachWordSplittedBySpace)(n):"Dòng xe"]}),(0,t.jsx)(ej,{className:"ml-2 size-4 opacity-50"})]}),(0,t.jsx)(ev.PopoverContent,{style:{padding:0,width:"var(--radix-popover-trigger-width)",maxHeight:"var(--radix-popover-content-available-height)"},children:(0,t.jsxs)(eg.Command,{children:[(0,t.jsx)(eg.CommandInput,{placeholder:"Tìm kiếm dòng xe..."}),(0,t.jsxs)(eg.CommandList,{children:[(0,t.jsx)(eg.CommandEmpty,{children:"Không tìm thấy dòng xe"}),(0,t.jsx)(eg.CommandGroup,{className:"h-40 gap-2 overflow-y-auto",children:e.map(e=>(0,t.jsx)(eg.CommandItem,{className:"flex items-center space-x-2 ps-4 pb-2",value:e,onSelect:()=>{let a=n?.toLowerCase()===e.toLowerCase();(0,ei.trackEvent)("Tin Xe Filter",{ab_variant:"control",filter_type:"model",value:e,action:a?"clear":"apply"}),l({model:a?null:e,page:null})},children:(0,u.capitalizeFirstLetterOfEachWordSplittedBySpace)(e)},e))})]})]})})]})]}):null}let eT=(0,ea.default)("ArrowUpDown",[["path",{d:"m21 16-4 4-4-4",key:"f6ql7i"}],["path",{d:"M17 20V4",key:"1ejh1v"}],["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}]]);var eE=e.i(643531);let eF=[{label:"Nhiều lượt trả giá",value:null},{label:"Mới nhất",value:"newest"},{label:"Năm SX cũ → mới",value:"year_asc"},{label:"Năm SX mới → cũ",value:"year_desc"},{label:"Giá thấp → cao",value:"price_asc"},{label:"Giá cao → thấp",value:"price_desc"}];function eP({compact:e=!1}={}){let[a,l]=(0,es.useQueryStates)(eu,{shallow:!1}),n=a.sort,r=eF.find(e=>e.value===n)?.label,[c,o]=i.useState(!1);return(0,t.jsxs)("div",{className:"grid h-fit gap-2",children:[!e&&(0,t.jsx)(s.Typography,{variant:"body-md",weight:"semibold",children:"Sắp xếp"}),(0,t.jsxs)(ev.Popover,{modal:!0,open:c,onOpenChange:o,children:[(0,t.jsxs)(ev.PopoverTrigger,{"data-track":"Tin Xe Filter","data-filter-type":"sort","data-action":"open",render:(0,t.jsx)(j.Button,{"aria-label":"Sắp xếp",variant:"outline",role:"combobox",style:{width:"100%"},className:"shrink-0 justify-between font-normal tracking-tighter"}),children:[(0,t.jsxs)("div",{className:"flex flex-row items-center",children:[(0,t.jsx)(eT,{className:"mr-2 size-4"}),r??"Sắp xếp"]}),(0,t.jsx)(Z.ChevronDown,{className:"ml-2 size-4 opacity-50"})]}),(0,t.jsx)(ev.PopoverContent,{align:"start",style:{padding:0,width:"var(--radix-popover-trigger-width)"},children:(0,t.jsx)("ul",{className:"py-1",children:eF.map(e=>{let a=n===e.value;return(0,t.jsx)("li",{children:(0,t.jsxs)("button",{type:"button",onClick:()=>{e.value&&(0,ei.trackEvent)("Tin Xe Filter",{ab_variant:"control",filter_type:"sort",value:e.value,action:a?"clear":"apply"}),l({sort:a?null:e.value,page:null}),o(!1)},className:(0,b.cn)("flex w-full items-center justify-between px-4 py-2 text-left text-sm transition-colors hover:bg-slate-50",a&&"font-semibold text-primary"),children:[e.label,a?(0,t.jsx)(eE.Check,{className:"size-4"}):null]})},e.label)})})})]})]})}var eB=e.i(1414),eD=e.i(880177);let eA=[{label:"Đang diễn ra",value:"ACTIVE"},{label:"Đã bán",value:"SOLD"},{label:"Đã kết thúc có trả giá",value:"ENDED"},{label:"Có kiểm định",value:"INSPECTED"}];function eI(){let[e,a]=i.useTransition(),[l,n]=(0,es.useQueryStates)(eu,{shallow:!1});return(0,t.jsxs)("div",{className:"grid h-fit gap-2",children:[(0,t.jsx)(s.Typography,{variant:"body-md",weight:"semibold",children:"Trạng thái phiên đấu giá"}),(0,t.jsx)("div",{className:"space-y-2 ps-2",children:eA.map(s=>{let i=l.status||[];return(0,t.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,t.jsx)(eB.Checkbox,{id:s.value,disabled:e,checked:i.includes(s.value),onCheckedChange:e=>{(0,ei.trackEvent)("Tin Xe Filter",{ab_variant:"control",filter_type:"INSPECTED"===s.value?"inspected":"status",value:s.value,action:e?"apply":"clear"}),a(()=>{let a=e?[...i,s.value]:i.filter(e=>e!==s.value);n({status:a.length>0?a:null,page:null})})}}),(0,t.jsx)(eD.Label,{htmlFor:s.value,className:"font-normal text-sm",children:s.label})]},s.value)})})]})}var eV=e.i(87316);let e_=new Date().getFullYear()+1,eL=Array.from({length:e_-1995+1},(e,a)=>e_-a),eq=({label:e,value:a,onChange:l})=>(0,t.jsxs)("label",{className:"min-w-0 flex-1",children:[(0,t.jsx)("span",{className:"mb-1.5 block font-medium text-slate-500 text-xs",children:e}),(0,t.jsxs)("span",{className:"relative block",children:[(0,t.jsxs)("select",{value:a,onChange:e=>l(e.target.value),className:"h-10 w-full cursor-pointer appearance-none rounded-lg border border-slate-200 bg-white py-2 pr-8 pl-3 font-medium text-slate-800 text-sm transition-colors hover:border-slate-300 focus-visible:border-primary focus-visible:outline-none",children:[(0,t.jsx)("option",{value:"",children:"Bất kỳ"}),eL.map(e=>(0,t.jsx)("option",{value:e,children:e},e))]}),(0,t.jsx)(Z.ChevronDown,{className:"-translate-y-1/2 pointer-events-none absolute top-1/2 right-2.5 size-4 text-slate-400"})]})]});function ez(){var e,a;let[l,n]=(0,es.useQueryStates)(eu,{shallow:!1}),r=(e=>{let[a="",t=""]=(e??"").split("-");return{from:a,to:t}})(l.year),[c,o]=i.useState(!1),[d,h]=i.useState(r.from),[m,u]=i.useState(r.to),x=!!l.year,p=()=>{(0,ei.trackEvent)("Tin Xe Filter",{ab_variant:"control",filter_type:"year",value:l.year,action:"clear"}),n({year:null,page:null}),h(""),u(""),o(!1)};return(0,t.jsxs)("div",{className:"grid h-fit gap-2",children:[(0,t.jsx)(s.Typography,{variant:"body-md",weight:"semibold",children:"Năm sản xuất"}),(0,t.jsxs)(ev.Popover,{modal:!0,open:c,onOpenChange:e=>{e&&(h(r.from),u(r.to)),o(e)},children:[(0,t.jsxs)(ev.PopoverTrigger,{"data-track":"Tin Xe Filter","data-filter-type":"year","data-action":"open",render:(0,t.jsx)(j.Button,{"aria-label":"Năm sản xuất",variant:"outline",role:"combobox",style:{width:"100%"},className:"shrink-0 justify-between font-normal tracking-tighter"}),children:[(0,t.jsxs)("div",{className:"flex flex-row items-center",children:[(0,t.jsx)(eV.Calendar,{className:"mr-2 size-4"}),(e=r.from,a=r.to,e&&a?`${e} – ${a}`:e?`Từ ${e}`:a?`Đến ${a}`:"Năm sản xuất")]}),(0,t.jsx)(Z.ChevronDown,{className:"ml-2 size-4 opacity-50"})]}),(0,t.jsx)(ev.PopoverContent,{align:"start",style:{width:"var(--radix-popover-trigger-width)"},children:(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsxs)("div",{className:"flex items-end gap-3",children:[(0,t.jsx)(eq,{label:"Từ năm",value:d,onChange:h}),(0,t.jsx)("span",{className:"pb-2.5 text-slate-300",children:"–"}),(0,t.jsx)(eq,{label:"Đến năm",value:m,onChange:u})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[x?(0,t.jsx)(j.Button,{variant:"outline",size:"sm",className:"flex-1",onClick:p,children:"Xoá"}):null,(0,t.jsx)(j.Button,{size:"sm",className:"flex-1",disabled:!d&&

1!m,onClick:()=>{if(!d&&!m)return void p();let[e,a]=[d,m];e&&a&&Number(e)>Number(a)&&([e,a]=[a,e]);let t=`${e}-${a}`;(0,ei.trackEvent)("Tin Xe Filter",{ab_variant:"control",filter_type:"year",value:t,action:"apply"}),n({year:t,page:null}),o(!1)},children:"Áp dụng"})]})]})})]})]})}let eX=({brandsForFilter:e,modelsForFilter:a=[]})=>{let{filterSlug:l}=(0,el.useParams)(),n=(0,el.useRouter)(),[r,c]=i.useTransition(),[o,d]=(0,es.useQueryStates)(eu,{shallow:!1}),[h,m]=i.useState(o.q??""),[u,x]=i.useState(!0),[p,g]=i.useState(!1),v="tinxe_filter_sheet_open_control";i.useEffect(()=>{"1"===sessionStorage.getItem(v)&&g(!0)},[]);let C=i.useCallback(e=>{e?sessionStorage.setItem(v,"1"):sessionStorage.removeItem(v),g(e)},[]),{brandSlug:k,locationSlug:S}=ec(l),T=[k,S,o.model,o.year,o.q].filter(Boolean).length+(o.status?.length??0),E=e=>{e.preventDefault(),h&&(0,ei.trackEvent)("Tin Xe Filter",{ab_variant:"control",filter_type:"search",value:h,action:"apply"}),c(()=>{d({q:h||null,page:null})})},F=e=>{m(e),0===e.length&&c(()=>{d({q:null,page:null})})},P=(0,t.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:(0,t.jsxs)("div",{className:"relative inline-flex cursor-pointer items-center gap-2 rounded-xl border bg-white px-3 py-2",children:[(0,t.jsx)(U,{disabled:r,checked:o.status?.includes("INSPECTED")||!1,onCheckedChange:e=>{(0,ei.trackEvent)("Tin Xe Filter",{ab_variant:"control",filter_type:"inspected",action:e?"apply":"clear"}),c(()=>{let a=e?[...o.status||[],"INSPECTED"]:o.status?.filter(e=>"INSPECTED"!==e)||[];d({status:a.length>0?a:null,page:null})})}}),(0,t.jsxs)("div",{className:"flex flex-row items-center gap-2",children:[(0,t.jsx)(en.default,{color:o.status?.includes("INSPECTED")?"#0298F1":"#354754"}),(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)("p",{className:(0,b.cn)("h-fit whitespace-nowrap font-bold text-[#354754] text-[0.625rem]",o.status?.includes("INSPECTED")&&"text-primary"),children:"CHỨNG NHẬN"}),(0,t.jsx)("p",{className:(0,b.cn)("h-fit font-extrabold text-[#354754] text-base uppercase",o.status?.includes("INSPECTED")&&"text-primary"),children:"Vucar"})]})]})]})});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"hidden w-full items-center gap-2.5 rounded-lg bg-white p-4 md:flex",children:(0,t.jsx)("div",{className:"flex flex-1 flex-col items-start gap-6 rounded-xl",children:(0,t.jsxs)(f.Collapsible,{open:u,onOpenChange:x,className:"flex w-full flex-col items-start gap-4 self-stretch",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between gap-2.5 self-stretch",children:[(0,t.jsx)(s.Typography,{variant:"title-md",weight:"semibold",as:"h3",children:"Bộ lọc phiên kết nối"}),(0,t.jsxs)(f.CollapsibleTrigger,{render:(0,t.jsx)(j.Button,{variant:"ghost",size:"icon",className:"rounded-md border"}),children:[u?(0,t.jsx)(J.ChevronUp,{className:"size-4"}):(0,t.jsx)(Z.ChevronDown,{className:"size-4"}),(0,t.jsx)("span",{className:"sr-only",children:"Toggle"})]})]}),(0,t.jsxs)(f.CollapsibleContent,{className:"w-full space-y-4",children:[(0,t.jsxs)("form",{onSubmit:E,className:"flex flex-col items-start gap-2 self-stretch",children:[(0,t.jsx)(s.Typography,{variant:"body-md",weight:"semibold",children:"Tìm kiếm"}),(0,t.jsxs)("div",{className:"relative w-full",children:[(0,t.jsx)(y.Input,{value:h,onChange:e=>F(e.target.value),className:"w-full pl-10",placeholder:"Tìm kiếm xe",type:"search"}),(0,t.jsx)(ee.Search,{className:"-translate-y-1/2 absolute top-1/2 left-3 h-4 w-4 text-gray-500"})]})]}),(0,t.jsx)(N.Separator,{}),(0,t.jsx)(ey,{brandsForFilter:e}),(0,t.jsx)(eS,{modelsForFilter:a}),(0,t.jsx)(N.Separator,{}),(0,t.jsx)(ez,{}),(0,t.jsx)(N.Separator,{}),(0,t.jsx)(eC,{}),(0,t.jsx)(N.Separator,{}),(0,t.jsx)(eP,{}),(0,t.jsx)(N.Separator,{}),(0,t.jsx)(eI,{}),(0,t.jsx)(N.Separator,{}),P]})]})})}),(0,t.jsxs)("div",{className:"flex w-full flex-col gap-3 md:hidden",children:[(0,t.jsxs)("form",{onSubmit:E,className:"relative w-full",children:[(0,t.jsx)(y.Input,{value:h,onChange:e=>F(e.target.value),className:"h-12 w-full rounded-xl border-2 border-slate-200 bg-white pr-4 pl-12 text-base transition-colors focus-visible:border-primary",placeholder:"Bạn đang tìm xe gì?",type:"search"}),(0,t.jsx)(ee.Search,{className:"-translate-y-1/2 absolute top-1/2 left-4 size-5 text-slate-400"})]}),(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-2",children:[(0,t.jsx)(ey,{brandsForFilter:e,compact:!0}),(0,t.jsx)(eP,{compact:!0})]}),(0,t.jsxs)(j.Button,{variant:"outline","data-track":"Tin Xe Filter","data-filter-type":"sheet","data-action":"open",onClick:()=>C(!0),className:"h-11 w-full justify-center gap-2 rounded-full border-slate-200 font-semibold text-slate-700",children:[(0,t.jsx)(et,{className:"size-4"}),"Bộ lọc",T>0?(0,t.jsx)("span",{className:"inline-flex min-w-5 items-center justify-center rounded-full bg-primary px-1.5 font-bold text-white text-xs",children:T}):null]}),(0,t.jsx)(w.Sheet,{open:p,onOpenChange:C,children:(0,t.jsxs)(w.SheetContent,{side:"bottom",className:"max-h-[88vh] gap-0 rounded-t-2xl p-0",children:[(0,t.jsx)(w.SheetHeader,{className:"border-slate-100 border-b px-4 py-3",children:(0,t.jsx)(w.SheetTitle,{children:"Bộ lọc xe"})}),(0,t.jsxs)("div",{className:"flex-1 space-y-4 overflow-y-auto px-4 py-4",children:[(0,t.jsx)(ey,{brandsForFilter:e}),(0,t.jsx)(eS,{modelsForFilter:a}),(0,t.jsx)(ez,{}),(0,t.jsx)(eC,{}),(0,t.jsx)(eP,{}),(0,t.jsx)(eI,{}),P]}),(0,t.jsxs)(w.SheetFooter,{className:"flex-row gap-2 border-slate-100 border-t p-4",children:[(0,t.jsx)(j.Button,{variant:"outline",className:"flex-1",onClick:()=>{(0,ei.trackEvent)("Tin Xe Filter",{ab_variant:"control",filter_type:"clear_all",action:"clear"}),m(""),c(()=>{n.push(ep(ed({}),{q:null,status:null,model:null,year:null,sort:null,phone:o.phone,page:null}),{scroll:!1})}),C(!1)},disabled:0===T,children:"Xoá lọc"}),(0,t.jsx)(j.Button,{className:"flex-1",onClick:()=>C(!1),children:"Xem kết quả"})]})]})})]})]})};var eO=e.i(363712),eR=e.i(37727);function eM(){let{filterSlug:e}=(0,el.useParams)(),a=(0,el.useRouter)(),{brandSlug:l,locationSlug:i}=ec(e),{locationName:r,brandName:c}=eo({brandSlug:l,locationSlug:i}),[o,d]=(0,es.useQueryStates)(eu,{shallow:!1}),h=!!(c||r||o.q||o.phone||o.model||o.year||!(0,n.isEmpty)(o.status)),m=e=>{let t=ed(e);a.push(ep(t,{...o,status:(0,n.isEmpty)(o.status)?null:o.status,page:1}),{scroll:!1})};return(0,t.jsxs)("section",{className:"my-2 flex flex-wrap gap-2",children:[(0,t.jsx)(s.Typography,{variant:"body-md",weight:"semibold",children:"Bộ lọc:"}),c&&(0,t.jsxs)(eO.Badge,{className:"group flex cursor-pointer items-center gap-1",onClick:()=>m({brandSlug:void 0,locationSlug:i}),children:[c,(0,t.jsx)(eR.X,{className:"h-3 w-3 group-hover:text-red-500"})]}),r&&(0,t.jsxs)(eO.Badge,{className:"group flex cursor-pointer items-center gap-1",onClick:()=>m({brandSlug:l,locationSlug:void 0}),children:[r,(0,t.jsx)(eR.X,{className:"h-3 w-3 group-hover:text-red-500"})]}),o.q&&(0,t.jsxs)(eO.Badge,{className:"group flex cursor-pointer items-center gap-1",onClick:()=>{d({q:null})},children:[o.q,(0,t.jsx)(eR.X,{className:"h-3 w-3 group-hover:text-red-500"})]}),o.status&&(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:o.status.map(e=>(0,t.jsxs)(eO.Badge,{className:"group flex cursor-pointer items-center gap-1",onClick:()=>{d({status:o.status?.filter(a=>a!==e).length===0?null:o.status?.filter(a=>a!==e)})},children:["ACTIVE"===e&&"Đang diễn ra","CLOSED"===e&&"Đã kết thúc","SOLD"===e&&"Đã bán","ENDED"===e&&"Đã kết thúc có trả giá","INSPECTED"===e&&"Đã kiểm định",(0,t.jsx)(eR.X,{className:"h-3 w-3 group-hover:text-red-500"})]},e))}),h&&(0,t.jsxs)(eO.Badge,{variant:"outline",className:"group flex cursor-pointer items-center gap-1 border-red-500 text-red-500 hover:bg-red-50",onClick:()=>{let e=ed({brandSlug:void 0,locationSlug:void 0});a.push(ep(e,{q:null,status:null,phone:null,page:null,model:null,year:null,sort:null}))},children:["Xóa tất cả",(0,t.jsx)(eR.X,{className:"h-3 w-3"})]})]})}var e$=e.i(634071),eG=e.i(127145),eH=e.i(871689),eK=e.i(898361),eW=e.i(534842);function eQ({brandName:e}){let[a,l]=(0,i.useState)(!1);return(0,t.jsxs)("div",{className:"overflow-hidden rounded-xl bg-white shadow-xs ring-1 ring-border/50",children:[(0,t.jsxs)("div",{className:"relative p-6",style:{background:"linear-gradient(180deg, #D8F1FF 0%, #A4DEFF 100%)"},children:[(0,t.jsx)("div",{className:"flex items-center",children:(0,t.jsx)(eG.Image,{src:"https://s.vucar.vn/homepage/phien-dau-gia/tin-xe/vucar-logo-xanh.webp",alt:"Vucar Logo",width:100,height:24,className:"h-6 w-auto"})}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"mb-1 max-w-[100%] font-bold text-blue-500 text-sm",children:"Dịch vụ trọn gói"}),(0,t.jsxs)("div",{className:"font-bold text-4xl text-blue-500",children:["Vucar",(0,t.jsx)("br",{}),"A-Z"]})]}),(0,t.jsx)("div",{className:"relative h-[150px] w-[200px]",children:(0,t.jsx)(eG.Image,{src:"https://s.vucar.vn/homepage/phien-dau-gia/tin-xe/vucar-lo-a-z.webp",alt:"Vucar Representative",fill:!0,style:{objectFit:"contain",objectPosition:"right",width:"100%"},className:"z-10 object-cover"})})]})]}),(0,t.jsxs)("div",{className:"bg-white p-5",children:[(0,t.jsx)(s.Typography,{variant:"title-sm",weight:"semibold",className:"line-clamp-1 text-balance text-left",children:"Vucar lo A-Z thủ tục cho bạn"}),(0,t.jsx)(s.Typography,{variant:"body-sm",weight:"regular",className:"mb-4 mt-1 line-clamp-2 text-pretty text-left text-gray-500",children:"Dịch vụ trọn gói, giúp bạn bán xe nhanh, giá tốt. Kết nối người mua tiềm năng..."}),(0,t.jsxs)(w.Sheet,{children:[(0,t.jsx)(w.SheetTrigger,{render:(0,t.jsx)(j.Button,{variant:"primary","data-track":"Tin Xe CTA Click","data-cta":"az",onClick:()=>l(!1)}),children:"Tìm hiểu thêm"}),(0,t.jsxs)(w.SheetContent,{className:"flex h-full w-full flex-col sm:max-w-lg md:max-w-lg",children:[a?(0,t.jsx)(eK.ContentPriceTable,{brandName:e}):(0,t.jsx)(eW.ContentStepsTable,{}),a?(0,t.jsx)(w.SheetFooter,{children:(0,t.jsxs)(j.Button,{variant:"primary",className:"h-12 w-full rounded-md bg-blue-500 text-white",onClick:()=>l(!1),children:["Tìm hiểu quy trình bán xe",(0,t.jsx)(eH.ArrowLeft,{className:"ml-2 h-5 w-5 rotate-180"})]})}):(0,t.jsx)(w.SheetFooter,{children:(0,t.jsxs)(j.Button,{variant:"primary",className:"h-12 w-full rounded-md bg-blue-500 text-white",onClick:()=>l(!0),children:["Bảng chi phí của Vucar",(0,t.jsx)(eH.ArrowLeft,{className:"ml-2 h-5 w-5 rotate-180"})]})})]})]})]})]})}var eY=e.i(585977),eU=e.i(3903),eZ=e.i(826952);function eJ({showCTA:e}){let[a,t]=i.useState(!1);return i.useEffect(()=>{(0,eU.hasCookie)(eZ.COOKIES.OPENED_REENGAGEMENT)&&t(!0)},[]),null}function e0({brandName:e}){let[a,l]=(0,i.useState)(!1);return(0,t.jsxs)("div",{className:"overflow-hidden rounded-xl bg-white shadow-xs ring-1 ring-border/50",children:[(0,t.jsxs)("div",{className:"relative overflow-hidden bg-gradient-to-br from-blue-400 to-blue-500 p-6 text-white",children:[(0,t.jsx)("div",{className:"mb-6 flex items-center",children:(0,t.jsx)(eG.Image,{src:"https://s.vucar.vn/homepage/phien-dau-gia/tin-xe/vucar-logo.webp",alt:"Vucar Logo",width:100,height:24,className:"h-6 w-auto"})}),(0,t.jsxs)("div",{className:"flex h-[126px] items-center justify-between",children:[(0,t.jsx)("div",{className:"relative z-10",children:(0,t.jsx)(s.Typography,{variant:"title-sm",weight:"semibold",className:"mb-6 max-w-[60%] text-white",children:"Nền tảng kết nối bán xe 2000+ người mua của Vucar"})}),(0,t.jsx)("div",{className:"absolute right-0 bottom-0 h-full w-[65%]",children:(0,t.jsx)("div",{className:"relative h-full w-full",children:(0,t.jsx)(eG.Image,{src:"https://s.vucar.vn/homepage/phien-dau-gia/tin-xe/gia-tot-nhat-2000-nguoi.webp",alt:"Vucar representative",fill:!0,style:{objectFit:"contain",objectPosition:"right bottom",width:"100%"},className:"scale-125"})})})]})]}),(0,t.jsxs)("div",{className:"p-5",children:[(0,t.jsx)(s.Typography,{variant:"title-sm",weight:"semibold",className:"line-clamp-1 text-balance text-left",children:"Giá tốt nhất 2000+ người mua cạnh tranh trả giá"}),(0,t.jsx)(s.Typography,{variant:"body-sm",weight:"regular",className:"mb-4 mt-1 line-clamp-2 text-pretty text-left text-gray-500",children:"Dịch vụ trọn gói kiểm định xe tại địa điểm và thời gian bạn mong muốn..."}),(0,t.jsxs)(w.Sheet,{children:[(0,t.jsx)(w.SheetTrigger,{render:(0,t.jsx)(j.Button,{variant:"primary","data-track":"Tin Xe CTA Click","data-cta":"promo",onClick:()=>l(!1)}),children:"Mô hình trả giá của Vucar"}),(0,t.jsxs)(w.SheetContent,{className:"flex h-full w-full flex-col sm:max-w-lg md:max-w-lg",children:[a?(0,t.jsx)(eK.ContentPriceTable,{brandName:e}):(0,t.jsx)(eW.ContentStepsTable,{}),a?(0,t.jsx)(w.SheetFooter,{children:(0,t.jsxs)(j.Button,{variant:"primary",className:"h-12 w-full rounded-md bg-blue-500 text-white",onClick:()=>l(!1),children:["Tìm hiểu quy trình bán xe",(0,t.jsx)(eH.ArrowLeft,{className:"ml-2 h-5 w-5 rotate-180"})]})}):(0,t.jsx)(w.SheetFooter,{children:(0,t.jsxs)(j.Button,{variant:"primary",className:"h-12 w-full rounded-md bg-blue-500 text-white",onClick:()=>l(!0),children:["Bảng chi phí của Vucar",(0,t.jsx)(eH.ArrowLeft,{className:"ml-2 h-5 w-5 rotate-180"})]})})]})]})]})]})}var e1=e.i(673130),e2=e.i(727485);function e4({showCTA:e}){let{sellCarInfo:a}=(0,e1.useSellingStore)(),[l,s]=i.useState(!0);return(i.useEffect(()=>{(0,eU.hasCookie)(eZ.COOKIES.OPENED_REENGAGEMENT)&&s(!1)},[]),l||!e)?null:(0,t.jsx)("div",{className:"col-span-3 my-6 rounded-lg bg-white p-6",children:(0,t.jsxs)("div",{className:"flex flex-col items-center justify-between gap-4 md:flex-row",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-full bg-blue-200",children:(0,t.jsx)(ek.CarFront,{className:"text-blue-500"})}),(0,t.jsxs)("h3",{className:"font-medium text-gray-900 text-lg",children:["Xe"," ",a.brand&&(0,t.jsxs)("span",{className:"text-blue-500",children:[(0,u.getDisplayCarName)({brand:a.brand,model:a.model,variant:a.variant,year:a.year})," "]}),"của bạn có thể bán được bao nhiêu?"]})]}),(0,t.jsx)(e2.PriceNowButton,{buttonName:"Tham khảo",reference:"tin-xe"})]})})}function e5({brandName:e}){let[a,l]=(0,i.useState)(!0);return(0,t.jsxs)("div",{className:"overflow-hidden rounded-xl bg-white shadow-xs ring-1 ring-border/50",children:[(0,t.jsxs)("div",{className:"relative overflow-hidden bg-gradient-to-r from-blue-600 to-blue-400 p-6 text-white",children:[(0,t.jsx)("div",{className:"mb-6 flex items-center justify-between",children:(0,t.jsx)(eG.Image,{src:"https://s.vucar.vn/homepage/phien-dau-gia/tin-xe/vucar-logo.webp",alt:"Vucar Logo",width:100,height:24,className:"h-6 w-auto"})}),(0,t.jsxs)("div",{className:"flex h-[126px] items-center justify-between",children:[(0,t.jsxs)("div",{className:"mb-4",children:[(0,t.jsx)("div",{className:"mb-2 font-medium text-xs",children:"Chính sách hoàn tiền"}),(0,t.jsxs)("h2",{className:"font-bold text-2xl leading-tight",children:["Yên tâm",(0,t.jsx)("br",{}),"bán xe"]})]}),(0,t.jsx)("div",{className:"-bottom-[63px] absolute right-0 h-full w-[65%]",children:(0,t.jsx)("div",{className:"relative h-full w-full",children:(0,t.jsx)(eG.Image,{src:"https://s.vucar.vn/homepage/phien-dau-gia/tin-xe/chinh-sach-hoan-tien.webp",alt:"Audi car with coins",width:400,height:250,className:"scale-125",style:{objectFit:"contain",objectPosition:"right bottom",width:"100%"},priority:!0})})})]})]}),(0,t.jsxs)("div",{className:"bg-white p-4",children:[(0,t.jsx)(s.Typography,{variant:"title-sm",weight:"semibold",className:"line-clamp-1 text-pretty text-left",children:"Chính sách hoàn tiền và hậu mãi giúp bạn yên tâm bán xe!"}),(0,t.jsx)(s.Typography,{variant:"body-sm",weight:"regular",className:"mb-5 line-clamp-2 text-pretty text-left text-gray-500",children:"Hỗ trợ kiểm định tình trạng xe miễn phí, kết nối với người mua cuối cùng, kèm..."}),(0,t.jsxs)(w.Sheet,{children:[(0,t.jsx)(w.SheetTrigger,{render:(0,t.jsx)(j.Button,{variant:"primary","data-track":"Tin Xe CTA Click","data-cta":"refund",onClick:()=>l(!0)}),children:"Tìm hiểu thêm"}),(0

1,t.jsxs)(w.SheetContent,{className:"flex h-full w-full flex-col sm:max-w-lg md:max-w-lg",children:[a?(0,t.jsx)(eK.ContentPriceTable,{brandName:e}):(0,t.jsx)(eW.ContentStepsTable,{}),a?(0,t.jsx)(w.SheetFooter,{children:(0,t.jsxs)(j.Button,{variant:"primary",className:"h-12 w-full rounded-md bg-blue-500 text-white",onClick:()=>l(!1),children:["Tìm hiểu quy trình bán xe",(0,t.jsx)(eH.ArrowLeft,{className:"ml-2 h-5 w-5 rotate-180"})]})}):(0,t.jsx)(w.SheetFooter,{children:(0,t.jsxs)(j.Button,{variant:"primary",className:"h-12 w-full rounded-md bg-blue-500 text-white",onClick:()=>l(!0),children:["Bảng chi phí của Vucar",(0,t.jsx)(eH.ArrowLeft,{className:"ml-2 h-5 w-5 rotate-180"})]})})]})]})]})]})}let e3="(min-width: 1280px) 400px, (min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw";function e6({bidsData:e,brandName:a="",isFilterApplied:l}){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e4,{showCTA:l}),(0,t.jsx)(eJ,{showCTA:l&&e.meta.pagination.totalCampaigns<10}),(0,t.jsxs)("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3",children:[e.data.length?e.data.map((e,l)=>5===l?(0,t.jsxs)(i.Fragment,{children:[(0,t.jsx)("div",{className:"sm:col-span-1",children:(0,t.jsx)(e0,{brandName:a})}),(0,t.jsx)("div",{className:"sm:col-span-2 lg:col-span-3",children:(0,t.jsx)(eY.BannerDGX,{brandName:a})}),(0,t.jsx)("div",{className:"h-full sm:col-span-1",children:(0,t.jsx)(e$.ActiveCampaignCard,{car:e,imageSizes:e3})})]},e.id):7===l?(0,t.jsxs)(i.Fragment,{children:[(0,t.jsx)("div",{className:"sm:col-span-1",children:(0,t.jsx)(eQ,{brandName:a})}),(0,t.jsx)("div",{className:"h-full sm:col-span-1",children:(0,t.jsx)(e$.ActiveCampaignCard,{car:e,imageSizes:e3})})]},e.id):10===l?(0,t.jsxs)(i.Fragment,{children:[(0,t.jsx)("div",{className:"sm:col-span-1",children:(0,t.jsx)(e5,{brandName:a})}),(0,t.jsx)("div",{className:"h-full sm:col-span-1",children:(0,t.jsx)(e$.ActiveCampaignCard,{car:e,imageSizes:e3})})]},e.id):(0,t.jsx)("div",{className:"h-full sm:col-span-1",children:(0,t.jsx)(e$.ActiveCampaignCard,{car:e,imagePriority:l<3,imageSizes:e3})},e.id)):(0,t.jsx)("p",{className:"col-span-full text-center text-sm",children:"Không có xe bạn đang tìm kiếm."}),e.data.length<6&&(0,t.jsx)("div",{className:"sm:col-span-1",children:(0,t.jsx)(e0,{brandName:a})}),5===e.data.length&&(0,t.jsx)("div",{className:"sm:col-span-2 lg:col-span-3",children:(0,t.jsx)(eY.BannerDGX,{brandName:a})}),e.data.length<8&&(0,t.jsx)("div",{className:"sm:col-span-1",children:(0,t.jsx)(eQ,{brandName:a})}),4===e.data.length&&(0,t.jsx)("div",{className:"sm:col-span-2 lg:col-span-3",children:(0,t.jsx)(eY.BannerDGX,{brandName:a})}),e.data.length<11&&(0,t.jsx)("div",{className:"sm:col-span-1",children:(0,t.jsx)(e5,{brandName:a})}),e.data.length<4&&(0,t.jsx)("div",{className:"sm:col-span-2 lg:col-span-3",children:(0,t.jsx)(eY.BannerDGX,{brandName:a})})]})]})}let e8="control",e7=()=>(i.useEffect(()=>{let e=Date.now(),a=e=>{let a=e.target,t=a?.closest("[data-track]");if(!t)return;let{track:l,...s}=t.dataset;if(!l)return;let n={ab_variant:e8};for(let[e,a]of Object.entries(s))n[e.replace(/[A-Z]/g,e=>`_${e.toLowerCase()}`)]=a;(0,ei.trackEvent)(l,n)};document.addEventListener("click",a,!0);let t=!1,l=()=>{"hidden"===document.visibilityState&&(t||(t=!0,(0,ei.trackEvent)("Tin Xe Time On Page",{ab_variant:e8,seconds:Math.round((Date.now()-e)/1e3)})))};return document.addEventListener("visibilitychange",l),()=>{document.removeEventListener("click",a,!0),document.removeEventListener("visibilitychange",l)}},[]),null);e.s(["ListingView",0,function({bidsData:e,query:a,brands:c,modelsForFilter:o,brandSlug:d,locationSlug:h,brandName:m,locationName:u}){let x=a.phone,p=!!(d||h||a.q||a.model||a.year||!(0,n.isEmpty)(a.status)),g=x?(0,t.jsxs)("div",{className:"w-fit rounded-md bg-blue-300 px-3 py-2 text-primary text-sm",children:["Đang lọc theo SĐT: ",(0,t.jsx)("b",{children:x})]}):null,b=e.data.length?(0,t.jsx)(i.Suspense,{fallback:(0,t.jsx)("div",{className:"h-10 w-full animate-pulse rounded-md bg-gray-200"}),children:(0,t.jsx)(r.Pagination,{carCount:e.meta.pagination.totalCampaigns,pageCount:e.meta.pagination.totalPages,label:"phiên",showPageSizeOptions:!1,perPage:12,leftAlign:!0})}):null;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e7,{}),(0,t.jsx)("div",{className:"bg-blue-100",children:(0,t.jsxs)("main",{className:"container mb-10 gap-8 space-y-4 pt-6 pb-8 md:space-y-6 md:py-8",children:[(0,t.jsxs)(s.Typography,{as:"h1",variant:"body-lg",weight:"semibold",className:"sr-only",children:["Mua bán xe ô tô ",d?`${m} `:"","cũ"," ",h?`ở ${u}`:""]}),(0,t.jsx)("section",{className:"grid grid-cols-1 gap-6",children:(0,t.jsxs)("div",{className:"grid gap-6 md:grid-cols-3 lg:grid-cols-4",children:[(0,t.jsxs)("aside",{className:"space-y-4 md:col-span-1",children:[(0,t.jsx)(i.Suspense,{fallback:(0,t.jsx)(l.Skeleton,{className:"h-14 w-full rounded-lg"}),children:(0,t.jsx)(eX,{brandsForFilter:c,modelsForFilter:o})}),g]}),(0,t.jsxs)("div",{className:"space-y-6 md:col-span-2 lg:col-span-3",children:[(0,t.jsx)(s.Typography,{as:"h2",variant:"headline-lg",className:"md:text-[28px] md:leading-[36px]",weight:"bold",children:d||h?`C\xe1c phi\xean đấu gi\xe1 ${d?m:""}

1 ${h?`tại ${u}`:""}`:"Các phiên đấu giá"}),p?(0,t.jsx)(i.Suspense,{fallback:null,children:(0,t.jsx)(eM,{})}):null,(0,t.jsx)("div",{className:"space-y-6",children:(0,t.jsx)(e6,{bidsData:e,isFilterApplied:p,brandName:m})}),b]})]})}),(0,t.jsx)(v,{brands:c,brandParam:d})]})})]})}],223944)}]);