https://haivan.com/_next/static/chunks/pages/tai-khoan/chuyen-di-cua-toi/xe-hop-dong-a0c5c0328d26c22c74b8.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[107],{"190J":function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tai-khoan/chuyen-di-cua-toi/xe-hop-dong",function(){return n("GN11")}])},GN11:function(e,t,n){"use strict";n.r(t),n.d(t,"__N_SSG",(function(){return w}));var c=n("vJKn"),i=n.n(c),a=n("cpVT"),l=n("rg98"),r=n("gYMh"),s=n("nKUr"),o=n("q1tI"),d=n("gK9i"),h=n("BMrR"),u=n("kPKH"),j=n("W9HT"),x=n("mr32"),b=n("JnuR"),p=n("wd/R"),v=n.n(p),f=n("e+cM"),m=n("drVm"),O=(n("YFqc"),n("xm5f")),y=d.a.Panel,g=Object(o.memo)((function(e){var t;Object(r.a)(e);var n=Object(o.useState)(),c=n[0],p=n[1],g=Object(o.useState)({}),w=g[0],C=g[1],k=Object(o.useState)(!1),E=k[0],P=k[1],K=Object(o.useState)(null),T=K[0],I=K[1];Object(O.b)("common").t;Object(o.useEffect)((function(){setTimeout((function(){A(1)}),1e3)}),[]);var _,S,A=function(e){b.a.getBookingCr(e).then((function(e){console.log(e),200===e.status&&(p(e.data.data),C(e.data.meta))}))};function H(){return(H=Object(l.a)(i.a.mark((function e(){var t;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!E){e.next=4;break}return e.abrupt("return");case 4:P(!0);case 5:if(t=1,e.prev=6,!w.current_page){e.next=13;break}if(!(w.current_page<w.last_page)){e.next=12;break}t=w.current_page+1,e.next=13;break;case 12:return e.abrupt("return");case 13:e.next=17;break;case 15:e.prev=15,e.t0=e.catch(6);case 17:b.a.getBookingCr(t).then((function(e){if(console.log(e),200===e.status){if(e.data&&e.data.data){var t=e.data.data;P(!1),C(e.data.meta),p(c.concat(t))}}else P(!1)})).catch((function(e){P(!1)}));case 18:case"end":return e.stop()}}),e,null,[[6,15]])})))).apply(this,arguments)}try{var B,M;if(T)_=null===T||void 0===T||null===(B=T.booking)||void 0===B?void 0:B.note,S=_?null===(M=_)||void 0===M?void 0:M.split("\n"):""}catch(R){}return Object(s.jsx)(f.c,{children:Object(s.jsx)("div",{style:{display:"flex",justifyContent:"center"},children:Object(s.jsx)("div",{style:{flex:1,maxWidth:1200,paddingTop:24},className:"px-3 px-xl-0",children:Object(s.jsxs)(h.a,{gutter:[16,16],children:[Object(s.jsx)(u.a,{xs:24,sm:24,md:6,children:Object(s.jsx)(m.a,{})}),Object(s.jsxs)(u.a,{xs:24,sm:24,md:18,children:[Object(s.jsx)(d.a,{className:"custom-collapse",bordered:!1,accordion:!0,onChange:function(e){if(void 0!==e){I(null);var t=c[e];n=t.code,b.a.getBookingDetailCr(n).then((function(e){console.log(e),200===e.status&&I(e.data)}))}var n},children:c?c.map((function(e,t){var n,c;return Object(s.jsx)(y,{header:Object(s.jsx)("div",{style:{flex:1},children:Object(s.jsxs)("div",{className:"d-flex flex-row",children:[Object(s.jsxs)("div",{className:"d-flex flex-column",style:{flex:1},children:[Object(s.jsx)("div",{children:"M\xe3 \u0111\u01a1n h\xe0ng"}),Object(s.jsx)("div",{children:Object(s.jsx)("b",{children:e.code})})]}),Object(s.jsxs)("div",{className:"d-flex flex-column align-items-center",children:[Object(s.jsx)("div",{children:"Ng\xe0y t\u1ea1o \u0111\u01a1n"}),Object(s.jsx)("div",{children:Object(s.jsx)("b",{children:v()(e.createdat).format("DD/MM/YYYY")})})]}),Object(s.jsx)("div",{className:"d-flex flex-column align-items-end",style:{flex:1},children:Object(s.jsxs)("div",{style:{width:104,height:44},className:"d-flex flex-column align-items-center justify-content-center",children:[Object(s.jsx)("div",{children:"Tr\u1ea1ng th\xe1i"}),Object(s.jsx)(x.a,{color:null===(n=N[e.status])||void 0===n?void 0:n.color,style:{margin:0},children:Object(s.jsx)("b",{children:null===(c=N[e.status])||void 0===c?void 0:c.name})})]})})]})}),children:T?Object(s.jsxs)("div",{children:[Object(s.jsx)("div",{style:{fontWeight:"700",fontSize:16,marginTop:16},children:"Th\xf4ng tin kh\xe1ch h\xe0ng"}),Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px",marginTop:8},children:[Object(s.jsx)("div",{style:{width:120},children:"Kh\xe1ch h\xe0ng"}),Object(s.jsx)("div",{children:T.booking.contactName})]}),Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px"},children:[Object(s.jsx)("div",{style:{width:120},children:"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i"}),Object(s.jsx)("div",{children:T.booking.contactPhone})]}),Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px"},children:[Object(s.jsx)("div",{style:{width:120},children:"Email"}),Object(s.jsx)("div",{children:T.booking.contactEmail})]}),Object(s.jsx)("div",{style:{height:1,backgroundColor:"#B9B9B9",marginTop:8,marginBottom:16}}),Object(s.jsx)("div",{style:{fontWeight:"700",fontSize:16,marginTop:16},children:"Th\xf4ng tin d\u1ecbch v\u1ee5"}),S?Object(s.jsxs)(s.Fragment,{children:[Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px",marginTop:8},children:[Object(s.jsx)("div",{style:{width:120},children:"Lo\u1ea1i d\u1ecbch v\u1ee5"}),Object(s.jsx)("div",{children:S[3].split(":")[1]})]}),Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px",marginTop:8},children:[Object(s.jsx)("div",{style:{width:120},children:"\u0110i\u1ec3m kh\u1edfi h\xe0nh"}

1),Object(s.jsx)("div",{style:{flex:1},children:S[7].split(":")[1]})]}),Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px",marginTop:8},children:[Object(s.jsx)("div",{style:{width:120},children:"\u0110i\u1ec3m \u0111\u1ebfn"}),Object(s.jsx)("div",{style:{flex:1},children:S[8].split(":")[1]})]}),Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px",marginTop:8},children:[Object(s.jsx)("div",{style:{width:120},children:"Ng\xe0y \u0111i"}),Object(s.jsx)("div",{children:S[9].split(":")[1]})]}),Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px",marginTop:8},children:[Object(s.jsx)("div",{style:{width:120},children:"Ng\xe0y \u0111\u1ebfn"}),Object(s.jsx)("div",{children:S[10].split(":")[1]})]}),Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px",marginTop:8},children:[Object(s.jsx)("div",{style:{width:120},children:"S\u1ed1 l\u01b0\u1ee3ng kh\xe1ch"}),Object(s.jsx)("div",{children:S[4].split(":")[1]})]}),Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px",marginTop:8},children:[Object(s.jsx)("div",{style:{width:120},children:"Lo\u1ea1i xe"}),Object(s.jsx)("div",{children:S[5].split(":")[1]})]}),Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px",marginTop:8},children:[Object(s.jsx)("div",{style:{width:120},children:"S\u1ea3n ph\u1ea9m"}),Object(s.jsx)("div",{children:S[6].split(":")[1]})]}),Object(s.jsxs)("div",{className:"d-flex flex-row",style:{lineHeight:"30px",marginTop:8},children:[Object(s.jsx)("div",{style:{width:120},children:"Y\xeau c\u1ea7u kh\xe1c"}),Object(s.jsx)("div",{children:S[12].split(":")[1]})]})]}):null]}):Object(s.jsx)("div",{style:{marginTop:16},className:"d-flex justify-content-center align-items-center",children:Object(s.jsx)(j.a,{})})},"".concat(t))})):Object(s.jsx)("div",{style:{height:50},className:"d-flex justify-content-center align-items-center",children:Object(s.jsx)(j.a,{})})}),c&&0===c.length?Object(s.jsx)("div",{style:{marginTop:0,fontWeight:"600",textAlign:"center",fontSize:16},children:"B\u1ea1n ch\u01b0a c\xf3 chuy\u1ebfn \u0111i n\xe0o!"}):null,w&&w.current_page&&w.last_page&&w.current_page<w.last_page?E?Object(s.jsx)("div",{className:"d-flex justify-content-center align-items-center",style:{height:52},children:Object(s.jsx)(j.a,{})}):Object(s.jsx)("div",{className:"d-flex justify-content-center",children:Object(s.jsx)("div",{style:(t={border:"2px solid #FFDD2B",width:"100%",borderRadius:4,color:"white",fontSize:18},Object(a.a)(t,"color","#58595B"),Object(a.a)(t,"lineHeight","48px"),t),className:"d-flex flex-row justify-content-center align-items-center noselect",onClick:function(){return function(){return H.apply(this,arguments)}()},children:"Xem th\xeam"})}):null]})]})})})})})),w=!0;t.default=g;var N={100:{name:"\u0110\xe3 b\xe1o gi\xe1",color:"steelblue"},101:{name:"\u0110\xe3 b\xe1o gi\xe1",color:"#00bbff"},200:{name:"\u0110\xe3 b\xe1o gi\xe1",color:"#00868b"},204:{name:"Ch\u1edd duy\u1ec7t",color:"#f5c244"},300:{name:"Ch\u1edd duy\u1ec7t",color:"#5cae3e"},302:{name:"\u0110\xe3 b\xe1o gi\xe1",color:"#179203"},600:{name:"\u0110\xe3 b\xe1o gi\xe1",color:"#000055"},500:{name:"H\u1ee7y",color:"#D4314C"}}},gK9i:function(e,t,n){"use strict";var c=n("wx14"),i=n("rePB"),a=n("q1tI"),l=n.n(a),r=n("KQm4"),s=n("1OyB"),o=n("vuIU"),d=n("Ji7U"),h=n("LK+K"),u=n("TSYQ"),j=n.n(u),x=n("Gytx"),b=n.n(x),p=n("TOwV");var v=n("8XRh"),f=n("ODXe"),m=a.forwardRef((function(e,t){var n,c=e.prefixCls,l=e.forceRender,r=e.className,s=e.style,o=e.children,d=e.isActive,h=e.role,u=a.useState(d||l),x=Object(f.a)(u,2),b=x[0],p=x[1];return a.useEffect((function(){(l||d)&&p(!0)}),[l,d]),b?a.createElement("div",{ref:t,className:j()("".concat(c,"-content"),(n={},Object(i.a)(n,"".concat(c,"-content-active"),d),Object(i.a)(n,"".concat(c,"-content-inactive"),!d),n),r),style:s,role:h},a.createElement("div",{className:"".concat(c,"-content-box")},o)):null}));m.displayName="PanelContent";var O=m,y=function(e){Object(d.a)(n,e);var t=Object(h.a)(n);function n(){var e;return Object(s.a)(this,n),(e=t.apply(this,arguments)).handleItem

1Click=function(){var t=e.props,n=t.onItemClick,c=t.panelKey;"function"===typeof n&&n(c)},e.handleKeyPress=function(t){"Enter"!==t.key&&13!==t.keyCode&&13!==t.which||e.handleItemClick()},e}return Object(o.a)(n,[{key:"shouldComponentUpdate",value:function(e){return!b()(this.props,e)}},{key:"render",value:function(){var e,t,n=this,c=this.props,l=c.className,r=c.id,s=c.style,o=c.prefixCls,d=c.header,h=c.headerClass,u=c.children,x=c.isActive,b=c.showArrow,p=c.destroyInactivePanel,f=c.accordion,m=c.forceRender,y=c.openMotion,g=c.expandIcon,w=c.extra,N=c.collapsible,C="disabled"===N,k=j()("".concat(o,"-header"),(e={},Object(i.a)(e,h,h),Object(i.a)(e,"".concat(o,"-header-collapsible-only"),"header"===N),e)),E=j()((t={},Object(i.a)(t,"".concat(o,"-item"),!0),Object(i.a)(t,"".concat(o,"-item-active"),x),Object(i.a)(t,"".concat(o,"-item-disabled"),C),t),l),P=a.createElement("i",{className:"arrow"});return b&&"function"===typeof g&&(P=g(this.props)),a.createElement("div",{className:E,style:s,id:r},a.createElement("div",{className:k,onClick:function(){return"header"!==N&&n.handleItemClick()},role:f?"tab":"button",tabIndex:C?-1:0,"aria-expanded":x,onKeyPress:this.handleKeyPress},b&&P,"header"===N?a.createElement("span",{onClick:this.handleItemClick,className:"".concat(o,"-header-text")},d):d,w&&a.createElement("div",{className:"".concat(o,"-extra")},w)),a.createElement(v.b,Object.assign({visible:x,leavedClassName:"".concat(o,"-content-hidden")},y,{forceRender:m,removeOnLeave:p}),(function(e,t){var n=e.className,c=e.style;return a.createElement(O,{ref:t,prefixCls:o,className:n,style:c,isActive:x,forceRender:m,role:f?"tabpanel":null},u)})))}}]),n}(a.Component);y.defaultProps={showArrow:!0,isActive:!1,onItemClick:function(){},headerClass:"",forceRender:!1};var g=y;function w(e){var t=e;return Array.isArray(t)||(t=t?[t]:[]),t.map((function(e){return String(e)}))}var N=function(e){Object(d.a)(n,e);var t=Object(h.a)(n);function n(e){var c;Object(s.a)(this,n),(c=t.call(this,e)).onClickItem=function(e){var t=c.state.activeKey;if(c.props.accordion)t=t[0]===e?[]:[e];else{var n=(t=Object(r.a)(t)).indexOf(e);n>-1?t.splice(n,1):t.push(e)}c.setActiveKey(t)},c.getNewChild=function(e,t){if(!e)return null;var n=c.state.activeKey,i=c.props,l=i.prefixCls,r=i.openMotion,s=i.accordion,o=i.destroyInactivePanel,d=i.expandIcon,h=i.collapsible,u=e.key||String(t),j=e.props,x=j.header,b=j.headerClass,p=j.destroyInactivePanel,v=j.collapsible,f=null!==v&&void 0!==v?v:h,m={key:u,panelKey:u,header:x,headerClass:b,isActive:s?n[0]===u:n.indexOf(u)>-1,prefixCls:l,destroyInactivePanel:null!==p&&void 0!==p?p:o,openMotion:r,accordion:s,children:e.props.children,onItemClick:"disabled"===f?null:c.onClickItem,expandIcon:d,collapsible:f};return"string"===typeof e.type?e:a.cloneElement(e,m)},c.getItems=function(){return function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},c=[];return l.a.Children.forEach(t,(function(t){(void 0!==t&&null!==t||n.keepEmpty)&&(Array.isArray(t)?c=c.concat(e(t)):Object(p.isFragment)(t)&&t.props?c=c.concat(e(t.props.children,n)):c.push(t))})),c}(c.props.children).map(c.getNewChild)},c.setActiveKey=function(e){"activeKey"in c.props||c.setState({activeKey:e}),c.props.onChange(c.props.accordion?e[0]:e)};var i=e.activeKey,o=e.defaultActiveKey;return"activeKey"in e&&(o=i),c.state={activeKey:w(o)},c}return Object(o.a)(n,[{key:"shouldComponentUpdate",value:function(e,t){return!b()(this.props,e)||!b()(this.state,t)}},{key:"render",value:function(){var e,t=this.props,n=t.prefixCls,c=t.className,l=t.style,r=t.accordion,s=j()((e={},Object(i.a)(e,n,!0),Object(i.a)(e,c,!!c),e));return a.createElement("div",{className:s,style:l,role:r?"tablist":null},this.getItems())}}],[{key:"getDerivedStateFromProps",value:function(e){var t={};return"activeKey"in e&&(t.activeKey=w(e.activeKey)),t}}]),n}(a.Component);N.defaultProps={prefixCls:"rc-collapse",onChange:function(){},accordion:!1,destroyInactivePanel:!1},N.Panel=g;var C=N,k=(N.Panel,n("UESt")),E=n("axMd"),P=n("Ya77"),K=n("H84U"),T=n("uaoM"),I=function(e){Object(T.a)(!("disabled"in e),"Collapse.Panel",'`disabled` is deprecated. Please use `collapsible="disabled"` instead.');var t=a.useContext(K.b).getPrefixCls,n=e.prefixCls,l=e.className,r=void 0===l?"":l,s=e.showArrow,o=void 0===s||s,d=t("collapse",n),h=j()(Object(i.a)({},"".concat(d,"-no-arrow"),!o),r);return a.createElement(C.Panel,Object(c.a)({},e,{prefixCls:d,className:h}))},_=n("EXcs"),S=n("0n0R"),A=function(e){var t,n=a.useContext(K.b),l=n.getPrefixCls,r=n.direction,s=e.prefixCls,o=e.className,d=void 0===o?"":o,h=e.bordered,u=void 0===h||h,x=e.ghost,b=l("collapse",s),p=function(){var t=e.expandIconPosition;return void 0!==t?t:"rtl"===r?"right":"left"}(),v=j()((t={},Object(i.a)(t,"".concat(b,"-borderless"),!u),Object(i.a)(t,"".concat(b,"-icon-position-").concat(p),!0),Ob

1ject(i.a)(t,"".concat(b,"-rtl"),"rtl"===r),Object(i.a)(t,"".concat(b,"-ghost"),!!x),t),d),f=Object(c.a)(Object(c.a)({},_.a),{motionAppear:!1,leavedClassName:"".concat(b,"-content-hidden")});return a.createElement(C,Object(c.a)({openMotion:f},e,{bordered:u,expandIcon:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.expandIcon,c=n?n(t):a.createElement(k.a,{rotate:t.isActive?90:void 0});return Object(S.a)(c,(function(){return{className:j()(c.props.className,"".concat(b,"-arrow"))}}))},prefixCls:b,className:v}),function(){var t=e.children;return Object(E.a)(t).map((function(e,t){var n;if(null===(n=e.props)||void 0===n?void 0:n.disabled){var i=e.key||String(t),a=e.props,l=a.disabled,r=a.collapsible,s=Object(c.a)(Object(c.a)({},Object(P.a)(e.props,["disabled"])),{key:i,collapsible:null!==r&&void 0!==r?r:l?"disabled":void 0});return Object(S.a)(e,s)}return e}))}())};A.Panel=I;var H=A;t.a=H},gYMh:function(e,t,n){"use strict";function c(e){if(null==e)throw new TypeError("Cannot destructure undefined")}n.d(t,"a",(function(){return c}))},rg98:function(e,t,n){"use strict";function c(e,t,n,c,i,a,l){try{var r=e[a](l),s=r.value}catch(o){return void n(o)}r.done?t(s):Promise.resolve(s).then(c,i)}function i(e){return function(){var t=this,n=arguments;return new Promise((function(i,a){var l=e.apply(t,n);function r(e){c(l,i,a,r,s,"next",e)}function s(e){c(l,i,a,r,s,"throw",e)}r(void 0)}))}}n.d(t,"a",(function(){return i}))}},[["190J",1,0,3,11,2,4,5,6,7,8,9,10,12,13,14,15,17,16,18,20,19,21,22,26]]]);