https://j2proxy.vn/_next/static/chunks/23628.e34460b063be5f6e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23628,89739],{5035:(e,t,r)=>{r.d(t,{A:()=>x});var l=r(95155),a=r(39180),i=r(64269),s=r(6554),n=r(12115),o=r(82762),d=r(15239);let c={zalo:"/images/images-template-8/zalo.svg",facebook:"/images/images-template-6/facebook.svg",telegram:"/images/images-template-6/telegram.svg",tiktok:"/images/images-template-6/tiktok.svg",youtube:"/images/images-template-6/youtube.svg",social:"/images/images-template-6/global.svg"};function m(){var e,t;let[r,i]=(0,n.useState)(!1),[s,m]=(0,n.useState)({x:0,y:0}),x=(0,n.useRef)(null),f=(0,n.useRef)({isDragging:!1,startX:0,startY:0,originX:0,originY:0,moved:!1}),h=(0,a.r)(e=>e.config),{isMobile:p,open:u}=(0,o.cL)(),g=null!=(t=null==h||null==(e=h.theme)?void 0:e.socials)?t:[],w=(e,t,r,l)=>{let a=window.innerWidth>=640?24:12,i=window.innerHeight-99-l,s=(()=>{if(p)return 0;let e=document.querySelector("[data-slot='sidebar-container']");if(!(e instanceof HTMLElement))return 0;let t=e.getBoundingClientRect();return t.width>0?t.right:0})()+a+a+r-window.innerWidth,n=window.innerHeight-l-12-i;return{x:Math.min(Math.max(e,s),0),y:Math.min(Math.max(t,68-i),n)}};if((0,n.useEffect)(()=>{let e=e=>{x.current&&!x.current.contains(e.target)&&i(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),(0,n.useEffect)(()=>{let e=()=>{var e;let t=null==(e=x.current)?void 0:e.getBoundingClientRect();t&&m(e=>w(e.x,e.y,t.width,t.height))};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[r,p,u]),(0,n.useEffect)(()=>{let e=e=>{var t;let r=f.current,l=null==(t=x.current)?void 0:t.getBoundingClientRect();if(!r.isDragging||!l)return;let a=e.clientX-r.startX,i=e.clientY-r.startY;!r.moved&&(Math.abs(a)>4||Math.abs(i)>4)&&(r.moved=!0),m(w(r.originX+a,r.originY+i,l.width,l.height))},t=()=>{f.current.isDragging&&m(e=>({...e,x:0})),f.current.isDragging=!1};return window.addEventListener("pointermove",e),window.addEventListener("pointerup",t),window.addEventListener("pointercancel",t),()=>{window.removeEventListener("pointermove",e),window.removeEventListener("pointerup",t),window.removeEventListener("pointercancel",t)}},[]),0===g.length)return null;let v=24*g.length+(g.length-1)*8+16;return(0,l.jsxs)("div",{ref:x,className:"fixed right-3 bottom-[99px] z-[99] flex h-10 flex-row items-center rounded-full sm:right-6 ".concat(r?"bg-[rgb(from_var(--primary)_calc(r-9)_calc(g+87)_calc(b+122))]":""),style:{transform:"translate3d(".concat(s.x,"px, ").concat(s.y,"px, 0)")},children:[(0,l.jsx)("div",{className:"flex h-10 flex-row items-center gap-2 overflow-hidden rounded-l-full bg-[rgb(from_var(--primary)_calc(r-9)_calc(g+87)_calc(b+122))] pl-2 transition-all duration-300 ".concat(r?"opacity-100":"w-0 pl-0 opacity-0"," max-w-[calc(100vw-120px)] overflow-x-auto"),style:{width:r?"".concat(v,"px"):"0px"},children:(0,l.jsx)("div",{className:"flex flex-row items-center gap-2",children:g.map((e,t)=>{let r=c[e.name.toLowerCase()]||c.social;return(0,l.jsx)("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:"flex h-6 w-6 items-center justify-center",title:e.name,children:(0,l.jsx)(d.default,{src:r,alt:e.name,width:22,height:22,className:"h-[22px] w-[22px] object-contain"})},t)})})}),(0,l.jsx)("button",{onClick:()=>{if(f.current.moved){f.current.moved=!1;return}i(e=>!e)},onPointerDown:e=>{("mouse"!==e.pointerType||0===e.button)&&(f.current={isDragging:!0,startX:e.clientX,startY:e.clientY,originX:s.x,originY:s.y,moved:!1})},className:"flex h-10 w-auto cursor-pointer items-center justify-center bg-transparent pt-2 transition-all duration-300 ".concat(r?"rounded-[999px_999px_0px_999px]":"rounded-full"," touch-none"),children:(0,l.jsxs)("svg",{width:"46",height:"52",viewBox:"0 0 46 52",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsxs)("g",{filter:"url(#filter0_d_73_3314)",children:[(0,l.jsx)("path",{d:"M6 22C6 10.9543 14.9543 2 26 2C37.0457 2 46 10.9543 46 22V42H26C14.9543 42 6 33.0457 6 22Z",fill:"var(--primary)",shapeRendering:"crispEdges"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.804 31.644C19.1987 31.715 19.599 31.7505 20 31.75C21.2675 31.7517 22.5096 31.395 23.583 30.721C24.357 30.903 25.16

17 31 26 31C31.322 31 35.75 27.03 35.75 22C35.75 16.97 31.322 13 26 13C20.678 13 16.25 16.97 16.25 22C16.25 24.409 17.275 26.587 18.924 28.192C19.156 28.418 19.201 28.62 19.178 28.735C19.0544 29.3571 18.7743 29.9373 18.364 30.421C18.2788 30.5215 18.2217 30.6428 18.1982 30.7724C18.1748 30.9021 18.186 31.0357 18.2306 31.1597C18.2752 31.2836 18.3517 31.3937 18.4523 31.4787C18.553 31.5638 18.6743 31.6208 18.804 31.644ZM22.25 20.875C21.9516 20.875 21.6655 20.9935 21.4545 21.2045C21.2435 21.4155 21.125 21.7016 21.125 22C21.125 22.2984 21.2435 22.5845 21.4545 22.7955C21.6655 23.0065 21.9516 23.125 22.25 23.125C22.5484 23.125 22.8345 23.0065 23.0455 22.7955C23.2565 22.5845 23.375 22.2984 23.375 22C23.375 21.7016 23.2565 21.4155 23.0455 21.2045C22.8345 20.9935 22.5484 20.875 22.25 20.875ZM24.875 22C24.875 21.7016 24.9935 21.4155 25.2045 21.2045C25.4155 20.9935 25.7016 20.875 26 20.875C26.2984 20.875 26.5845 20.9935 26.7955 21.2045C27.0065 21.4155 27.125 21.7016 27.125 22C27.125 22.2984 27.0065 22.5845 26.7955 22.7955C26.5845 23.0065 26.2984 23.125 26 23.125C25.7016 23.125 25.4155 23.0065 25.2045 22.7955C24.9935 22.5845 24.875 22.2984 24.875 22ZM29.75 20.875C29.4516 20.875 29.1655 20.9935 28.9545 21.2045C28.7435 21.4155 28.625 21.7016 28.625 22C28.625 22.2984 28.7435 22.5845 28.9545 22.7955C29.1655 23.0065 29.4516 23.125 29.75 23.125C30.0484 23.125 30.3345 23.0065 30.5455 22.7955C30.7565 22.5845 30.875 22.2984 30.875 22C30.875 21.7016 30.7565 21.4155 30.5455 21.2045C30.3345 20.9935 30.0484 20.875 29.75 20.875Z",fill:"white"})]}),(0,l.jsx)("defs",{children:(0,l.jsxs)("filter",{id:"filter0_d_73_3314",x:"0",y:"0",width:"52",height:"52",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[(0,l.jsx)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,l.jsx)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),(0,l.jsx)("feOffset",{dy:"4"}),(0,l.jsx)("feGaussianBlur",{stdDeviation:"3"}),(0,l.jsx)("feComposite",{in2:"hardAlpha",operator:"out"}),(0,l.jsx)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"}),(0,l.jsx)("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_73_3314"}),(0,l.jsx)("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_73_3314",result:"shape"})]})})]})})]})}function x(e){var t,r;let{children:n,scrollable:o=!0,className:d="",openMarqueeTop:c=!0}=e,x=(0,a.r)(e=>e.config),f=(0,s.S)(e=>e.isAdminPath),h=null!=(r=null==x||null==(t=x.theme)?void 0:t.textmarquee)?r:"",p=(0,l.jsx)("div",{className:"sticky top-0 z-20 -mx-3 -mt-3 flex min-h-[36px] items-center justify-center overflow-hidden px-4 py-2 sm:-mx-6 sm:-mt-6",style:{background:"linear-gradient(90deg, rgb(from var(--primary) calc(r - 25) calc(g + 38) calc(b + 21)) 0%, rgb(from var(--primary) calc(r - 4) calc(g + 70) calc(b + 67)) 50%, rgb(from var(--primary) calc(r + 0) calc(g + 0) calc(b + 0)) 100%)"},children:(0,l.jsxs)("div",{className:"[container-type:inline-size] relative w-full overflow-hidden",children:[(0,l.jsx)("span",{className:"animate-marquee absolute left-full text-[13px] font-normal whitespace-nowrap text-white",children:h}),(0,l.jsx)("span",{className:"invisible text-[13px]",children:"\xa0"})]})});return(0,l.jsx)(l.Fragment,{children:o?(0,l.jsx)("div",{className:"z-0 mx-auto h-[calc(100dvh-3.5rem)] w-full min-w-0 overflow-x-hidden overflow-y-auto bg-[#f5f6fb]",children:(0,l.jsxs)("div",{className:(0,i.cn)("relative mx-auto flex min-h-full w-full max-w-full min-w-0 flex-col gap-4 p-3 sm:p-6","2xl:max-w-none",d),children:[!f&&(0,l.jsx)(m,{}),!f&&c&&h&&p,(0,l.jsx)("div",{className:"flex w-full max-w-full min-w-0 flex-1 pb-6 sm:pb-12",children:n})]})}):(0,l.jsx)("div",{className:"z-0 mx-auto flex h-full w-full bg-[#f5f6fb]",children:(0,l.jsxs)("div",{className:(0,i.cn)("mx-auto flex min-h-full w-full max-w-full min-w-0 flex-col gap-4 p-3 sm:p-6","2xl:max-w-none",d),children:[!f&&(0,l.jsx)(m,{}),!f&&c&&h&&p,(0,l.jsx)("div",{className:"flex w-full max-w-full min-w-0 flex-1 pb-6 sm:pb-8",children:n})]})})})}},6554:(e,t,r)=>{r.d(t,{S:()=>l});let l=(0,r(25959).v)(e=>({pathname:"",isAdminPath:!1,setPathname:t=>e({pathname:t,isAdminPath:t.startsWith("/admin")})}

1))},10081:(e,t,r)=>{r.d(t,{bq:()=>x,eb:()=>u,gC:()=>p,l6:()=>c,yv:()=>m});var l=r(95155),a=r(47887),i=r(12108),s=r(24033),n=r(12115),o=r(43303),d=r(64269);let c=a.bL;a.YJ;let m=a.WT,x=n.forwardRef((e,t)=>{let{className:r,children:i,...s}=e;return(0,l.jsxs)(a.l9,{ref:t,className:(0,d.cn)("border-border-template-5 ring-offset-background data-[placeholder]:text-muted-foreground group flex h-10 w-full cursor-pointer items-center justify-between gap-2 rounded-lg border bg-white px-3 py-2.5 text-sm whitespace-nowrap shadow-[4px_4px_8px_0_var(--shadow-proxy-input))] focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:text-black","data-[state=open]:border-[rgb(from_var(--primary)_calc(r-23)_calc(g-9)_b)]","[&>*:first-child]:min-w-0 [&>*:first-child]:flex-1 [&>*:first-child]:overflow-hidden [&>*:first-child]:text-ellipsis [&>*:first-child]:whitespace-nowrap",r),...s,children:[i,(0,l.jsx)(a.In,{asChild:!0,children:(0,l.jsx)(o.F.CaretDownIcon,{className:"h-4 w-4 shrink-0 text-[rgb(from_var(--primary)_calc(r-92)_calc(g+65)_calc(b+163))] group-data-[state=open]:text-[rgb(from_var(--primary)_calc(r-217)_calc(g-60)_calc(b+38))]"})})]})});x.displayName=a.l9.displayName,n.forwardRef((e,t)=>{let{className:r,children:i,...s}=e;return(0,l.jsxs)(a.l9,{ref:t,className:(0,d.cn)("border-input ring-offset-background data-[placeholder]:text-muted-foreground group flex h-10 w-full cursor-pointer items-center justify-between gap-2 rounded-lg border px-3 py-2.5 text-sm whitespace-nowrap shadow-[4px_4px_8px_0_var(--shadow-proxy-input))] focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1","data-[state=open]:border-[rgb(from_var(--primary)_calc(r-23)_calc(g-9)_b)]",r),...s,children:[i,(0,l.jsx)(a.In,{asChild:!0,children:(0,l.jsx)(o.F.CaretDownIcon,{className:"h-4 w-4 shrink-0 text-[rgb(from_var(--primary)_calc(r-92)_calc(g+65)_calc(b+163))] group-data-[state=open]:text-[rgb(from_var(--primary)_calc(r-217)_calc(g-60)_calc(b+38))]"})})]})}).displayName=a.l9.displayName;let f=n.forwardRef((e,t)=>{let{className:r,...s}=e;return(0,l.jsx)(a.PP,{ref:t,className:(0,d.cn)("flex cursor-default items-center justify-center py-1",r),...s,children:(0,l.jsx)(i.A,{className:"h-4 w-4"})})});f.displayName=a.PP.displayName;let h=n.forwardRef((e,t)=>{let{className:r,...i}=e;return(0,l.jsx)(a.wn,{ref:t,className:(0,d.cn)("flex cursor-default items-center justify-center py-1",r),...i,children:(0,l.jsx)(s.A,{className:"h-4 w-4"})})});h.displayName=a.wn.displayName;let p=n.forwardRef((e,t)=>{let{className:r,children:i,position:s="popper",viewportClassName:n,...o}=e;return(0,l.jsx)(a.ZL,{children:(0,l.jsxs)(a.UC,{ref:t,className:(0,d.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border shadow-md","popper"===s&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",r),position:s,...o,children:[(0,l.jsx)(f,{}),(0,l.jsx)(a.LM,{className:(0,d.cn)("p-1","popper"===s&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",n),children:i}),(0,l.jsx)(h,{})]})})});p.displayName=a.UC.displayName,n.forwardRef((e,t)=>{let{className:r,...i}=e;return(0,l.jsx)(a.JU,{ref:t,className:(0,d.cn)("px-2 py-1.5 text-sm font-semibold",r),...i})}).displayName=a.JU.displayName;let u=n.forwardRef((e,t)=>{let{className:r,children:i,showIndicator:s=!1,...n}=e;return(0,l.jsxs)(a.q7,{ref:t,className:(0,d.cn)("focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center rounded-lg py-1.5 pr-8 pl-2 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r),...n,children:[(0,l.jsx)(a.p4,{children:i}),s&&(0,l.jsx)("span",{className:"absolute right-2.5 flex h-2.5 w-2.5 items-center justify-center text-current",children:(0,l.jsx)(a.VF,{children:(0,l.jsx)(o.F.CheckSmallIcon,{className:"h-2.5 w-2.5"})})})]})});u.displayName=a.q7.displayName,n.forwardRef((e,t)=>

1{let{className:r,...i}=e;return(0,l.jsx)(a.wv,{ref:t,className:(0,d.cn)("bg-muted -mx-1 my-1 h-px",r),...i})}).displayName=a.wv.displayName},20305:(e,t,r)=>{r.d(t,{A:()=>l});var l=(0,r(30313).A)("outline","command","IconCommand",[["path",{d:"M7 9a2 2 0 1 1 2 -2v10a2 2 0 1 1 -2 -2h10a2 2 0 1 1 -2 2v-10a2 2 0 1 1 2 2h-10",key:"svg-0"}]])},30313:(e,t,r)=>{r.d(t,{A:()=>i});var l=r(12115),a={outline:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},filled:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"currentColor",stroke:"none"}};let i=(e,t,r,i)=>{let s=(0,l.forwardRef)((r,s)=>{let{color:n="currentColor",size:o=24,stroke:d=2,title:c,className:m,children:x,...f}=r;return(0,l.createElement)("svg",{ref:s,...a[e],width:o,height:o,className:["tabler-icon","tabler-icon-".concat(t),m].join(" "),..."filled"===e?{fill:n}:{strokeWidth:d,stroke:n},...f},[c&&(0,l.createElement)("title",{key:"svg-title"},c),...i.map(e=>{let[t,r]=e;return(0,l.createElement)(t,r)}),...Array.isArray(x)?x:[x]])});return s.displayName="".concat(r),s}},34212:(e,t,r)=>{r.d(t,{q:()=>l});function l(e,[t,r]){return Math.min(r,Math.max(t,e))}},39180:(e,t,r)=>{r.d(t,{r:()=>a});var l=r(68019);let a=(0,r(25959).v)((e,t)=>({config:null,affiliateProgram:null,setConfig:t=>{var r,a;return e({config:{...t,theme:(null==t?void 0:t.theme)?{...t.theme,textmarquee:null!=(a=null!=(r=t.theme.textmarquee)?r:t.theme.textMarquee)?a:"",...t.theme.logo&&{logo:(0,l.V)(t.theme.logo,t.hostName)},...t.theme["logo-l"]&&{"logo-l":(0,l.V)(t.theme["logo-l"],t.hostName)}}:t.theme}})},setAffiliateProgram:t=>e({affiliateProgram:t}),getRotateUrl:()=>{var e,r;return null==(r=t().config)||null==(e=r.theme)?void 0:e.rotateUrl}}))},50478:(e,t,r)=>{r.r(t),r.d(t,{default:()=>h});var l=r(95155),a=r(12115),i=r(86651),s=r(5035),n=r(52619),o=r.n(n),d=r(15239),c=r(13744),m=r(39180);function x(e){var t;let{blog:r}=e,a=(0,m.r)(e=>e.config),i=null==a?void 0:a.hostName,s=null==a||null==(t=a.theme)?void 0:t.logo,n=r.thumbnail?"https://".concat(i).concat(r.thumbnail.path):s?s.replace("/api/v1",""):"https://placehold.co/368x230/f3f6f6/9fa4a3?text=No+Image";return(0,l.jsx)(o(),{href:"/blogs/".concat(r.slug),className:"group block h-full w-full",children:(0,l.jsxs)("div",{className:"flex h-full w-full flex-col items-start gap-4 roun

1ded-lg border border-[#D4D4D4] bg-white p-4 shadow-[0px_4px_8px_-2px_rgba(0,0,0,0.1),0px_2px_4px_-2px_rgba(0,0,0,0.06)] transition-shadow hover:shadow-md",children:[(0,l.jsx)("div",{className:"relative h-[176px] w-full shrink-0 overflow-hidden rounded-md",children:(0,l.jsx)(d.default,{src:n,alt:r.title,fill:!0,className:"object-cover transition-transform duration-500 group-hover:scale-105",sizes:"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 325px"})}),(0,l.jsxs)("div",{className:"flex w-full flex-1 flex-col items-start gap-3",children:[r.category&&(0,l.jsxs)("div",{className:"flex flex-row items-center justify-center gap-1.5 rounded-full bg-[#F0F9FF] px-[10px] py-[2px] mix-blend-multiply",children:[(0,l.jsx)("div",{className:"relative h-2 w-2",children:(0,l.jsx)("div",{className:"absolute top-[1px] left-[1px] h-1.5 w-1.5 rounded-full bg-[#0EA5E9]"})}),(0,l.jsx)("span",{className:"text-[14px] leading-5 font-normal text-[#0369A1]",style:{fontFamily:"'Be Vietnam Pro', sans-serif"},children:r.category.title})]}),(0,l.jsxs)("div",{className:"flex w-full flex-col items-start gap-1",children:[(0,l.jsx)("h3",{className:"line-clamp-2 w-full text-[14px] leading-5 font-medium text-[#262626]",style:{fontFamily:"'Be Vietnam Pro', sans-serif"},children:r.title}),r.excerpt&&(0,l.jsx)("p",{className:"line-clamp-2 w-full text-[14px] leading-5 font-normal text-[#737373]",style:{fontFamily:"'Be Vietnam Pro', sans-serif"},children:r.excerpt})]}),(0,l.jsxs)("div",{className:"mt-auto flex flex-row items-center gap-1",children:[(0,l.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"text-[#737373]",children:(0,l.jsx)("path",{d:"M5.33333 1.33333V4M10.6667 1.33333V4M3.33333 6.66667H12.6667M2.66667 2.66667H13.3333C14.0697 2.66667 14.6667 3.26362 14.6667 4V13.3333C14.6667 14.0697 14.0697 14.6667 13.3333 14.6667H2.66667C1.93029 14.6667 1.33333 14.0697 1.33333 13.3333V4C1.33333 3.26362 1.93029 2.66667 2.66667 2.66667Z",stroke:"currentColor",strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,l.jsx)("span",{className:"text-[12px] leading-[18px] font-normal text-[#737373]",style:{fontFamily:"'Be Vietnam Pro', sans-serif"},children:c.A.formatDate(r.createdAt)})]})]})]})})}var f=r(10081);function h(e){let{initialBlogs:t=[],initialCategories:r=[]}=e,[n,o]=(0,a.useState)(""),[d,c]=(0,a.useState)(),[m,h]=(0,a.useState)(1),p=t.filter(e=>{var t,r,l;if(d&&(null==(t=e.category)?void 0:t.id)!==d)return!1;if(n){let t=n.toLowerCase();return e.title.toLowerCase().includes(t)||(null==(r=e.excerpt)?void 0:r.toLowerCase().includes(t))||(null==(l=e.tags)?void 0:l.some(e=>e.toLowerCase().includes(t)))}return!0}),u=Math.max(1,Math.ceil(p.length/9)),g=p.slice((m-1)*9,9*m);return(0,l.jsx)(s.A,{openMarqueeTop:!0,className:"over-table",children:(0,l.jsx)("div",{className:"flex h-full w-full flex-1 flex-col px-2 sm:px-4 lg:px-0",children:(0,l.jsxs)("div",{className:"flex w-full flex-1 flex-col overflow-hidden rounded-lg border border-[#E4E4E7] bg-white",children:[(0,l.jsx)("div",{className:"flex h-11 w-full shrink-0 flex-row items-center justify-between border-b border-[#E4E4E7] bg-white px-4",children:(0,l.jsxs)("div",{className:"flex flex-row items-center gap-2",children:[(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"text-[#FF6200]",children:(0,l.jsx)("path",{d:"M18.125 3.75H13.125C12.462 3.75 11.8261 4.01339 11.3572 4.48223C10.8884 4.95107 10.625 5.58696 10.625 6.25V13.1039C10.6272 13.2652 10.5682 13.4213 10.4599 13.5409C10.3517 13.6605 10.2021 13.7346 10.0414 13.7484C9.95591 13.7541 9.87017 13.7422 9.78949 13.7133C9.70882 13.6844 9.63494 13.6393 9.57245 13.5807C9.50995 13.5221 9.46017 13.4512 9.42621 13.3726C9.39224 13.2939 9.37481 13.2091 9.375 13.1234V6.25C9.375 5.58696 9.11161 4.95107 8.64277 4.48223C8.17393 4.01339 7.53804 3.75 6.875 3.75H1.875C1.70924 3.75 1.55027 3.81585 1.43306 3.93306C1.31585 4.05027 1.25 4.20924 1.25 4.375V15.625C1.25 15.7908 1.31585 15.9497 1.43306 16.0669C1.55027 16.1842 1.70924 16.25 1.875 16.25H7.5C7.99647 16.25 8.47267 16.4469 8.82417 16.7975C9.17567 17.1481 9.37376 17.6238 9.375 18.1203C9.3725 18.2479 9.40962 18.3732 9.48126 18.4788C9.5529 18.5844 9.65552 18.6653 9.775 18.7102C9.86985 18.7468 9.97219 18.7597 10.0732 18.7478C10.1741 18.7359 10.2707 18.6995 10.3544 18.6419C10.4381 18.5842 10.5066 18.507 10.5537 18.4169C10.

16009 18.3269 10.6253 18.2267 10.625 18.125C10.625 17.6277 10.8225 17.1508 11.1742 16.7992C11.5258 16.4475 12.0027 16.25 12.5 16.25H18.125C18.2908 16.25 18.4497 16.1842 18.5669 16.0669C18.6842 15.9497 18.75 15.7908 18.75 15.625V4.375C18.75 4.20924 18.6842 4.05027 18.5669 3.93306C18.4497 3.81585 18.2908 3.75 18.125 3.75ZM16.25 13.125H13.1461C12.9848 13.1272 12.8287 13.0682 12.7091 12.9599C12.5895 12.8517 12.5154 12.7021 12.5016 12.5414C12.4959 12.4559 12.5078 12.3702 12.5367 12.2895C12.5656 12.2088 12.6107 12.1349 12.6693 12.0724C12.7279 12.01 12.7988 11.9602 12.8774 11.9262C12.9561 11.8922 13.0409 11.8748 13.1266 11.875H16.2305C16.3918 11.8728 16.5479 11.9318 16.6675 12.0401C16.787 12.1483 16.8612 12.2979 16.875 12.4586C16.8807 12.5441 16.8687 12.6298 16.8399 12.7105C16.811 12.7912 16.7659 12.8651 16.7073 12.9276C16.6486 12.99 16.5778 13.0398 16.4991 13.0738C16.4205 13.1078 16.3357 13.1252 16.25 13.125ZM16.25 10.625H13.1461C12.9848 10.6272 12.8287 10.5682 12.7091 10.4599C12.5895 10.3517 12.5154 10.2021 12.5016 10.0414C12.4959 9.95591 12.5078 9.87017 12.5367 9.78949C12.5656 9.70882 12.6107 9.63494 12.6693 9.57245C12.7279 9.50995 12.7988 9.46017 12.8774 9.42621C12.9561 9.39224 13.0409 9.37481 13.1266 9.375H16.2305C16.3918 9.37283 16.5479 9.43181 16.6675 9.54008C16.787 9.64835 16.8612 9.79788 16.875 9.95859C16.8807 10.0441 16.8687 10.1298 16.8399 10.2105C16.811 10.2912 16.7659 10.3651 16.7073 

110.4276C16.6486 10.49 16.5778 10.5398 16.4991 10.5738C16.4205 10.6078 16.3357 10.6252 16.25 10.625ZM16.25 8.125H13.1461C12.9845 8.12757 12.828 8.06877 12.7081 7.96046C12.5882 7.85215 12.5138 7.7024 12.5 7.54141C12.4943 7.45591 12.5063 7.37017 12.5351 7.28949C12.564 7.20882 12.6091 7.13494 12.6677 7.07245C12.7264 7.00995 12.7972 6.96017 12.8759 6.92621C12.9545 6.89224 13.0393 6.87481 13.125 6.875H16.2289C16.3905 6.87243 16.547 6.93123 16.6669 7.03954C16.7868 7.14785 16.8612 7.2976 16.875 7.45859C16.8807 7.54409 16.8687 7.62983 16.8399 7.71051C16.811 7.79118 16.7659 7.86506 16.7073 7.92755C16.6486 7.99005 16.5778 8.03983 16.4991 8.07379C16.4205 8.10776 16.3357 8.12519 16.25 8.125Z",fill:"currentColor"})}),(0,l.jsx)("span",{className:"text-[14px] leading-5 font-semibold text-[#262626]",style:{fontFamily:"'Be Vietnam Pro', sans-serif"},children:"Blog"})]})}),(0,l.jsxs)("div",{className:"flex w-full flex-1 flex-col gap-5 p-4",children:[(0,l.jsxs)("div",{className:"flex w-full flex-row items-center gap-4",children:[(0,l.jsxs)("div",{className:"box-border flex h-[38px] flex-1 flex-row items-center gap-3 rounded border border-[#D4D4D4] bg-white px-3",children:[(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"text-[#737373]",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.75 3.75C5.98858 3.75 3.75 5.98858 3.75 8.75C3.75 11.5114 5.98858 13.75 8.75 13.75C11.5114 13.75 13.75 11.5114 13.75 8.75C13.75 5.98858 11.5114 3.75 8.75 3.75ZM2.08333 8.75C2.08333 5.0681 5.0681 2.08333 8.75 2.08333C12.4319 2.08333 15.4167 5.0681 15.4167 8.75C15.4167 10.367 14.8415 11.8497 13.8967 13.003L17.7559 16.8623C18.0814 17.1877 18.0814 17.7153 17.7559 18.0408C17.4305 18.3662 16.9029 18.3662 16.5774 18.0408L12.7182 14.1815C11.5649 15.1263 10.0822 15.7014 8.46528 15.7014C4.78338 15.7014 1.79861 12.7166 1.79861 9.03472V8.75Z",fill:"currentColor"})}),(0,l.jsx)("input",{type:"text",placeholder:"T\xecm kiếm b\xe0i viết",value:n,onChange:e=>{o(e.target.value),h(1)},className:"h-full min-w-0 flex-1 border-none bg-transparent text-[14px] leading-5 font-normal text-black outline-none placeholder:text-[#737373]",style:{fontFamily:"'Be Vietnam Pro', sans-serif"}})]}),(0,l.jsxs)(f.l6,{value:null!=d?d:"all",onValueChange:e=>{c("all"===e?void 0:e),h(1)},children:[(0,l.jsx)(f.bq,{className:"box-border flex h-[38px] w-[157px] flex-row items-center justify-between rounded border border-[#D4D4D4] bg-white px-4 text-[14px] font-medium text-[#262626] shadow-none outline-none focus:ring-0 [&>span]:text-[#262626] data-[placeholder]:[&>span]:text-[#737373]",children:(0,l.jsx)(f.yv,{placeholder:"Danh mục"})}),(0,l.jsx)(f.gC,{className:"w-[var(--radix-select-trigger-width)] min-w-[var(--radix-select-trigger-width)] rounded border border-[#D4D4D4] bg-white p-0 shadow-sm",children:(0,l.jsxs)("div",{className:"flex w-full min-w-0 flex-col gap-1 p-2.5",children:[(0,l.jsx)(f.eb,{value:"all",className:"h-8 rounded-sm px-2.5 py-1.5 text-[14px] leading-5 font-normal text-[#262626] focus:bg-[#F5F5F5] focus:text-[#262626] data-[state=checked]:bg-[#F5F5F5]",children:"Tất cả danh mục"}),r.map(e=>(0,l.jsx)(f.eb,{value:e.id,className:"h-8 rounded-sm px-2.5 py-1.5 text-[14px] leading-5 font-normal text-[#262626] focus:bg-[#F5F5F5] focus:text-[#262626] data-[state=checked]:bg-[#F5F5F5]",children:e.title},e.id))]})})]})]}),0===p.length?(0,l.jsxs)("div",{className:"flex w-full flex-col items-center justify-center rounded-lg bg-white px-4 py-12 text-center sm:py-20",children:[(0,l.jsx)("div",{className:"mb-4 rounded-full bg-[#E2E5E5] p-4 sm:mb-6 sm:p-6",children:(0,l.jsx)(i.A,{className:"h-10 w-10 text-[#9FA4A3] sm:h-16 sm:w-16"})}),(0,l.jsx)("h3",{className:"mb-2 text-base font-bold text-black sm:mb-3 sm:text-xl",children:"Kh\xf4ng t\xecm thấy b\xe0i viết"}),(0,l.jsx)("p",{className:"text-sm text-[#737373] sm:text-base",children:n?"Thử t\xecm kiếm với từ kh\xf3a kh\xe1c":"Chưa c\xf3 b\xe0i viết n\xe0o"})]}):(0,l.jsx)("div",{className:"grid w-full grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",children:g.map(e=>(0,l.jsx)(x,{blog:e},e.id))}),p.length>0&&(0,l.jsx)("div",{className:"mt-auto flex w-full flex-row items-center justify-end pt-4",children:(0,l.jsxs)("div",{className:"flex h-9 flex-row items-center overflow-hidden rounded border border-[#D4D4D4]",children:[(0,l.jsx)("button",{disabled:1===m,onClick:()=>h(e=>Math.max(1,e-1)),className:"flex h-9 w-9 items-center justify-center bg-[#F5F5F5] hover:bg-[#

1E5E5E5] disabled:cursor-not-allowed disabled:opacity-50",children:(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"rotate-180",children:(0,l.jsx)("path",{d:"M7.5 5L12.5 10L7.5 15",stroke:"black",strokeWidth:"1.16667",strokeLinecap:"round",strokeLinejoin:"round"})})}),Array.from({length:u}).map((e,t)=>{let r=t+1,a=r===m;return u<=5||1===r||r===u||r>=m-1&&r<=m+1?(0,l.jsx)("button",{onClick:()=>h(r),className:"flex h-9 items-center justify-center border-r border-[#E5E7EB] px-3 py-2 text-[14px] leading-5 font-normal transition-colors ".concat(a?"bg-white font-medium text-[#262626]":"bg-[#F5F5F5] text-[#737373] hover:bg-[#E5E5E5]"),children:r},r):r===m-2||r===m+2?(0,l.jsx)("div",{className:"flex h-9 items-center justify-center border-r border-[#E5E7EB] bg-[#F5F5F5] px-2 py-2 text-[#737373]",children:"..."},r):null}),(0,l.jsx)("button",{disabled:m===u,onClick:()=>h(e=>Math.min(u,e+1)),className:"flex h-9 w-9 items-center justify-center border-l border-[#E5E7EB] bg-[#F5F5F5] hover:bg-[#E5E5E5] disabled:cursor-not-allowed disabled:opacity-50",children:(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M7.5 5L12.5 10L7.5 15",stroke:"black",strokeWidth:"1.16667",strokeLinecap:"round",strokeLinejoin:"round"})})})]})})]})]})})})}},57268:(e,t,r)=>{r.d(t,{b:()=>d});var l=r(12115),a=r(97602),i=r(95155),s="horizontal",n=["horizontal","vertical"],o=l.forwardRef((e,t)=>{var r;let{decorative:l,orientation:o=s,...d}=e,c=(r=o,n.includes(r))?o:s;return(0,i.jsx)(a.sG.div,{"data-orientation":c,...l?{role:"none"}:{"aria-orientation":"vertical"===c?c:void 0,role:"separator"},...d,ref:t})});o.displayName="Separator";var d=o},65142:(e,t,r)=>{r.d(t,{p:()=>i});var l=r(95155);r(12115);var a=r(64269);function i(e){let{className:t,type:r,...i}=e;return(0,l.jsx)("input",{type:r,"data-slot":"input",className:(0,a.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-primary focus-visible:ring-primary/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t),...i})}},66218:(e,t,r)=>{r.d(t,{jH:()=>i});var l=r(12115);r(95155);var a=l.createContext(void 0);function i(e){let t=l.useContext(a);return e||t||"ltr"}},68019:(e,t,r)=>{r.d(t,{V:()=>l});let l=(e,t)=>{if(!e||"string"!=typeof e)return"";let r=e.trim();if(r.startsWith("https://")||r.startsWith("http://"))return r.replace("/api/v1","");if((e=>e.startsWith("/api/v1/files")||e.startsWith("/files/")||e.includes("/files/"))(r)){let e="https://api.homeproxy.vn".replace(/\/$/,"");if(e){let t=r.startsWith("/")?r:"/".concat(r);return"".concat(e).concat(t).replace("/api/v1","")}}let l=(t||"https://app.homeproxy.vn").trim().replace(/^https?:\/\//,"").replace(/\/$/,"");return l?r.startsWith("/")?"https://".concat(l).concat(r).replace("/api/v1",""):"https://".concat(l,"/").concat(r).replace("/api/v1",""):r}},77931:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(71847).A)("PanelLeft",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}]])},86651:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(71847).A)("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]])}}]);