https://travelbeta.com/_next/static/chunks/pages/rent-vehicles/confirmation-300b0f5cd97c4bf87edc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9812],{3022:function(e,t,n){"use strict";n.d(t,{z:function(){return a}});var s=n(85893),a=function(e){var t=e.type,n=e.size,a=e.className,l=e.block,i=e.onClick,r=e.children,c=e.disabled,o=e.grey;return(0,s.jsx)("button",{disabled:void 0!==c&&c,type:void 0!=t?t:"button",className:"".concat(1==l?"w-full":""," ").concat(o?"bg-neutral-400 text-neutral-100":"bg-cta text-white"," rounded flex justify-center items-center ").concat("sm"==n?"h-12 px-6":"h-16 px-8"," ").concat(a),onClick:i,children:r})}},24725:function(e,t,n){"use strict";n.r(t);var s=n(30266),a=n(809),l=n.n(a),i=n(67294),r=n(53854),c=n(11163),o=n(9008),d=n(49546),x=n(93933),m=n(79733),u=n(45062),h=n(99148),p=n(3022),f=n(82821),g=n(91118),j=n(85893);t.default=function(){var e=(0,c.useRouter)(),t=e.query.bookingReference,n=(0,i.useState)(null),a=n[0],N=n[1],b=(0,i.useState)(!0),v=b[0],y=b[1],w=(0,i.useRef)(!1);(0,i.useEffect)((function(){(function(){var e=(0,s.Z)(l().mark((function e(){var n;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t){e.next=2;break}return e.abrupt("return");case 2:return e.prev=2,y(!0),e.next=6,(0,f.dm)(t);case 6:(n=e.sent).success?N(n.data):g.h4.show("Error fetching booking details","error"),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(2),g.h4.show("Error fetching booking details","error");case 13:return e.prev=13,y(!1),e.finish(13);case 16:case"end":return e.stop()}}),e,null,[[2,10,13,16]])})));return function(){return e.apply(this,arguments)}})()()}),[t]),(0,i.useEffect)((function(){if(a&&!v&&!w.current){var e,n;w.current=!0;var s=[],l=parseFloat(a.totalPrice)||parseFloat(a.amount)||0,i=l,r=null,c={item_name:a.vehicleType||"Car Rental",item_id:(null===(e=a.id)||void 0===e?void 0:e.toString())||a.bookingReference||"car-rental",affiliation:"travelbeta online store",currency:"NGN",price:l,item_brand:"Travelbeta",item_list_name:"car rental booking",quantity:1};a.appliedCouponCode&&(r=a.appliedCouponCode,c.coupon=r),s.push(c);var o={transaction_id:a.bookingReference||(null===(n=a.id)||void 0===n?void 0:n.toString())||t||"CAR-".concat(Date.now()),affiliation:"travelbeta online store",value:i,tax:0,shipping:l,currency:"NGN",payment_type:"inquiry",items:s};r&&(o.coupon=r),window.dataLayer=window.dataLayer||[],window.dataLayer.push({ecommerce:null}),window.dataLayer.push({event:"purchase",ecommerce:o})}}),[a,v,t]);var k=function(){e.push("/")};return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(o.default,{children:[(0,j.jsx)("title",{children:"Booking Confirmation | Rent a Vehicle - Travelbeta"}),(0,j.jsx)("meta",{name:"viewport",content:"minimum-scale=1, initial-scale=1, width=device-width"})]}),(0,j.jsxs)("div",{className:"metropolis",children:[(0,j.jsx)(x.h,{}),(0,j.jsx)("div",{className:"w-full min-vh-100 lg:px-24 py-6 lg:py-12",children:v?(0,j.jsx)("div",{className:"flex justify-center items-center h-64",children:(0,j.jsx)("p",{className:"text-neutral-300",children:"Loading booking details..."})}):a?(0,j.jsx)("div",{className:"w-full max-w-4xl mx-auto",children:(0,j.jsxs)("div",{className:"pb-8 flex flex-col items-center w-full px-6 lg:px-0",children:[(0,j.jsx)("div",{className:"mt-8 w-14 h-14 flex items-center justify-center rounded-full",style:{background:"#CDE4D9"},children:(0,j.jsx)(r.dZ6,{color:"#008041",size:48})}),(0,j.jsxs)("div",{className:"mt-6 flex flex-col items-center",children:[(0,j.jsx)("h2",{className:"text-2xl leading-none font-semibold text-neutral-100",children:"Booking Confirmation"}),(0,j.jsxs)("p",{className:"mt-4 text-center text-neutral-300 text-sm max-w-lg",children:["Thank you, your vehicle rental request has been received.",(0,j.jsx)("br",{}),"An email has been sent to you as a confirmation of this booking. Our agent will contact you shortly to complete your reservation."]})]}),(0,j.jsx)("div",{className:"mt-8 flex flex-col items-center",children:(0,j.jsxs)("p",{className:"w-full p-3 lg:p-6 border-dashed border bg-tint-300 text-base lg:text-xl leading-6 text-shade-300",style:{borderColor:"#CC8E00"},children:["Booking Reference: ",(0,j.jsx)("span",{className:"font-semibold",children:a.bookingReference||a.id})]})}),(0,j.jsxs)("div",{className:"mt-8 lg:mt-14 grid lg:grid-cols-4 grid-cols-2 gap-x-4 gap-y-8 lg:gap-8",children:[(0,j.jsxs)("div",{children:[(0,j.jsx)("p",{className:"text-neutral-300 text-sm leading-none",children:"VEHICLE:"}),(0,j.jsx)("p",{className:"mt-2 text-base leading-none text-neutral-100 font-semibold",children:a.vehicleType||"N/A"})]}),(0,j.jsxs)("div",{children:[(0,j.jsx)("p",{className:"text-neutral-300 text-sm leading-none",children:"LOCATION:"}),(0,j.jsx)("p",{className:"mt-2 text-base leading-none text-neutral-100 font-semibold",children:a.pickUpLocation||"N/A"})]}),(0,j.jsxs)("div",{children:[(0,j.jsx)("p",{className:"text-neutral-300 text-sm leading-none",children:"PICK-UP DATE:"}),(0,j.jsx)("p",{className:"mt-2 text-base leading-none text-neutral-100 font-semibold uppercase",children:a.pickUpDate?(0,d.default)(new Date(a.pickUpDate),"MMM dd, yyyy"):"N/A"})]}),(0,j.jsxs)("div",{children:[(0,j.jsx)("p",{className:"text-neutral-300 text-sm leading-none",children:"CATEGORY:"}),(0,j.jsx)("p",{className:"mt-2 text-base leading-none text-neutral-100 font-semibold uppercase",children:a.category||"N/A"})]})]}),(0,j.jsxs)("div",{className:"mt-8 lg:mt-14 grid lg:grid-cols-3 grid-cols-2 gap-x-4 gap-y-8 lg:gap-8",children:[(0,j.jsxs)("div",{children:[(0,j.jsx)("p",{className:"text-neutral-300 text-sm leading-none",children:"CUSTOMER NAME:"}),(0,j.jsx)("p",{className:"mt-2 text-base leading-none text-neutral-100 font-semibold break-words",children:"".concat(a.firstName||""," ").concat(a.lastName||"")})]}),(0,j.jsxs)("div",{children:[(0,j.jsx)("p",{className:"text-neutral-300 text-sm leading-none",children:"EMAIL:"}),(0,j.jsx)("p",{className:"mt-2 text-base leading-none text-neutral-100 font-semibold break-words",children:a.email||"N/A"})]}),(0,j.jsxs)("div",{children:[(0,j.jsx)("p",{className:"text-neutral-300 text-sm leading-none",children:"PHONE:"}),(0,j.jsx)("p",{className:"mt-2 text-base leading-none text-neutral-100 font-semibold",children:a.mobileNumber||"N/A"})]})]}),a.amount&&(0,j.jsx)("div",{className:"mt-8 w-full max-w-md",children:(0,j.jsx)("div",{className:"p-4 bg-gray-50 rounded shadow-sm",children:(0,j.jsxs)("p",{className:"text-neutral-100 font-semibold flex items-center justify-center",children:[(0,j.jsx)("span",{className:"text-prim-default mr-2",children:"Price:"}

1),"\u20a6",parseFloat(a.totalPrice).toLocaleString()]})})}),(0,j.jsx)("div",{className:"mt-14 flex justify-center",children:(0,j.jsxs)(p.z,{size:"lg",className:"space-x-4",onClick:k,children:[(0,j.jsx)("span",{children:"Return to Home"}),(0,j.jsx)(r.MOd,{})]})})]})}):(0,j.jsxs)("div",{className:"flex flex-col items-center justify-center h-64",children:[(0,j.jsx)("p",{className:"text-neutral-100 text-xl font-semibold",children:"Booking not found"}),(0,j.jsx)("p",{className:"text-neutral-300 mt-2",children:"The booking details could not be retrieved"}),(0,j.jsx)(p.z,{size:"lg",className:"mt-8",onClick:k,children:"Return to Home"})]})}),(0,j.jsx)(u.w,{}),(0,j.jsx)(h.x,{}),(0,j.jsx)(m.$,{})]})]})}},25029:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/rent-vehicles/confirmation",function(){return n(24725)}])}},function(e){e.O(0,[9546,2821,9774,2888,179],(function(){return t=25029,e(e.s=t);var t}));var t=e.O();_N_E=t}]);