https://anfin.vn/_next/static/chunks/pages/blog/category/[id]-4b02c82af79974de.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5439],{77214:function(e,o,t){"use strict";var r=t(64836);o.Z=void 0;var a=r(t(64938)),l=t(85893);o.Z=(0,a.default)((0,l.jsx)("path",{d:"M9.29 6.71c-.39.39-.39 1.02 0 1.41L13.17 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01"}),"ChevronRightRounded")},36191:function(e,o,t){"use strict";var r=t(64836);o.Z=void 0;var a=r(t(64938)),l=t(85893);o.Z=(0,a.default)((0,l.jsx)("path",{d:"M18.3 5.71a.9959.9959 0 0 0-1.41 0L12 10.59 7.11 5.7a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"}),"CloseRounded")},3327:function(e,o,t){"use strict";var r=t(64836);o.Z=void 0;var a=r(t(64938)),l=t(85893);o.Z=(0,a.default)((0,l.jsx)("path",{d:"M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"SearchRounded")},12963:function(e,o,t){"use strict";t.d(o,{Z:function(){return N}});var r=t(87462),a=t(63366),l=t(67294),i=t(90512),n=t(94780),s=t(82963),d=t(90948),c=t(28628),u=t(15861),p=t(2101),h=t(82066),g=t(85893),x=(0,h.Z)((0,g.jsx)("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz"),v=t(49990);let f=["slots","slotProps"],m=(0,d.ZP)(v.Z)(({theme:e})=>(0,r.Z)({display:"flex",marginLeft:`calc(${e.spacing(1)} * 0.5)`,marginRight:`calc(${e.spacing(1)} * 0.5)`},"light"===e.palette.mode?{backgroundColor:e.palette.grey[100],color:e.palette.grey[700]}:{backgroundColor:e.palette.grey[700],color:e.palette.grey[100]},{borderRadius:2,"&:hover, &:focus":(0,r.Z)({},"light"===e.palette.mode?{backgroundColor:e.palette.grey[200]}:{backgroundColor:e.palette.grey[600]}),"&:active":(0,r.Z)({boxShadow:e.shadows[0]},"light"===e.palette.mode?{backgroundColor:(0,p._4)(e.palette.grey[200],.12)}:{backgroundColor:(0,p._4)(e.palette.grey[600],.12)})})),b=(0,d.ZP)(x)({width:24,height:16});var Z=function(e){let{slots:o={},slotProps:t={}}=e,l=(0,a.Z)(e,f);return(0,g.jsx)("li",{children:(0,g.jsx)(m,(0,r.Z)({focusRipple:!0},l,{ownerState:e,children:(0,g.jsx)(b,(0,r.Z)({as:o.CollapsedIcon,ownerState:e},t.collapsedIcon))}))})},y=t(1588),j=t(34867);function C(e){return(0,j.ZP)("MuiBreadcrumbs",e)}let w=(0,y.Z)("MuiBreadcrumbs",["root","ol","li","separator"]),_=["children","className","component","slots","slotProps","expandText","itemsAfterCollapse","itemsBeforeCollapse","maxItems","separator"],S=e=>{let{classes:o}=e;return(0,n.Z)({root:["root"],li:["li"],ol:["ol"],separator:["separator"]},C,o)},k=(0,d.ZP)(u.Z,{name:"MuiBreadcrumbs",slot:"Root",overridesResolver:(e,o)=>[{[`& .${w.li}`]:o.li},o.root]})({}),R=(0,d.ZP)("ol",{name:"MuiBreadcrumbs",slot:"Ol",overridesResolver:(e,o)=>o.ol})({display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"}),P=(0,d.ZP)("li",{name:"MuiBreadcrumbs",slot:"Separator",overridesResolver:(e,o)=>o.separator})({display:"flex",userSelect:"none",marginLeft:8,marginRight:8}),B=l.forwardRef(function(e,o){var t,n;let d=(0,c.i)({props:e,name:"MuiBreadcrumbs"}),{children:u,className:p,component:h="nav",slots:x={},slotProps:v={},expandText:f="Show path",itemsAfterCollapse:m=1,itemsBeforeCollapse:b=1,maxItems:y=8,separator:j="/"}=d,C=(0,a.Z)(d,_),[w,B]=l.useState(!1),N=(0,r.Z)({},d,{component:h,expanded:w,expandText:f,itemsAfterCollapse:m,itemsBeforeCollapse:b,maxItems:y,separator:j}),z=S(N),F=(0,s.Z)({elementType:x.CollapsedIcon,externalSlotProps:v.collapsedIcon,ownerState:N}),M=l.useRef(null),T=l.Children.toArray(u).filter(e=>l.isValidElement(e)).map((e,o)=>(0,g.jsx)("li",{className:z.li,children:e},`child-${o}`));return(0,g.jsx)(k,(0,r.Z)({ref:o,component:h,color:"text.secondary",className:(0,i.Z)(z.root,p),ownerState:N},C,{children:(0,g.jsx)(R,{className:z.ol,ref:M,ownerState:N,children:(t=w||y&&T.length<=y?T:(e=>{let o=()=>{B(!0);let e=M.current.querySelector("a[href],button,[tabindex]");e&&e.focus()};return b+m>=e.length?e:[...e.slice(0,b),(0,g.jsx)(Z,{"aria-label":f,slots:{CollapsedIcon:x.CollapsedIcon},slotProps:{collapsedIcon:F},onClick:o},"ellipsis"),...e.slice(e.length-m,e.length)]})(T),n=z.separator,t.reduce((e,o,r)=>

1(r<t.length-1?e=e.concat(o,(0,g.jsx)(P,{"aria-hidden":!0,className:n,ownerState:N,children:j},`separator-${r}`)):e.push(o),e),[]))})}))});var N=B},53235:function(e,o,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/category/[id]",function(){return t(14048)}])},75681:function(e,o,t){"use strict";t.d(o,{Z:function(){return x}});var r=t(85893);t(67294);var a=t(12963),l=t(15861),i=t(23795),n=t(51233),s=t(90948),d=t(2734),c=t(61730),u=t(89755),p=t.n(u),h=t(77214);let g=(0,s.ZP)(a.Z)({padding:"8px 0px",fontSize:"14px",".MuiBreadcrumbs-separator":{color:"#BAC6DE"}});function x(e){let o=(0,d.Z)(),t=[(0,r.jsx)(i.Z,{underline:"hover",color:"#606576",href:"/",sx:{display:"flex",fontWeight:600},children:(0,c.Z)(o.breakpoints.down("sm"))?(0,r.jsx)(p(),{src:"/blog/home.svg",alt:"Trang chủ",width:24,height:24}):"Trang chủ"},"1")];return e.breadcrumbs.map((e,o,a)=>{o+1===a.length?t.push((0,r.jsx)(l.Z,{color:"#66748A",sx:{fontSize:"14px",textTransform:"capitalize"},children:e.categoryName},e.key)):t.push((0,r.jsx)(i.Z,{underline:"hover",color:"#66748A",href:e.part,style:{textTransform:"capitalize",fontWeight:600},children:e.categoryName},e.key))}),(0,r.jsx)(n.Z,{spacing:2,sx:{marginBottom:"30px",paddingTop:{xs:"10px",md:"40px"}},children:(0,r.jsx)(g,{separator:(0,r.jsx)(h.Z,{sx:{color:"#66748A"},fontSize:"medium"}),"aria-label":"breadcrumb",children:t})})}},14048:function(e,o,t){"use strict";t.r(o),t.d(o,{__N_SSP:function(){return R}});var r=t(85893),a=t(36191),l=t(3327),i=t(90948),n=t(80822),s=t(15861),d=t(70872),c=t(46574),u=t(73601),p=t(86886),h=t(75681),g=t(45457),x=t(41664),v=t.n(x),f=t(11163),m=t(67294),b=t(92292),Z=t(73046);let y=(0,i.ZP)(n.Z)({paddingBottom:"40px"}),j=(0,i.ZP)(s.Z)({fontSize:"48px",fontWeight:600,display:"flex",justifyContent:"center"}),C=(0,i.ZP)(d.Z)({display:"flex",justifyContent:"center",marginBottom:"30px","li button":{color:"#bac6de",borderColor:"#bac6de","&.Mui-selected":{color:"#FFF",borderColor:"#FFF"}}}),w=(0,i.ZP)(n.Z)({display:"flex",backgroundColor:"#fff",alignItems:"center",margin:"16px 0px",borderRadius:"30px",justifyContent:"space-between",".MuiInputBase-root":{width:"100%"},input:{borderTop:"1px solid",borderLeft:"1px solid",borderBottom:"1px solid",borderTopLeftRadius:"20px",borderBottomLeftRadius:"20px",borderColor:"#bac6de",padding:"10px 16px",

1width:"100%",color:"#08367A"}}),_=(0,i.ZP)(n.Z)({display:"flex",cursor:"pointer",padding:"10px 30px",borderTopRightRadius:"30px",background:"#0075ff",borderBottomRightRadius:"30px",border:"1px solid #0075ff","&:hover":{background:"rgb(0 117 255 / 80%)"},svg:{color:"#fff"}}),S=(0,i.ZP)(v())({textDecoration:"none",color:"#08367A","&:hover":{color:"#0544C1"}}),k=e=>{var o,t,i,d,x,v,b,k,R,P;let{repo:B}=e,N=(0,f.useRouter)(),[z,F]=(0,m.useState)([]),[M,T]=(0,m.useState)(1),[E,I]=(0,m.useState)(10),[L,A]=(0,m.useState)("");(0,m.useEffect)(()=>{$()},[B,M]);let $=async()=>{try{let t=await fetch("/api/public/cms?resource=blogs&sort[date_view]=desc&filters[blog_categories][slug_category][$eq]=".concat(encodeURIComponent(B),"&pagination[page]=").concat(M,"&pagination[pageSize]=12&orderBy[id]=asc&populate=*"));if(!t.ok)throw Error("cms_proxy_status_".concat(t.status));let r=await t.json();if(r&&(null==r?void 0:r.data)&&(null==r?void 0:r.data.length)!==0){var e,o;I(null==r?void 0:null===(e=r.meta)||void 0===e?void 0:null===(o=e.pagination)||void 0===o?void 0:o.pageCount),F(null==r?void 0:r.data)}else N.push("/404")}catch(e){"AbortError"!==e.name&&Z.k.error(e),N.push("/404")}},W=async()=>{try{var e,o;let t=await fetch("/api/public/cms?resource=blogs&sort[date_view]=desc&pagination[pageSize]=10&orderBy[id]=asc&pagination[page]=1&filters[$and][0][title][$contains]=".concat(encodeURIComponent(L),"&populate=*"));if(!t.ok)throw Error("cms_proxy_status_".concat(t.status));let r=await t.json();I(null==r?void 0:null===(e=r.meta)||void 0===e?void 0:null===(o=e.pagination)||void 0===o?void 0:o.pageCount),F(null==r?void 0:r.data)}catch(e){"AbortError"!==e.name&&Z.k.error(e),N.push("/404")}},D=(e,o)=>{T(o)},O=e=>{A(e.target.value)},q=()=>{A(""),$()};(0,m.useEffect)(()=>{let e=setTimeout(()=>{L.length>0&&W()},500);return()=>clearTimeout(e)},[L]);let U=[{key:3,categoryName:null===(o=null===(t=z[0])||void 0===t?void 0:null===(i=t.attributes)||void 0===i?void 0:null===(d=i.blog_categories)||void 0===d?void 0:d.data[0])||void 0===o?void 0:null===(x=o.attributes)||void 0===x?void 0:x.name,part:"/blog/category/"+B+"/"}];return(0,r.jsxs)(g.Z,{sx:{backgroundColor:"#FFFFFF",height:{xs:"calc(100vh - 56px)",sm:"calc(100vh - 65px)"}},hasFooter:!0,children:[(0,r.jsx)(y,{children:(0,r.jsxs)(c.Z,{children:[(0,r.jsx)(h.Z,{breadcrumbs:U}),(0,r.jsx)(j,{variant:"h1",children:z&&z.length>0?null===(v=null===(b=z[0])||void 0===b?void 0:null===(k=b.attributes)||void 0===k?void 0:null===(R=k.blog_categories)||void 0===R?void 0:R.data[0])||void 0===v?void 0:null===(P=v.attributes)||void 0===P?void 0:P.name:""})]})}),(0,r.jsxs)(c.Z,{children:[(0,r.jsxs)(w,{children:[(0,r.jsx)(u.ZP,{placeholder:"Nhập để t\xecm kiếm",value:L,type:"text",name:"search",onChange:O,sx:{textAlign:"right",color:"#019BFD",height:"24px",padding:"0px"}}),L.length>0&&(0,r.jsx)(a.Z,{onClick:()=>q(),style:{color:"#999",cursor:"pointer",margin:"10px"}}),(0,r.jsx)(_,{onClick:()=>W(),children:(0,r.jsx)(l.Z,{})})]}),(0,r.jsx)(p.ZP,{container:!0,spacing:4,sx:{marginBottom:"30px"},children:z&&z.length>0&&z.map(e=>{var o,t,a,l,i,d;return(0,r.jsx)(p.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,r.jsxs)(n.Z,{sx:{backgroundColor:"#f2f7ff",height:"100%",borderRadius:"12px"},children:[(0,r.jsx)("img",{src:(null==e?void 0:null===(o=e.attributes)||void 0===o?void 0:null===(t=o.image_cover)||void 0===t?void 0:null===(a=t.data)||void 0===a?void 0:null===(l=a.attributes)||void 0===l?void 0:l.url)||"/blog/loi-ich-chi-so-pb.webp",alt:"",style:{width:"100%",borderRadius:"12px"}}),(0,r.jsx)(S,{href:"/blog/"+(null==e?void 0:null===(i=e.attributes)||void 0===i?void 0:i.slug)+"/",children:(0,r.jsx)(s.Z,{variant:"h4",sx:{fontSize:"18px",fontWeight:600,display:"flex",padding:"12px"},children:null==e?void 0:null===(d=e.attributes)||void 0===d?void 0:d.title})})]})},e.id)})}),(0,r.jsx)(C,{count:E,variant:"outlined",shape:"rounded",onChange:D})]})]})};k.getLayout=function(e){return(0,r.jsx)(b.P,{children:e})};var R=!0;o.default=k}},function(e){e.O(0,[9774,4885,6779,3601,9043,4564,6951,321,7918,277,1535,4932,4347,9089,6693,7316,872,6720,4769,7358,2292,2888,179],function(){return e(e.s=53235)}),_N_E=e.O()}]);