https://www.chulabook.com/_next/static/chunks/pages/user/order-tra…/[order_id]-3353f64fe82386aa2c53.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[180],{"0+7N":function(e,a,s){"use strict";var t=s("q1tI"),l=s.n(t),n=s("Nm0s"),i=l.a.createElement;a.a=function(e){var a=e.type,s=void 0===a?"button":a,t=e.classNmae,r=void 0===t?"w-100":t,o=e.disabled;return i(l.a.Fragment,null,i("button",{type:s,className:"btn btn-primary ".concat(r),disabled:e.loading||o,onClick:e.click},e.loading?i(n.BeatLoader,{size:10,color:"#FFF",loading:e.loading}):e.name))}},"88d/":function(e,a,s){"use strict";s.r(a);var t=s("q1tI"),l=s.n(t),n=s("CafY"),i=s("YFqc"),r=s.n(i),o=s("yzAy"),c=s("Fa0w"),m=s("I8qh"),d=s("s02U"),u=(s("Xh/3"),s("nOHt")),p=s.n(u),N=(s("TSYQ"),s("zM5D")),v=s("AXHe"),g=s.n(v),f=s("4JyM"),b=s("0+7N"),h=l.a.createElement,_=function(e){var a=Object(t.useState)(),s=a[0],l=a[1],i=Object(t.useState)(),v=i[0],f=i[1],_=Object(t.useState)(),k=(_[0],_[1]),x=Object(t.useState)(),y=(x[0],x[1]),w=Object(t.useState)(),L=w[0],D=w[1],I=Object(t.useState)(null),F=(I[0],I[1],e.t),j=Object(t.useState)(!1),q=j[0],O=j[1],S=function(){return O(!1)},E=Object(t.useState)(!1),B=E[0],T=E[1],C=Object(u.useRouter)().query.order_id;Object(t.useEffect)((function(){o.a.getProfile().then((function(e){var a=e.data;l(a)})).catch((function(e){console.log(e.response)})),o.a.getOrderDetail(C).then((function(e){var a=e.data;f(a),D(a.type);var s=0,t=0;a.products.map((function(e,a){s+=e.quantity*e.price,t+=e.quantity})),setAddressID(a.address_id),setTaxID(a.tax_address_id),k(s),y(t)})).catch((function(e){console.log(e.response)})),document.getElementsByClassName("main-layout")[0]&&(document.getElementsByClassName("main-layout")[0].style.backgroundColor="#F2F2F2")}),[]);return h(n.a,{title:"User | Order Detail"},h(c.a,{user:s,page:"order"},h("div",{className:"box-main-account"},h("div",{className:"row mx-0 px-0"},h("div",{className:"col-12 px-0"},h("div",{className:"mt-2 mb-4"},h("h6",{className:"text-black"},"\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19")))),h("div",{className:"row mx-0 px-0"},h("div",{className:"col-12 px-0"},h("div",{className:"border-detail"},h("div",{className:"p-3 d-flex justify-content-between align-items-center header-detail"},h("div",null,h("p",{className:"font-weight-bold"},"\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d #",C),h("p",null,"\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ",v?d.a.formatDate(v.createdAt):"")),h("div",null,h(r.a,{href:"/contact"},h("a",null,h("button",{type:"button",className:"btn btn-outline-primary"},"\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48"))))),h("div",{className:"border-bottom"}),h("div",{className:"p-3"},h("div",{className:"tranfer-fail"},h("div",{className:"row"},h("div",{className:"col-12"},h("p",null,"\u0e23\u0e39\u0e1b\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19"),h("div",{className:"img-slip mt-2"},h("img",{src:v?v.slips[0].image:"",className:"h-100"})))),h("div",{className:"row mt-4"},h("div",{className:"col-4"},h("p",null,"\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e42\u0e2d\u0e19"),h("p",null,v?function(e){var a=new Date(e),s=""+(a.getMonth()+1),t=""+a.getDate(),l=a.getFullYear();a.getHours(),a.getMinutes(),a.getSeconds();return t.length<2&&(t="0"+t),s.length<2&&(s="0"+s),[t,s,l+543].join("-")}(v.slips[0].date):"")),h("div",{className:"col-4"},h("p",null,"\u0e40\u0e27\u0e25\u0e32\u0e17\u0e35\u0e48\u0e42\u0e2d\u0e19"),h("p",null,v?function(e){var a=new Date(e),s=""+a.getHours(),t=""+a.getMinutes();a.getSeconds();return s.length<2&&(s="0"+s),t.length<2&&(t="0"+t),[s,t].join(":")}(v.slips[0].date):"")),h("div",{className:"col-4"},h("p",null,"\u0e42\u0e2d\u0e19\u0e08\u0e32\u0e01\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23"),h("p",null,v?v.slips[0].from_bank:""))),h("div",{className:"row mt-4"},h("div",{className:"col-4"},h("p",null,"\u0e42\u0e2d\u0e19\u0e44\u0e1b\u0e22\u0e31\u0e07"),h("p",null,v?v.slips[0].to_bank:"")),h("div",{className:"col-4"},h("p",null,"\u0e08\u0e33\u0e19\u0e27\u0e19\u0e17\u0e35\u0e48\u0e16\u0e39\u0e01\u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19\u0e41\u0e25\u0e49\u0e27"),h("p",null,v?d.a.currencyFormatDE(v.slips[0].amount):"")),h("div",{className:"col-4"},h("p",null,"\u0e40\u0e25\u0e02\u0e17\u0e35\u0e48\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e17\u0e35\u0e48\u0e42\u0e2d\u0e19 4 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22"),h("p",null,v?v.slips[0].pin:""))),h("div",{className:"row mt-4"},h("div",{className:"col-12"},h("p",{className:"text-danger"},"* ",v?v.slips[0].note:""))),h("div",{className:"row mt-5"},h("div",{className:"col-12"}

1,h("a",null,h("button",{type:"button",className:"btn btn-primary",onClick:function(){O(!0)}},"\u0e41\u0e08\u0e49\u0e07\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19\u0e43\u0e2b\u0e21\u0e48")))))))))),h(N.a,{className:"modal-cart",show:q,onHide:S,size:"lg"},h(N.a.Header,{closeButton:!0},h(N.a.Title,null,F("shippingInfo:payment_confirmation"))),h(N.a.Body,null,h("form",{onSubmit:function(){T(!0);var e=new FormData(event.target),a=m.a.getProfile().id;event.preventDefault(),e.append("user_id",a),e.append("order_id",C),o.a.uploadSlip(e).then((function(e){T(!1);e.data;O(!1),"member"==L?p.a.push("/user/member"):p.a.push("/user/order-detail/".concat(C))})).catch((function(e){T(!1),console.log(e.response)}))},className:"",encType:"multipart/form-data"},h("div",{className:"sum-all d-flex justify-content-between"},h("p",{className:"font-weight-bold"},F("shippingInfo:total_payment")),h("p",{className:"text-num"},"\u0e3f ",v?d.a.currencyFormatDE(v.total_price):"")),h("div",{className:"border-bottom my-3"}),h("p",{className:"mb-0"},F("shippingInfo:upload_photo_patment")),h("div",{className:"border-bottom my-3"}),h("div",{className:"form-group"},h("label",null,F("shippingInfo:upload_form_payment")," ",h("span",{className:"text-danger"},"*")),h("input",{type:"file",name:"image",required:!0})),h("div",{className:"border-bottom my-3"}),h("div",{className:"row"},h("div",{className:"col-6"},h("div",{className:"form-group"},h("label",null,F("shippingInfo:date_time_transfer")," ",h("span",{className:"text-pink"},"*")),h(g.a,{dateFormat:"YYYY-MM-DD",timeFormat:"HH:mm",defaultValue:new Date,inputProps:{name:"date",required:!0,autoComplete:"off",readOnly:!0},isValidDate:function(e){if(!v)return!0;var a=new Date(v.createdAt);return a.setHours(0,0,0,0),e._d>=a}})))),h("div",{className:"row"},h("div",{className:"col-6"},h("div",{className:"form-group"},h("label",null,F("shippingInfo:transfer_from_bank")," ",h("span",{className:"text-pink"},"*")),h("select",{id:"options",name:"from_bank",className:"form-control",required:!0},h("option",{value:"",className:"selected"},F("select_bank")),h("option",{"data-index":"0"},F("scb")),h("option",{"data-index":"1",className:"selected"},F("kasikorn")),h("option",{"data-index":"2"},F("krungthai")),h("option",{"data-index":"3"},F("bangkok_bank")),h("option",{"data-index":"4"},F("krungsri")),h("option",{"data-index":"5"},F("thanachart")),h("option",{"data-index":"6"},F("tmb")),h("option",{"data-index":"7"},F("gsb")),h("option",{"data-index":"8"},F("baac")),h("option",{"data-index":"9"},F("kiatnakin")),h("option",{"data-index":"10"},F("sc")),h("option",{"data-index":"11"},F("uob")),h("option",{"data-index":"12"},F("tisco")),h("option",{"data-index":"13"},F("cimb")),h("option",{"data-index":"14"},F("icbc"))))),h("div",{className:"col-6"},h("div",{className:"form-group"},h("label",null,F("shippingInfo:transfer_to")," ",h("span",{className:"text-pink"},"*")),h("select",{className:"form-control",name:"to_bank",required:!0},h("option",{value:"",className:"selected"},F("select_bank")),h("option",{value:"SCB"},F("scb")),h("option",{value:"KBANK"},F("kasikorn")),h("option",{value:"BBL"},F("bangkok_bank")),h("option",{value:"KTB"},F("krungthai")))))),h("div",{className:"row"},h("div",{className:"col-6"},h("div",{className:"form-group"},h("label",null,F("shippingInfo:amount_already_transferred")," ",h("span",{className:"text-danger"},"*")),h("input",{type:"text",name:"amount",defaultValue:v?d.a.currencyFormatDE(v.total_price):"",className:"form-control",required:!0}))),h("div",{className:"col-6"},h("div",{className:"form-group mb-0"},h("label",null,F("shippingInfo:last_4")," ",h("span",{className:"text-pink"},"*")),h("input",{type:"text",name:"pin",pattern:"[0-9]*",className:"form-control",required:!0,minLength:"4",maxLength:"4"})))),h("div",{className:"row"},h("div",{className:"col-12"},h("div",{className:"text-right"},h("p",{className:"text-danger font-14"},F("shippingInfo:for_bank_transfer"))))),h("div",{className:"row mt-4"},h("div",{className:"col-12"},h("div",{className:"text-right"},h("button",{type:"button",className:"btn btn-outline-primary mr-3",onClick:S},F("shippingInfo:cancel")),h(b.a,{loading:B,name:F("shippingInfo:confirm"),type:"submit",classNmae:"w-auto"})))))))))};_.getInitialProps=function(e){return{query:e.query}},a.default=Object(f.withTranslation)("order_detail")(_)},Fa0w:function(e,a,s){"use strict";var t=s("TSYQ"),l=s.n(t),n=s("q1tI"),i=s.n(n),r=s("4JyM"),o=i.a.createElement;a.a=Object(r.withTranslation)(["sidenav"])((function(e){var a=e.t;return o(i.a.Fragment,null,o("div",{className:""},o("div",{className:"container"},o("div",{className:"row justify-content-center"}

1,o("div",{className:"col-xl-3 col-12"},o("div",{className:"row mx-0 px-0"},o("div",{className:"col-12 px-0 mx-0"},o("div",{className:"bg-profile bg-white"},o("div",{className:"box-profile"},o("div",{className:"img"},e.user?o("img",{src:e.user.picture?e.user.picture:"/images/no-picture.png"}):""),o("div",{className:"name"},o("div",{className:"mt-3"},o("p",{className:"mb-0 font-weight-bold"},e.user?e.user.firstname:""," ",e.user?e.user.lastname:""),o(r.Link,{href:"/user/edit-profile"},o("a",null,o("p",{className:"text-gray"},a("edit_profile")))))),o("div",{className:"d-block d-xl-none"},o("div",{className:"position-link-btn-data "},o("div",{className:"lable-select-link"},a("choose")," :"),o("button",{type:"button",className:"btn dropdown-toggle btn-link-iped-up","data-toggle":"dropdown"},"dashboard"==e.page?a("manage_my_account"):"profile"==e.page?a("my_profile"):"address"==e.page?a("address_book"):"order"==e.page?a("my_orders"):"order_success"==e.page?a("order_success"):"order_return"==e.page?a("my_returns"):"order_change"==e.page?a("my_change"):"order_cancel"==e.page?a("my_cancellations"):"notification"==e.page?a("notifications"):"review"==e.page?a("my_reviews"):"favorite"==e.page?a("my_wishlist"):"member"==e.page?a("premium_member"):"follow"==e.page?a("follow"):""),o("div",{className:"dropdown-menu list-item-link w-220px"},o("ul",null,o("li",{className:l()("dashboard"==e.page?"active":"")},o(r.Link,{href:"/user/dashboard"},o("a",null,a("manage_my_account")))),o("li",{className:l()("profile"==e.page?"active":"")},o(r.Link,{href:"/user/profile"},o("a",null,a("my_profile")))),o("li",{className:l()("address"==e.page?"active":"")},o(r.Link,{href:"/user/address"},o("a",null,a("address_book")))),o("li",{className:l()("order"==e.page?"active":"")},o(r.Link,{href:"/user/order"},o("a",null,a("my_orders")))),o("li",{className:l()("order_success"==e.page?"active":"")},o(r.Link,{href:"/user/order_success"},o("a",null,a("order_success")))),o("li",{className:l()("order_change"==e.page?"active":"")},o(r.Link,{href:"/user/order_change"},o("a",null,a("my_change")))),o("li",{className:l()("order_return"==e.page?"active":"")},o(r.Link,{href:"/user/order_return"},o("a",null,a("my_returns")))),o("li",{className:l()("order_cancel"==e.page?"active":"")},o(r.Link,{href:"/user/order_cancel"},o("a",null,a("my_cancellations")))),o("li",{className:l()("notification"==e.page?"active":"")},o(r.Link,{href:"/user/notification"},o("a",null,a("notifications")))),o("li",{className:l()("review"==e.page?"active":"")},o(r.Link,{href:"/user/review"},o("a",null,a("my_reviews")))),o("li",{className:l()("favorite"==e.page?"active":"")},o(r.Link,{href:"/user/favorite"},o("a",null,a("my_wishlist")))),o("li",{className:l()("follow"==e.page?"active":"")},o(r.Link,{href:"/user/follow"},o("a",null,a("follow")))))))))))),o("div",{className:"row mx-0 px-0 d-none d-xl-block"},o("div",{className:"col-12 px-0 mx-0"},o("div",{className:"bg-account bg-white"},o("div",{className:"box-account"},o("div",null,o("div",{className:"img"},o("img",{src:"/icon/icon-user.svg"})),o("div",{className:"name"},o("div",{className:""},o("h4",{className:""},o(r.Link,{href:"/user/dashboard"},o("a",{className:l()("dashboard"==e.page?"":"text-black")},a("manage_my_account")))),o("p",null,o(r.Link,{href:"/user/profile"},o("a",{className:l()("profile"==e.page?"":"text-black")},a("my_profile")))),o("p",null,o(r.Link,{href:"/user/address"},o("a",{className:l()("address"==e.page?"":"text-black")},a("address_book"))))))),o("div",{className:"mt--32"},o("div",{className:"img"},o("img",{src:"/icon/icon-bag.svg"})),o("div",{className:"name"},o("div",{className:""},o("h4",{className:""},o(r.Link,{href:"/user/order"},o("a",{className:l()("order"==e.page?"":"text-black")},a("my_orders")))),o("p",null,o(r.Link,{href:"/user/order_success"},o("a",{className:l()("order_success"==e.page?"":"text-black")},a("order_success")))),o("p",null,o(r.Link,{href:"/user/order_change"},o("a",{className:l()("order_change"==e.page?"":"text-black")},a("my_change")))),o("p",null,o(r.Link,{href:"/user/order_return"},o("a",{className:l()("order_return"==e.page?"":"text-black")},a("my_returns")))),o("p",null,o(r.Link,{href:"/user/order_cancel"},o("a",{className:l()("order_cancel"==e.page?"":"text-black")},a("my_cancellations"))))))),o("div",{className:"main mt--32"},o("div",{className:"img"},o("img",{src:"/icon/icon-noti.svg"})),o("div",{className:"name"},o("div",{className:""},o("h4",{className:""},o(r.Link,{href:"/user/notification"},o("a",{className:l()("notification"==e.page?"":"text-black")},a("notifications"))))))),o("div",{className:"main"},o("div",{className:"img"},o("img",{src:"/icon/icon-star.svg"})),o("div",{className:"name"},o("div",{className:""},o("h4",{className:""},o(r.Link,{href:"/user/review"},o("a",{className:l()("review"==e.page?"":"text-black")},a("my_reviews"))))))),o("div",{className:"main"},o("div",{className:"img"},o("img",{src:"/icon/icon-fav.svg"})),o("div",{className:"name"},o("div",{className:""},o("h4",{className:""},o(r.Link,{href:"/user/favorite"},o("a",{className:l()("favorite"==e.page?"":"text-black")},a("my_wishlist"))))))),o("div",{className:"main"},o("div",{className:"img"},o("img",{src:"/icon/icon-vip.svg"})),o("div",{className:"name"},o("div",{className:""},o("h4",{className:""},o(r.Link,{href:"/user/member"},o("a",{className:l()("member"==e.page?"":"text-black")},a("premium_member"))))))),o("div",{className:"main"},o("div",{className:"img"},o("img",{style:{width:"25px",marginLeft:"10px"},src:"/icon/icon-follow-writer.svg"})),o("div",{className:"name"},o("div",{className:""},o("h4",{className:""},o(r.Link,{href:"/user/follow"},o("a",{className:l()("follow"==e.page?"":"text-black")},a("follow")))))))))))),o("div",{className:"col-xl-9 col-12"},o("div",{className:"box-show-account bg-white"},e.children))))),o("div",{className:"end-page"}))}))},myQU:function(e,a,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/user/order-tranfer-detail/[order_id]",function(){return s("88d/")}])}},[["myQU",0,2,33,1,3,5,4,6,7,8,9,10,11,18,20,32]]]);