https://musicmessages.io/_next/static/chunks/pages/tips/tao-tips-d8a757d266a3dd4a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[940],{4796:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tips/tao-tips",function(){return l(2947)}])},5598:function(e,t,l){"use strict";l.d(t,{E:function(){return a}});var s=l(5893);let a=e=>{let{width:t="16",height:l="16",color:a="currentColor"}=e;return(0,s.jsx)("svg",{width:t,height:l,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M7.9987 14.6666C4.3168 14.6666 1.33203 11.6818 1.33203 7.99992C1.33203 4.31802 4.3168 1.33325 7.9987 1.33325C11.6806 1.33325 14.6654 4.31802 14.6654 7.99992C14.6654 11.6818 11.6806 14.6666 7.9987 14.6666ZM7.33203 9.99992V11.3333H8.66536V9.99992H7.33203ZM8.66536 8.90332C9.62916 8.61645 10.332 7.72359 10.332 6.66658C10.332 5.37792 9.28736 4.33325 7.9987 4.33325C6.8667 4.33325 5.92294 5.13938 5.71024 6.20889L7.0179 6.47043C7.1091 6.01207 7.51356 5.66658 7.9987 5.66658C8.55096 5.66658 8.9987 6.1143 8.9987 6.66658C8.9987 7.21885 8.55096 7.66658 7.9987 7.66658C7.6305 7.66658 7.33203 7.96505 7.33203 8.33325V9.33325H8.66536V8.90332Z",fill:a})})}},820:function(e,t,l){"use strict";l.d(t,{Z:function(){return i}});var s=l(5893),a=l(1163);let r=e=>{let{width:t="100%",height:l="100%",color:a="currentColor"}=e;return(0,s.jsx)("svg",{width:t,height:l,viewBox:"0 0 18 19",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M18 18C18 18.5523 17.5523 19 17 19H1C0.44772 19 0 18.5523 0 18V7.48907C0 7.18048 0.14247 6.88917 0.38606 6.69972L8.3861 0.477491C8.7472 0.196631 9.2528 0.196631 9.6139 0.477491L17.6139 6.69972C17.8575 6.88917 18 7.18048 18 7.48907V18Z",fill:a})})};var o=l(932),n=l.n(o),c=l(6287),i=e=>{let{title:t,catgory_breadcrumb:l}=e,o=(0,a.useRouter)();o.pathname.split("/").filter(e=>e);let{slug:i}=o.query;return(0,s.jsxs)("div",{id:"breadcrumb",className:"sitebreadcrumb px-2 ".concat(n().breadcrumb),children:[(0,s.jsxs)("nav",{"aria-label":"breadcrumbs",className:"rank-math-breadcrumb mb-5 flex flex-wrap gap-2 items-center",children:[(0,s.jsxs)(c.G,{href:"/",className:"flex gap-2 float-left ".concat(n().colorBreadcrumb," ").concat(n().bgLogoHeader),children:[(0,s.jsx)(r,{width:"18px"}),"Trang chủ"]}),(0,s.jsx)("span",{className:"separator",children:" / "}),(null==l?void 0:l.category_name)&&(null==l?void 0:l.category_link)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.G,{href:l.category_link,className:"flex gap-2 float-left ".concat(n().colorBreadcrumb," ").concat(n().bgLogoHeader),children:l.category_name}),(0,s.jsx)("span",{className:"separator",children:" / "})]}),(0,s.jsx)("span",{className:"last",children:t})]})," "]})}},2947:function(e,t,l){"use strict";l.r(t),l.d(t,{__N_SSP:function(){return y},default:function(){return S}});var s=l(5893),a=l(820);let r=e=>{let{width:t="16",height:l="16",color:a="currentColor"}=e;return(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:l,viewBox:"0 0 24 24",fill:"none",children:(0,s.jsx)("path",{d:"M11 2C15.968 2 20 6.032 20 11C20 15.968 15.968 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2ZM11 18C14.8675 18 18 14.8675 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18ZM19.4853 18.0711L22.3137 20.8995L20.8995 22.3137L18.0711 19.4853L19.4853 18.0711Z",fill:a})})};var o=l(5598);let n=e=>{let{width:t="24",height:l="24",color:a="currentColor"}=e;return(0,s.jsx)("svg",{width:t,height:l,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M11.9987 10.5865L16.9485 5.63672L18.3627 7.05093L13.4129 12.0007L18.3627 16.9504L16.9485 18.3646L11.9987 13.4149L7.04899 18.3646L5.63477 16.9504L10.5845 12.0007L5.63477 7.05093L7.04899 5.63672L11.9987 10.5865Z",fill:a})})};var c=l(847),i=l(1621),d=l.n(i);let x=e=>{let{regulation:t}=e;return(0,s.jsx)("div",{className:"flex w-full flex-col  p-2",children:(0,s.jsx)("div",{className:"w-full",dangerouslySetInnerHTML:{__html:t}})})};var p=l(8841),u=l(7294),m=l(7025),f=l(4165),g=l(5152),h=l.n(g),b=l(1163),v=l(1117),j=l(3333),w=l(8124);let N=h()(()=>Promise.all([l.e(554),l.e(813),l.e(59)]).then(l.bind(l,1059)),{loadableGenerated:{webpack:()=>[1059]},ssr:!1}),C=e=>{var t;let{userId:l,mainData:a}=e,i=(0,b.useRouter)(),{id:g}=i.query,h=(0,c.Z)(),[C,y]=(0,u.useState)(null),[S,_]=(0,u.useState)(a),[L,k]=(0,u.useState)(""),[T,O]=(0,u.useState)([]),[E,M]=(0,u.useState)(""),[P,B]=(0,u.useState)(""),[I,R]=(0,u.useState)(""),[Z,F]=(0,u.useState)(""),[H,q]=(0,u.useState)(""),[D,A]=(0,u.useState)(""),[V,z]=(0,u.useState)(""),[G,X]=(0,u.useState)(0),[K,Q]=(0,u.useState)(""),[U,J]=(0,u.useState)(),[W,Y]=(0,u.useState)(),[$,ee]=(0,u.useState)(0),[et,el]=(0,u.useState)(!1),[es,ea]=(0,u.useState)(!1),[er,eo]=(0,u.useState)(""),[en,ec]=(0,u.useState)(!1),ei=(e,t)=>{let l=[];for(let t in null==e?void 0:e.tip_odds)Object.prototype.hasOwnProperty.call(e.tip_odds,t)&&0!=e.tip_odds[t].length&&l.push({key:t,data:e.tip_odds[t]});y(l),k(e.id),F(t.home.name),q(t.away.name),B(""),R("")},ed=async e=>{e.preventDefault(),await eu()},ex=(e,t)=>{R(e),B(t)},ep=e=>{X(e)},eu=async()=>

1{if(!L||!D||!V)return;M("loading");let e=await p.yF.post(p.hu.addTips,{title:D,fixture_id:L,odd_type:I,odd_choice:P,tip_price:G,description:V,...l?{tip_bet:W}:{email:K}}),t=[];if(e.success){if(0===e.data.code){let t=e.data.response.slug;i.push("/tips/"+t),O([])}else{for(let l in e.data.messageObject)Object.prototype.hasOwnProperty.call(e.data.messageObject,l)&&t.push(e.data.messageObject[l]);O(t),M("")}}else{for(let l in e.messageObject)Object.prototype.hasOwnProperty.call(e.messageObject,l)&&t.push(e.messageObject[l][0]);O(t),M("")}},em=(e,t,l)=>{eg(t),ei(e,l),A(""),Y(0)},[ef,eg]=(0,u.useState)(null);(0,u.useEffect)(()=>{if(S&&g){let e=S.scheduler.find(e=>e.items.some(e=>e.id===g));e&&e.items&&e.items.length>0&&em(e.items[0],g,e.items[0].teams),eg(g)}},[S,g]),(0,u.useEffect)(()=>{a.total_points&&ee(a.total_points)},[]);let eh=e=>{e<0?e=0:e>$&&(e=$),Y(e)},eb=e=>0===$||!($>=e)&&("all"!==e||!($>0)),ev=e=>{"all"===e?0===$?ec(!0):Y($):eb(e)?ec(!0):Y(e)};(0,u.useEffect)(()=>{let e;return en&&(e=setTimeout(()=>{ec(!1)},2e3)),()=>clearTimeout(e)},[en]);let[ej,ew]=(0,u.useState)(null==S?void 0:S.scheduler),eN=e=>{var t;ew(null==S?void 0:null===(t=S.scheduler)||void 0===t?void 0:t.filter(t=>t.name.toLowerCase().includes(e.toLowerCase())||t.name_en.toLowerCase().includes(e.toLowerCase())||t.items.some(t=>t.teams.home.name.toLowerCase().includes(e.toLowerCase())||t.teams.away.name.toLowerCase().includes(e.toLowerCase()))))};return(0,s.jsxs)("div",{className:"flex flex-col flex-wrap md:flex-row rounded-lg gap-6 py-6 px-4 mx-4 lg:mx-0 mb-4 ".concat(d().bgPostTip),children:[(0,s.jsxs)("div",{className:"flex w-full border-0 border-b border-solid font-bold pb-2 text-base gap-8  ".concat(d().borderColorFixtures," "),children:[(0,s.jsx)("div",{className:"border-0 after:content-[''] relative after:absolute after:w-full after:h-[4px] after:-bottom-2 after:left-0  after:rounded-t-lg afterActive py-2 cursor-pointer ".concat(d().ActiveTip),children:h.tips.postTips.tips}),l&&(0,s.jsxs)("div",{className:"rounded-lg px-2 text-sm flex items-center ml-auto gap-2 ".concat(d().bgStep," ").concat(d().colorStep),children:[(0,s.jsx)("span",{className:"".concat(d().colorPoint),children:"Số điểm: "})," ",$," Đ"]}),(0,s.jsxs)("div",{className:"flex gap-1 ".concat(l?"":"ml-auto"," items-center rounded-lg cursor-pointer select-none font-bold font-inter text-sm py-2 px-3 ").concat(d().colorRegualtion," ").concat(d().bgRegulation),onClick:()=>J(!U),children:[(0,s.jsx)(o.E,{}),h.tips.postTips.regulations]})]}),(0,s.jsxs)("div",{className:"w-full md:w-[230px] xl:w-[288px] py-4 flex flex-col rounded-lg items-center gap-4 ".concat(d().bgSelectFixtures),children:[(0,s.jsxs)("div",{className:"flex w-full px-2 font-bold text-sm lg:text-base font-inter",children:[(0,s.jsxs)("div",{className:"flex flex-1 gap-2",children:[(0,s.jsx)("div",{className:" rounded px-2 ".concat(d().bgStep," ").concat(d().colorStep),children:"1"}),(0,s.jsxs)("div",{children:[" ",h.tips.postTips.selectLeagues]})]}),(0,s.jsx)("div",{className:"flex w-[30px] gap-2 justify-center",children:(0,s.jsx)("div",{className:" cursor-pointer",onClick:()=>{ea(!es),eN(""),eo("")},children:(0,s.jsx)(r,{color:"".concat(es?"#ef4444":"#79747E"),width:"20px",height:"20px"})})})]}),es&&(0,s.jsxs)("div",{className:"flex w-full relative",children:[(0,s.jsx)("input",{type:"text",className:"w-full p-2 pr-[30px]",placeholder:"T\xecm kiếm giải đấu/đội b\xf3ng",value:er,onChange:e=>{let t=e.target.value;eo(t),eN(t)}}),(0,s.jsx)("div",{className:"flex items-center absolute right-[5px] top-0 bottom-0 my-auto cursor-pointer select-none ",onClick:()=>{ea(!es),eN(""),eo("")},children:(0,s.jsx)(n,{})})]}),(0,s.jsx)("div",{className:"w-full overflow-y-auto  overscroll-y-contain ".concat(ef?" max-h-[250px] md:max-h-[900px]":" max-h-[250px] md:max-h-[700px]"),children:null==ej?void 0:ej.map((e,t)=>{var l;return(0,s.jsxs)("div",{className:"flex w-full flex-col",children:[(0,s.jsx)("div",{className:"marker:w-full text-sm py-2 px-4 ".concat(d().bgLeagues),children:e.name}),null==e?void 0:null===(l=e.items)||void 0===l?void 0:l.map((e,t)=>(0,s.jsxs)("div",{className:"flex w-full border border-solid cursor-pointer select-none ".concat(d().borderColorFixtures," flex-row gap-2 py-2  text-sm font-inter ").concat(d().colorFixtures," ").concat(ef===e.id?d().active:""),onClick:()=>em(e,e.id,e.teams),children:[(0,s.jsxs)("div",{className:"flex w-1/5 flex-col border-0 border-r border-solid ".concat(d().borderColorFixtures," justify-center items-center gap-2"),children:[(0,s.jsx)("div",{children:e.day_month}),(0,s.jsx)("div",{children:e.time})]}),(0,s.jsxs)("div",{className:"flex flex-1 flex-col justify-center  gap-2",children:[(0,s.jsx)("div",{children:e.teams.home.name}),(0,s.jsx)("div",{children:e.teams.away.name})]}),(0,s.jsx)("div",{className:"flex w-[30px] justify-center items-center",children:(0,s.jsx)(w.L,{})})]},t))]},t)})})]}),(0,s.jsx)("div",{className:"w-full lg:flex-1 flex flex-col justify-start",children:(0,s.jsxs)("form",{className:"flex-1 flex flex-col justify-start gap-4",onSubmit:ed,children:[(0,s.jsxs)("div",{className:"flex w-full gap-2 text-sm lg:text-base font-bold",children:[(0,s.jsx)("div",{className:" rounded px-2 ".concat(d().bgStep," ").concat(d().colorStep),children:"2"}),(0,s.jsxs)("div",{children:[" ",h.tips.postTips.confirmSlect]})]}),(0,s.jsxs)("div",{className:"w-full flex flex-col p-3 xl:p-6 gap-4 roun

1ded-lg ".concat(d().bgConfirmSlect),children:[(0,s.jsx)("div",{className:"flex-1 flex gap-2  font-bold",children:Z&&H?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{children:Z}),(0,s.jsx)("div",{children:"vs"}),(0,s.jsx)("div",{children:H})]}):(0,s.jsx)("div",{className:" text-red-500 ",children:h.tips.postTips.noteLeagues})}),null==C?void 0:C.map((e,t)=>{var l,a,r;return(0,s.jsxs)("div",{className:"w-full items-center grid grid-cols-12 gap-2",children:[(0,s.jsx)("div",{className:"col-span-12 text-sm xl:text-base lg:col-span-3 font-bold ",children:null===(l=e.data)||void 0===l?void 0:l.name}),(0,s.jsx)("div",{className:"col-span-12 lg:col-span-9  grid grid-cols-2 lg:grid-cols-3 gap-4 text-xs xl:text-sm  font-bold",children:null===(r=e.data)||void 0===r?void 0:null===(a=r.values)||void 0===a?void 0:a.map((t,l)=>(0,s.jsxs)("div",{className:"flex items-center justify-center border border-solid rounded-lg py-2 cursor-pointer select-none  ".concat(!0===t.is_disable?d().bgDisable:"","\n                      ").concat(P===t.key&&I===e.key?d().bgActive:""," ").concat(P===t.key&&I===e.key?d().borderActive:""," "),onClick:()=>{!0!=t.is_disable&&ex(e.key,t.key)},children:[t.value," ",t.odd]},l))})]},t)})]}),(0,s.jsxs)("div",{className:"flex w-full gap-2 text-sm lg:text-base font-bold",children:[(0,s.jsx)("div",{className:" rounded px-2 ".concat(d().bgStep," ").concat(d().colorStep),children:"3"}),(0,s.jsxs)("div",{children:[" ",h.tips.postTips.contentRequired]})]}),(0,s.jsxs)("div",{className:"flex flex-col w-full gap-2 text-sm lg:text-base font-normal",children:[!l&&(0,s.jsx)(j.S,{type:"email",labelClassName:d().colorInput,inputClassName:"bg-transparent px-6 py-2 flex-1 font-inter text-xs xl:text-sm outline-none   ".concat(d().colorInput),label:"",name:"email",id:"email",value:K,validate:v.vV,placeholder:h.tips.postTips.emailRequired,autoComplete:"off",onChange:e=>Q(e.target.value),required:!0,errorMessage:"Email kh\xf4ng đ\xfang định dạng",fontSize:"text-sm md:text-xl",borderClass:" border rounded-lg"}),(0,s.jsx)(j.S,{labelClassName:d().colorInput,inputClassName:"bg-transparent px-6 py-2 flex-1 font-inter text-xs xl:text-sm outline-none   ".concat(d().colorInput),label:"",name:"title",id:"title",value:D,validate:v.rh,placeholder:h.tips.postTips.titleRequired,autoComplete:"off",onChange:e=>A(e.target.value),required:!0,errorMessage:"Vui l\xf2ng nhập ti\xeau đề",fontSize:"text-xs xl:text-sm",borderClass:" border rounded-lg"}),(0,s.jsx)(N,{onChange:(e,t)=>

1"<p>&nbsp;</p>"===t.getData()?"":z(t.getData())})]}),(0,s.jsxs)("div",{className:"flex w-full gap-2 text-sm lg:text-base font-bold",children:[(0,s.jsx)("div",{className:" rounded px-2 ".concat(d().bgStep," ").concat(d().colorStep),children:"4"}),(0,s.jsxs)("div",{children:[" ",h.tips.postTips.privilege," "]})]}),(0,s.jsx)("div",{className:"flex w-full flex-wrap gap-4 text-xs xl:text-sm font-bold",children:null==S?void 0:null===(t=S.tip_price)||void 0===t?void 0:t.map((e,t)=>(0,s.jsx)("div",{className:"flex items-center justify-center  rounded-lg py-2 px-6 cursor-pointer select-none ".concat(d().colorStep," ").concat(G===e?d().bgActive:d().bgColorPrivilege),onClick:()=>ep(e),children:0==e?"MIỄN PH\xcd":e+" Xu"},t))}),l&&(0,s.jsxs)("div",{className:"flex flex-col items-center w-full gap-2 text-sm lg:text-base font-bold",children:[(0,s.jsxs)("div",{className:"flex gap-2 items-center justify-start w-full",children:[(0,s.jsx)("div",{className:"rounded px-2 ".concat(et?"".concat(d().bgStep," ").concat(d().colorStep):"".concat(d().colorStepDisable," ").concat(d().bgStepDisable)),children:"5"}),(0,s.jsxs)("div",{className:"".concat(et?d().colorStepName:d().colorStepDisable),children:[" ",h.tips.postTips.placeBetClick]}),(0,s.jsx)("div",{className:"radio-block",children:(0,s.jsxs)("label",{className:"".concat(d().switch),children:[(0,s.jsx)("input",{type:"checkbox",checked:et,onChange:()=>{el(!et),Y(0)}}),(0,s.jsx)("span",{className:"".concat(d().slider," ").concat(d().round)})]})})]}),et&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"flex w-full flex-wrap gap-4 text-xs xl:text-sm font-bold",children:[1,10,50,100,"all"].map((e,t)=>(0,s.jsx)("div",{onClick:()=>ev(e),className:"".concat("all"===e?"flex-1":"min-w-[100px]"," flex items-center justify-center rounded-lg py-2 px-6 cursor-pointer select-none ").concat(eb(e)?d().bgColorDisable:"all"===e?d().bgColorAll:e===W?d().bgActive:d().bgColorPrivilege),children:"all"===e?"All In":e+" Đ"},t))}),0!=$&&(0,s.jsx)(j.S,{type:"number",className:"mb-0",labelClassName:d().colorInput,inputClassName:"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none bg-transparent px-6 py-2 flex-1 font-inter text-xs xl:text-sm outline-none   ".concat(d().colorInput),label:"",name:"price",id:"price",value:W,placeholder:h.tips.postTips.priceRequired,autoComplete:"off",onChange:e=>eh(e.target.value),fontSize:"text-sm md:text-xl",borderClass:" border rounded-lg"}),en&&(0,s.jsx)("div",{className:"".concat(d().styleErrorBet," rounded-lg border-solid text-sm w-full p-2 flex items-center justify-center"),children:h.tips.postTips.errorBetTip})]})]}),(0,s.jsx)("div",{className:"flex w-full",children:T.length>0&&(0,s.jsx)("div",{className:" ".concat(d().coloMessages," mt-2 text-sm"),children:T.map((e,t)=>(0,s.jsx)("p",{className:"mt-0 mb-1",children:e},t))})}),(0,s.jsx)("div",{className:"flex w-full justify-center",children:E?(0,s.jsx)("div",{className:"flex justify-center",children:(0,s.jsx)(m.a,{})}):(0,s.jsx)(f.K,{type:"submit",className:"w-full lg:w-10/12 flex uppercase font-bold text-sm lg:text-base items-center justify-center rounded-lg py-2 m-auto ".concat(d().bgColorSend," ").concat(d().colorSend),onClick:eu,children:h.tips.postTips.post})})]})}),U&&(0,s.jsx)("div",{className:"flex fixed left-0 right-0 w-full h-[100vh] top-0 overflow-hidden z-50	 ".concat(d().bgOverlay),children:(0,s.jsxs)("div",{className:"m-auto max-w-[800px] max-h-[600px]  w-full overflow-auto overscroll-contain  ".concat(d().bgRegulationPopup),children:[(0,s.jsxs)("div",{className:"".concat(d().colorRegualtion," ").concat(d().bgRegulation," p-2 flex items-center justify-between sticky z-1 top-0"),children:["Nội quy Cộng đồng",(0,s.jsx)("div",{className:" cursor-pointer ",onClick:()=>J(!U),children:(0,s.jsx)(n,{color:"#fff"})})]}),(null==S?void 0:S.tip_rule)&&(0,s.jsx)(x,{regulation:null==S?void 0:S.tip_rule})]})})]})};var y=!0,S=e=>{let{device:t,userId:l,data:r,title:o}=e;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Z,{title:o}),(0,s.jsx)(C,{device:t,userId:l,mainData:r})]})}},932:function(e){e.exports={colorBreadcrumb:"breadcrumb_colorBreadcrumb__E2oQI",bgLogoHeader:"breadcrumb_bgLogoHeader__zwKyG",breadcrumb:"breadcrumb_breadcrumb__SU5CO"}}},function(e){e.O(0,[347,87,774,888,179],function(){return e(e.s=4796)}),_N_E=e.O()}]);