https://j2proxy.vn/_next/static/chunks/27895.6adb9bc7812e2fed.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27895],{6259:(e,t,l)=>{l.d(t,{SQ:()=>o,_2:()=>d,lp:()=>c,mB:()=>x,rI:()=>s,ty:()=>i});var n=l(95155);l(12115);var a=l(47971),r=l(64269);function s(e){let{...t}=e;return(0,n.jsx)(a.bL,{"data-slot":"dropdown-menu",...t})}function i(e){let{...t}=e;return(0,n.jsx)(a.l9,{"data-slot":"dropdown-menu-trigger",...t})}function o(e){let{className:t,sideOffset:l=4,...s}=e;return(0,n.jsx)(a.ZL,{children:(0,n.jsx)(a.UC,{"data-slot":"dropdown-menu-content",sideOffset:l,className:(0,r.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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",t),...s})})}function d(e){let{className:t,inset:l,variant:s="default",...i}=e;return(0,n.jsx)(a.q7,{"data-slot":"dropdown-menu-item","data-inset":l,"data-variant":s,className:(0,r.cn)("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...i})}function c(e){let{className:t,inset:l,...s}=e;return(0,n.jsx)(a.JU,{"data-slot":"dropdown-menu-label","data-inset":l,className:(0,r.cn)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t),...s})}function x(e){let{className:t,...l}=e;return(0,n.jsx)(a.wv,{"data-slot":"dropdown-menu-separator",className:(0,r.cn)("bg-border -mx-1 my-1 h-px",t),...l})}},24033:(e,t,l)=>{l.d(t,{A:()=>n});let n=(0,l(71847).A)("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]])},25959:(e,t,l)=>{l.d(t,{v:()=>s});var n=l(12115);let a=e=>{let t,l=new Set,n=(e,n)=>{let a="function"==typeof e?e(t):e;if(!Object.is(a,t)){let e=t;t=(null!=n?n:"object"!=typeof a||null===a)?a:Object.assign({},t,a),l.forEach(l=>l(t,e))}},a=()=>t,r={setState:n,getState:a,getInitialState:()=>s,subscribe:e=>(l.add(e),()=>l.delete(e))},s=t=e(n,a,r);return r},r=e=>{let t=(e=>e?a(e):a)(e),l=e=>(function(e,t=e=>e){let l=n.useSyncExternalStore(e.subscribe,()=>t(e.getState()),()=>t(e.getInitialState()));return n.useDebugValue(l),l})(t,e);return Object.assign(l,t),l},s=e=>e?r(e):r},28785:(e,t,l)=>{l.r(t),l.d(t,{default:()=>w});var n=l(95155),a=l(12115),r=l(86651),s=l(65229),i=l(24033),o=l(64269),d=l(6259),c=l(52619),x=l.n(c),u=l(15239),p=l(42196),m=l(13744),f=l(39180);function h(e){var t,l,a,r,s,i;let{blog:o}=e,d=(0,f.r)(e=>e.config),c=null==d?void 0:d.hostName,h=o.thumbnail?"https://".concat(c).concat(o.thumbnail.path):null;return(0,n.jsx)(x(),{href:"/blogs/".concat(o.slug),className:"group block h-full w-full",children:(0,n.jsxs)("div",{className:"flex h-full w-full flex-col items-start gap-3 rounded-2xl border border-[#D7D9DF] bg-white p-4 transition-all duration-300 hover:-translate-y-1 hover:border-[rgb(from_var(--primary)_calc(r+22)_calc(g+22)_calc(b+24))] hover:shadow-[0px_2px_6px_rgb(from_var(--primary)_r_g_b_/_0.25)]",children:[(0,n.jsxs)("div",{className:"flex w-full flex-row flex-wrap items-center gap-1",children:[null==(t=o.tags)?void 0:t.slice(0,4).map(e=>(0,n.jsx)("span",{className:"font-nunito box-border flex items-center justify-center rounded px-1 py-0.5 text-[12px] leading-[16px] font-normal text-[#91ADBE]",style:{border:"0.5px solid #91ADBE"},children:e},e)),(!o.tags||0===o.tags.length)&&(0,n.jsx)("span",{className:"font-nunito box-border flex items-center justify-center rounded px-1 py-0.5 text-[12px] leading-[16

1px] font-normal text-[#91ADBE]",style:{border:"0.5px solid #91ADBE"},children:(null==(l=o.category)?void 0:l.title)||"Blog"})]}),h?(0,n.jsx)("div",{className:"relative h-[160px] w-full shrink-0 overflow-hidden rounded-xl md:h-[180px]",children:(0,n.jsx)(u.default,{src:h,alt:o.title,fill:!0,className:"object-cover transition-transform duration-500 group-hover:scale-105",sizes:"(max-width: 768px) 100vw, 288px"})}):(0,n.jsx)("div",{className:"flex h-[160px] w-full shrink-0 items-center justify-center rounded-xl border md:h-[180px]",style:{background:"linear-gradient(180deg, #F4FCFF 0%, #DCEAF4 100%)",borderColor:"#DFF6FF"},children:(0,n.jsx)("div",{className:"flex h-[88px] w-[88px] items-center justify-center rounded-full bg-[#F4FCFF]",children:(0,n.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-full bg-[#CBDEEB]",children:(0,n.jsx)(p.A,{className:"text-primary h-6 w-6",strokeWidth:1.5})})})}),(0,n.jsxs)("div",{className:"flex min-h-0 w-full flex-1 flex-col items-start gap-1",children:[(0,n.jsx)("h3",{className:"font-nunito group-hover:text-primary line-clamp-2 w-full text-[14px] leading-[19px] font-bold text-black transition-colors",children:o.title}),o.excerpt&&(0,n.jsx)("p",{className:"font-nunito line-clamp-2 w-full text-[12px] leading-[16px] font-normal text-[#91ADBE]",children:o.excerpt})]}),(0,n.jsxs)("div",{className:"mt-auto flex w-full flex-row items-center gap-2 pt-2",children:[(0,n.jsx)("div",{className:"relative h-8 w-8 shrink-0 overflow-hidden rounded-full",children:(0,n.jsx)(u.default,{src:"/images/images-template-6/userTemplate6.svg",alt:"".concat((null==(a=o.author)?void 0:a.firstName)||""," ").concat((null==(r=o.author)?void 0:r.lastName)||""),fill:!0,className:"object-cover"})}),(0,n.jsxs)("div",{className:"flex min-w-0 flex-col items-start gap-1",children:[(0,n.jsxs)("span",{className:"font-nunito truncate text-[14px] leading-[19px] font-bold text-black",children:[null==(s=o.author)?void 0:s.firstName," ",null==(i=o.author)?void 0:i.lastName]}),(0,n.jsxs)("div",{className:"flex flex-row flex-wrap items-center gap-1",children:[(0,n.jsx)("span",{className:"font-nunito text-primary text-[10px] leading-[14px] font-normal",children:m.A.formatDate(o.createdAt)}),(0,n.jsx)("span",{className:"font-nunito text-primary text-[10px] leading-[14px] font-normal",children:"5 ph\xfat đọc"})]})]})]})]})})}function g(e){let{currentPage:t,totalPages:l,totalResults:a,onPageChange:r,className:s}=e,i=t>1,d=t<l;return(0,n.jsxs)("nav",{"aria-label":"Ph\xe2n trang blog",className:(0,o.cn)("flex w-full items-center justify-between border-t pt-3",s),style:{borderColor:"#D7D9DF"},children:[(0,n.jsxs)("span",{className:"font-nunito text-[14px] leading-[19px] font-normal text-[#64748B]",children:["Hiển thị ",a," kết quả"]}),(0,n.jsxs)("div",{className:"flex flex-row items-center gap-2",children:[(0,n.jsx)("button",{type:"button","aria-label":"Trang trước",className:(0,o.cn)("box-border flex h-[30px] w-[30px] items-center justify-center rounded-lg border bg-white transition-colors",i?"cursor-pointer hover:bg-gray-50":"cursor-not-allowed opacity-50"),style:{borderColor:"#E5E7EB"},onClick:()=>i&&r(t-1),disabled:!i,children:(0,n.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:(0,n.jsx)("path",{d:"M10 3.5L5.5 8L10 12.5",stroke:"#64748B",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,n.jsxs)("span",{className:"font-nunito flex h-[19px] items-center px-3 text-[14px] leading-[19px] font-normal text-black",children:["Trang ",t]}),(0,n.jsx)("button",{type:"button","aria-label":"Trang sau",className:(0,o.cn)("box-border flex h-[30px] w-[30px] items-center justify-center rounded-lg border bg-white transition-colors",d?"cursor-pointer hover:bg-gray-50":"cursor-not-allowed opacity-50"),style:{borderColor:"#E5E7EB"},onClick:()=>d&&r(t+1),disabled:!d,children:(0,n.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:(0,n.jsx)("path",{d:"M6 3.5L10.5 8L6 12.5",stroke:"#64748B",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}var b=l(32830),v=l(45131);function w(e){var t;let{initialBlogs:l,initialCategories:c}=e,[x,u]=(0,a.useState)(""),[p,m]=(0,a.useState)(),[f,w]=(0,a.useState)(1),j=null!=l?l:[],y=null!=c?c:[],N=j.filter(e=>{var t,l,n;if(p&&(null==(t=e.category)?void 0:t.id)!==p)return!1;if(x){let t=x.toLowerCase();return e.title.toLowerCase().includes(t)||(null==(l=e.excerpt)?void 0:l.toLowerCase().includes(t))||(null==(n=e.tags)?void 0:n.some(e=>e.toLowerCase().includes(t)))}return!0}),k=y.flatMap(e=>[e,...e.children||[]]),A=e=>{m(e),u("")};(0,a.useEffect)(()=>{w(1)},[x,p]);let F=Math.max(1,Math.ceil(N.length/8)),C=Math.min(f,F),_=N.slice((C-1)*8,8*C);return(0,n.jsx)(b.A,{openMarqueeTop:!0,scrollable:!0,children:(0,n.jsxs)("div",{className:"flex w-full flex-col items-start gap-4",children:[(0,n.jsx)(v.D,{title:"Blog",titleClassName:"font-nunito flex h-[25px] items-center gap-2.5 text-[18px] leading-[25px] tracking-normal sm:text-[18px]"}),(0,n.jsxs)("div",{className:"flex w-full flex-col items-start gap-4 roun

1ded-2xl bg-white p-4 md:p-6",children:[(0,n.jsx)("div",{className:"flex w-full flex-row items-start gap-6 border-b pb-3",style:{borderColor:"#DEDFE2"},children:(0,n.jsxs)("div",{className:"flex h-11 w-full flex-row items-center gap-2 rounded-full border border-[#DEDFE2] bg-white px-4",children:[(0,n.jsx)(r.A,{className:"h-5 w-5 shrink-0 text-[#83878F]"}),(0,n.jsx)("input",{type:"text",placeholder:"T\xecm kiếm...",value:x,onChange:e=>u(e.target.value),className:"font-nunito h-full flex-1 border-none bg-transparent text-[14px] leading-[19px] font-normal text-black outline-none placeholder:font-normal placeholder:text-[#AAACB0]"}),x&&(0,n.jsx)("button",{onClick:()=>u(""),className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-[#AAACB0] hover:bg-[#91ADBE]",children:(0,n.jsx)(s.A,{className:"h-3 w-3 text-white"})})]})}),(0,n.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-end gap-4",children:[(0,n.jsxs)("button",{onClick:()=>A(void 0),className:(0,o.cn)("font-nunito flex cursor-pointer items-center justify-center rounded-full px-3 py-1 text-[12px] leading-[16px] font-bold transition-all md:px-4 md:py-1.5 md:text-[14px] md:leading-[19px]",p?"bg-white text-[#0A3448] hover:bg-[#F1FBFF]":"bg-primary text-white"),children:["Tất cả (",j.length,")"]}),y.map(e=>{var t,l;let a=e.children&&e.children.length>0,r=p===e.id||(null==(t=e.children)?void 0:t.some(e=>e.id===p));return a?(0,n.jsxs)(d.rI,{children:[(0,n.jsx)(d.ty,{asChild:!0,children:(0,n.jsxs)("button",{className:(0,o.cn)("font-nunito flex cursor-pointer items-center justify-center gap-1 rounded-full px-3 py-1 text-[12px] leading-[16px] font-bold transition-all md:px-4 md:py-1.5 md:text-[14px] md:leading-[19px]",r?"bg-primary text-white":"bg-white text-[#0A3448] hover:bg-[#F1FBFF]"),children:[e.title,(0,n.jsx)(i.A,{className:"h-3 w-3 md:h-4 md:w-4"})]})}),(0,n.jsxs)(d.SQ,{align:"start",className:"min-w-[180px] rounded-lg border-[#ADC5D4] bg-white shadow-lg",children:[(0,n.jsxs)(d._2,{onClick:()=>A(e.id),className:"font-nunito cursor-pointer py-2 text-[14px] font-bold text-[#0A3448] hover:bg-[#F1FBFF]",children:[e.title," (Tất cả)"]}),null==(l=e.children)?void 0:l.map(e=>(0,n.jsx)(d._2,{onClick:()=>A(e.id),className:"font-nunito cursor-pointer py-2 pl-4 text-[14px] font-normal text-[#0A3448] hover:bg-[#F1FBFF]",children:e.title},e.id))]})]},e.id):(0,n.jsx)("button",{onClick:()=>A(e.id),className:(0,o.cn)("font-nunito flex cursor-pointer items-center justify-center rounded-full px-3 py-1 text-[12px] leading-[16px] font-bold transition-all md:px-4 md:py-1.5 md:text-[14px] md:leading-[19px]",p===e.id?"bg-primary text-white":"bg-white text-[#0A3448] hover:bg-[#F1FBFF]"),children:e.title},e.id)})]}),(p||x)&&(0,n.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-between gap-3 rounded-lg bg-white p-3",children:[(0,n.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,n.jsx)("span",{className:"font-nunito text-[12px] leading-[16px] font-normal text-[#91ADBE] md:text-[14px] md:leading-[19px]",children:"Đang lọc:"}),p&&(0,n.jsx)("span",{className:"font-nunito bg-primary/10 text-primary flex items-center gap-1 rounded-full px-2 py-0.5 text-[12px] leading-[16px] font-bold md:text-[14px] md:leading-[19px]",children:null==(t=k.find(e=>e.id===p))?void 0:t.title}),x&&(0,n.jsxs)("span",{className:"font-nunito bg-primary/10 text-primary flex items-center gap-1 rounded-full px-2 py-0.5 text-[12px] leading-[16px] font-bold md:text-[14px] md:leading-[19px]",children:['"',x,'"',(0,n.jsx)("button",{onClick:()=>u(""),className:"hover:text-primary/70",children:(0,n.jsx)(s.A,{className:"h-3 w-3"})})]})]}),(0,n.jsxs)("button",{onClick:()=>{u(""),m(void 0)},className:"font-nunito flex items-center gap-1 text-[12px] leading-[16px] font-normal text-[#91ADBE] transition-all hover:text-red-500 md:text-[14px] md:leading-[19px]",children:[(0,n.jsx)(s.A,{className:"h-3 w-3 md:h-4 md:w-4"}),"X\xf3a tất cả"]})]}),N.length>0?(0,n.jsxs)("div",{className:"flex w-full flex-col items-center gap-4",children:[(0,n.jsx)("div",{className:"grid w-full grid-cols-1 items-stretch gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",children:_.map(e=>(0,n.jsx)(h,{blog:e},e.id))}),(0,n.jsx)(g,{currentPage:C,totalPages:F,totalResults:N.length,onPageChange:w})]}):(0,n.jsxs)("div",{className:"flex w-full flex-col items-center justify-center rounded-2xl bg-white py-20 text-center",children:[(0,n.jsx)("div",{className:"mb-6 rounded-full bg-[#F1FBFF] p-6",children:(0,n.jsx)(r.A,{className:"h-16 w-16 text-[#91ADBE]"})}),(0,n.jsx)("h3",{className:"font-nunito mb-3 text-xl font-bold text-[#0A3448]",children:"Kh\xf4ng t\xecm thấy b\xe0i viết"}),(0,n.jsx)("p",{className:"font-nunito text-base text-[#91ADBE]",children:x?"Thử t\xecm kiếm với từ kh\xf3a kh\xe1c":"Chưa c\xf3 b\xe0i viết n\xe0o"})]})]})]})})}},42196:(e,t,l)=>{l.d(t,{A:()=>n});let n=(0,l(71847).A)("Image",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]])},45131:(e,t,l)=>{l.d(t,{D:()=>r});var n=l(95155),a=l(64269);let r=e=>{let{title:t,description:l,titleClassName:r}=e;return(0,n.jsx)("div",{className:"mx-auto flex w-full items-center justify-between",children:(0,n.jsxs)("div",{children:[(0,n.jsx)("span",{className:(0,a.cn)("h-[24px] text-center text-[24px] font-bold tracking-tight text-[rgb(from_var(--primary)_calc(r_-_29)_calc(g_-_29)_calc(b_-_31))] sm:text-[30px]",r),children:t}),l&&(0,n.jsx)("p",{className:"text-muted-foreground mt-3 text-sm",children:l})]})})}},65229:(e,t,l)=>{l.d(t,{A:()=>n});let n=(0,l(71847).A)("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}

1],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},86651:(e,t,l)=>{l.d(t,{A:()=>n});let n=(0,l(71847).A)("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]])}}]);