https://www.carmudi.vn/_next/static/chunks/5716-c6eb8050c8f45b45.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5716],{9147:function(e,a,n){var t=n(85893);let s=e=>(0,t.jsx)("i",{className:"".concat(e.icon," ").concat(e.className),onClick:e.onClick});a.Z=s},2839:function(e,a,n){n.d(a,{Z:function(){return i}});var t=n(85893),s=n(25675),l=n.n(s);function i(e){let{light:a=!1}=e;return a?(0,t.jsx)(l(),{src:"/images/logo-carmudi-white.png",width:300,height:100,alt:"Logo CarmudiVN",className:"w-36"}):(0,t.jsx)("img",{width:300,height:100,src:"/images/logo-carmudi.png",alt:"Logo CarmudiVN",className:"w-28"})}},65716:function(e,a,n){n.r(a),n.d(a,{default:function(){return g}});var t=n(85893),s=n(9147),l=n(2839),i=n(31366),d=n(45332),r=n(53597),c=n(5152),o=n.n(c),m=n(11163),h=n(67294);let x=o()(()=>Promise.all([n.e(724),n.e(103),n.e(4267),n.e(9167),n.e(5193),n.e(1249),n.e(5743),n.e(4840),n.e(5113),n.e(7010),n.e(3071),n.e(8186),n.e(437),n.e(3462)]).then(n.bind(n,73462)).then(e=>e.Paper),{loadableGenerated:{webpack:()=>[73462]}}),u=o()(()=>Promise.all([n.e(724),n.e(103),n.e(4267),n.e(9167),n.e(5193),n.e(1249),n.e(5743),n.e(4840),n.e(5113),n.e(7010),n.e(3071),n.e(8186),n.e(437),n.e(3462)]).then(n.bind(n,73462)).then(e=>e.Popper),{loadableGenerated:{webpack:()=>[73462]}}),p=o()(()=>Promise.all([n.e(4434),n.e(3378),n.e(3541)]).then(n.bind(n,63541)).then(e=>e.SubMenuAccount),{loadableGenerated:{webpack:()=>[63541]}}),b=o()(()=>Promise.all([n.e(4434),n.e(3378),n.e(3541)]).then(n.bind(n,63541)).then(e=>e.SubMenuBrands),{loadableGenerated:{webpack:()=>[63541]}}),f=o()(()=>Promise.all([n.e(4434),n.e(3378),n.e(3541)]).then(n.bind(n,63541)).then(e=>e.SubMenuBrandsMobile),{loadableGenerated:{webpack:()=>[63541]}}),w=o()(()=>n.e(8420).then(n.bind(n,68420)),{loadableGenerated:{webpack:()=>[68420]}}),j=o()(()=>n.e(3787).then(n.bind(n,63787)),{loadableGenerated:{webpack:()=>[63787]}}),N=(0,r.Z)(e=>({paper:{marginTop:"14px",padding:"10px 0",boxShadow:"0 0px 10px rgba(0, 0, 0, 0.25)",position:"relative"},arrow:{position:"absolute",top:-6,left:22,"&::before":{content:'""',margin:"auto",display:"block",width:12,height:12,transform:"rotate(45deg)",background:"white"}},arrowRight:{position:"absolute",top:-6,right:22,"&::before":{content:'""',margin:"auto",display:"block",width:12,height:12,transform:"rotate(45deg)",background:"white"}}}));function g(){let e=N(),[a,n]=(0,h.useState)(!1),[r,c]=(0,h.useState)(!1),[o,g]=(0,h.useState)(!1),[v,k]=(0,h.useState)(!1),[y,C]=(0,h.useState)(!1),[M,S]=(0,h.useState)(null),[G,Z]=(0,h.useState)(null),{isLoggedIn:z}=(0,i.a)(),B=()=>{n(!a),k(!1)},P=(0,h.useRef)(null),E=(0,h.useRef)(null),R=e=>{c(!0),S(e.currentTarget)},T=()=>{c(!1),S(null)},F=e=>{g(!0),Z(e.currentTarget)},O=()=>{g(!1),Z(null)},_=()=>{I&&k(e=>!e)},H=()=>{I&&C(e=>!e)};(0,h.useEffect)(()=>{if(!a)return;let e=e=>{var a;(null===(a=E.current)||void 0===a?void 0:a.contains(e.target))||!P.current||P.current.contains(e.target)||n(!1)};return window.addEventListener("click",e),()=>window.removeEventListener("click",e)},[a]);let L=(0,m.useRouter)(),A=L.pathname,I=(0,d.ZP)(),V=()=>{z&&(window.location.href="/my-account/information")};return(0,t.jsx)("header",{"aria-label":"Site Header",className:"bg-white shadow ",children:(0,t.jsxs)("div",{className:"flex flex-1 px-6 py-2 items-center justify-between max-w-screen-xl m-auto flex-wrap",children:[(0,t.jsx)("nav",{className:"bg-white",children:(0,t.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-5",children:[(0,t.jsxs)("button",{onClick:B,"data-collapse-toggle":"navbar-dropdown",type:"button",className:"inline-flex items-center rounded-lg md:hidden","aria-controls":"navbar-dropdown","aria-expanded":"false",children:[(0,t.jsx)("span",{className:"sr-only",children:"Open main menu"}),(0,t.jsx)("svg",{ref:E,className:"w-6 h-6","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"})})]}),(0,t.jsx)("a",{href:"/",className:""==A?"md:mr-5 text-blue md:hover:text-black font-medium":"md:mr-5 md:hover:text-blue",children:(0,t.jsx)(l.Z,{})}),(0,t.jsxs)("div",{ref:P,className:"".concat(a?"left-[0]":"left-[-310px]"," w-[300px] md:static fixed h-full transition-left top-0 z-50 duration-200 md:bg-0 bg-white md:shadow-inherit shadow-lg md:block md:w-auto font-medium"),id:"navbar-dropdown",children:[(0,t.jsxs)("div",{className:"md:hidden flex justify-between p-3 text-xl border-b-[1px]",children:[(0,t.jsx)("a",{href:"/",className:""==A?"md:mr-5 text-blue-400 md:hover:text-black font-medium":"md:mr-5 md:hover:text-blue-400",children:(0,t.jsx)(l.Z,{})}),(0,t.jsx)("span",{onClick:B,className:"icon-x cursor-pointer z-10"})]}),(0,t.jsxs)("ul",{className:"flex flex-col md:p-4 md:flex-row md:space-x-8 text-base",children:[(0,t.jsxs)("li",{className:"px-3 md:px-0 md:hover:text-blue-400",onMouseOver:R,onMouseOut:T,children:[(0,t.jsxs)("div",{onClick:_,className:"flex items-center justify-between cursor-pointer",children:[(0,t.jsx)("p",{className:"".concat(A.startsWith("/xe-o-to")?"text-blue-400 md:hover:text-black":"md:hover:text-blue-400"," block py-2 font-medium rounded md:bg-transparent md:p-0"),children:"Mua xe"}),(0,t.jsx)(s.Z,{icon:"icon-chevron-down",className:"text-xl block w-4"})]}),(0,t.jsx)(u,{className:"z-50",placement:"bottom-start",open:r,anchorEl:M,children:(0,t.jsxs)(x,{className:"".concat(e.paper," md:w-[auto] font-medium hidden md:block"),children:[(0,t.jsx)("div",{className:e.arrow}),(0,t.jsx)(b,{})]})}),(0,t.jsx)("div",{className:"".concat(v?"":"hidden"," md:hidden"),children:(0,t.jsx)(f,{})})]}),(0,t.jsx)("li",{children:(0,t.jsx)("a",{href:"/ban-xe",className:"block py-2 pl-3 pr-4 rounded md:hover:text-blue-400 md:p-0",children:"B\xe1n xe"})}),(0,t.jsx)("li",{children:(0,t.jsx)("a",{href:"/gioi-thieu",className:"block py-2 pl-3 pr-4 rounded md:hover:text-blue-400 md:p-0",children:"Giới thiệu"})}),(0,t.jsx)("li",{children:(0,t.jsx)("a",{href:"/blog-xe-hoi/",className:"block py-2 pl-3 pr-4 rounded md:hover:text-blue-400 md:p-0",children:"Tin tức"})}),(0,t.jsx)("li",{className:"block md:hidden",children:(0,t.jsxs)("div",{className:"py-2 pl-3 pr-4 flex items-center gap-4",children:[(0,t.jsx)("span",{className:"icon-phone"}),(0,t.jsx)("a",{href:"tel:0938119439",children:"0938119439"})]})}),(0,t.jsx)("li",{className:"flex md:hidden",children:(0,t.jsx)("a",{href:"/dang-tin",target:"_blank",className:"m-auto my-4 text-center w-11/12 text-white rounded-sm font-black px-4 py-2 bg-[#F2863B] text-[11px]",rel:"noreferrer",children:"ĐĂNG TIN"})})]})]}),a&&(0,t.jsx)("div",{className:"md:hidden fixed h-full w-full bg-black opacity-40 top-0 left-0 z-30"})]})}),(0,t.jsxs)("div",{className:"flex gap-6 font-medium text-[15px]",children:[(0,t.jsxs)("a",{href:"/dang-tin",className:"hidden md:flex text-white rounded font-bold px-6 py-3 bg-[#F2863B] text-base hover:bg-[#c27640]",children:[(0,t.jsx)("span",{className:"w-6 icon-car-9 text-xl mr-2"}),"ĐĂNG TIN"]}),(0,t.jsxs)("a",{className:"items-center hidden md:inline py-2",href:"tel:+842888897868",children:[(0,t.jsx)(s.Z,{icon:"icon-phone",className:"mr-1 w-3"}),(0,t.jsx)("span",{className:"hidden md:inline",children:"0938119439"})]}),(0,t.jsxs)("div",{className:"py-2",onClick:H,onMouseOver:F,onMouseOut:O,children:[(0,t.jsxs)("div",{className:"flex items-center justify-end cursor-pointer",children:[(0,t.jsx)(s.Z,{icon:"icon-account",className:"w-4 mr-1 ".concat(z?"text-[#1A6FB7]":""),onClick:V}),(0,t.jsx)("button",{className:"hidden md:inline",onClick:V,children:"T\xe0i khoản"}),(0,t.jsx)(s.Z,{icon:"".concat(y?"icon-chevron-up":"icon-chevron-down"),className:"w-4 text-xl ".concat(z?"text-[#1A6FB7]":"")})]}),(0,t.jsx)(u,{className:"z-50",placement:z?"bottom-end":"bottom-start",open:o,anchorEl:G,children:(0,t.jsxs)(x,{className:"".concat(e.paper," md:w-[110px] font-medium hidden md:block"),children:[(0,t.jsx)("div",{className:e.arrowRight}),(0,t.jsx)(p,{})]})})]}),(0,t.jsx)("div",{className:"".concat(y?"absolute top-[42px] right-1 bg-white shadow-md z-[2]":"hidden"," md:hidden"),children:(0,t.jsx)(p,{})})]}),!z&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(j,{}),(0,t.jsx)(w,{})]})]})})}}}]);