"use strict";(globalThis["webpackChunkcasestudy"]=globalThis["webpackChunkcasestudy"]||[]).push([[857],{5572:(t,e,a)=>{a.d(e,{C:()=>r,_:()=>l});const s="/api/",l=async t=>{let e,a=c();try{let l=await fetch(`${s}${t}`,{method:"GET",headers:a});e=await l.json()}catch(l){console.log(l),e={error:`Error has occured: ${l.message}`}}return e},r=async(t,e)=>{let a,l=c();try{let r=await fetch(`${s}${t}`,{method:"POST",headers:l,body:JSON.stringify(e)});a=await r.json()}catch(r){a=r}return a},c=()=>{const t=new Headers,e=JSON.parse(sessionStorage.getItem("customer"));return e?(t.append("Content-Type","application/json"),t.append("Authorization","Bearer "+e.token)):t.append("Content-Type","application/json"),t}},4857:(t,e,a)=>{a.r(e),a.d(e,{default:()=>C});var s=a(9835),l=a(6970);const r={class:"text-center"},c=["src"],o=(0,s._)("div",{class:"text-h4 q-mt-md text-primary"},"Cart Contents",-1),n=["src"],m={class:"text-h6 text-positive"},i={class:"text-center"},u=(0,s._)("div",{class:"text-center"},null,-1);function d(t,e,a,d,p,w){const g=(0,s.up)("q-avatar"),x=(0,s.up)("q-item-section"),f=(0,s.up)("q-item"),h=(0,s.up)("q-list"),_=(0,s.up)("q-card"),y=(0,s.up)("q-scroll-area"),q=(0,s.up)("q-btn");return(0,s.wg)(),(0,s.iD)(s.HY,null,[(0,s._)("div",r,[(0,s.Wm)(g,{class:"q-mt-lg",size:"xl",square:""},{default:(0,s.w5)((()=>[(0,s._)("img",{src:"img/fahmyz.png"},null,8,c)])),_:1}),o,(0,s.Wm)(g,{class:"q-mt-md",size:"xl",square:""},{default:(0,s.w5)((()=>[(0,s._)("img",{src:"img/cart.png"},null,8,n)])),_:1}),(0,s._)("div",m,(0,l.zw)(d.state.status),1)]),(0,s._)("div",null,[(0,s.Wm)(f,{style:{bottom:"-2vh"}},{default:(0,s.w5)((()=>[(0,s.Wm)(x,{class:"col-4 q-ml-sm text-h6 text-primary"},{default:(0,s.w5)((()=>[(0,s.Uk)("Name")])),_:1}),(0,s.Wm)(x,{class:"col-2 q-ml-sm text-h6 text-primary"},{default:(0,s.w5)((()=>[(0,s.Uk)("Qty")])),_:1}),(0,s.Wm)(x,{class:"col-2 q-ml-sm text-h6 text-primary"},{default:(0,s.w5)((()=>[(0,s.Uk)("MSRP")])),_:1}),(0,s.Wm)(x,{class:"col-2 q-ml-sm text-h6 text-primary"},{default:(0,s.w5)((()=>[(0,s.Uk)("Extended")])),_:1})])),_:1})]),(0,s._)("div",null,[(0,s.Wm)(y,{style:{height:"55vh"}},{default:(0,s.w5)((()=>[(0,s.Wm)(_,{class:"q-ma-md"},{default:(0,s.w5)((()=>[(0,s.Wm)(h,{separator:""},{default:(0,s.w5)((()=>[((0,s.wg)(!0),(0,s.iD)(s.HY,null,(0,s.Ko)(d.state.cart,(t=>((0,s.wg)(),(0,s.j4)(f,{clickable:"",key:t.product},{default:(0,s.w5)((()=>[(0,s.Wm)(x,{class:"col-4 text-left"},{default:(0,s.w5)((()=>[(0,s.Uk)((0,l.zw)(t.product.productName),1)])),_:2},1024),(0,s.Wm)(x,{class:"col-2 text-left"},{default:(0,s.w5)((()=>[(0,s.Uk)((0,l.zw)(t.qty),1)])),_:2},1024),(0,s.Wm)(x,{class:"col-2 text-left"},{default:(0,s.w5)((()=>[(0,s.Uk)("$"+(0,l.zw)(t.product.msrp),1)])),_:2},1024),(0,s.Wm)(x,{class:"col-2 text-left"},{default:(0,s.w5)((()=>[(0,s.Uk)("$"+(0,l.zw)(t.qty*t.product.msrp),1)])),_:2},1024)])),_:2},1024)))),128)),(0,s.Wm)(f,null,{default:(0,s.w5)((()=>[(0,s.Wm)(x,{class:"text-right"},{default:(0,s.w5)((()=>[(0,s.Uk)("Sub: $"+(0,l.zw)(d.state.tot.toFixed(2)),1)])),_:1})])),_:1}),(0,s.Wm)(f,null,{default:(0,s.w5)((()=>[(0,s.Wm)(x,{class:"text-right"},{default:(0,s.w5)((()=>[(0,s.Uk)("Tax (13%): $"+(0,l.zw)((d.state.totTx-d.state.tot).toFixed(2)),1)])),_:1})])),_:1}),(0,s.Wm)(f,null,{default:(0,s.w5)((()=>[(0,s.Wm)(x,{class:"text-right"},{default:(0,s.w5)((()=>[(0,s.Uk)("Total: $"+(0,l.zw)(d.state.totTx.toFixed(2)),1)])),_:1})])),_:1})])),_:1})])),_:1})])),_:1})]),(0,s._)("div",i,[(0,s.Wm)(q,{class:"q-mr-sm",color:"primary",label:"Place Order",disable:d.state.cart.length<1,onClick:e[0]||(e[0]=t=>d.placeOrder())},null,8,["disable"]),(0,s.Wm)(q,{color:"primary",label:"Clear Cart",onClick:e[1]||(e[1]=t=>d.clearCart()),style:{"max-width":"29vw","margin-bottom":"3%"}})]),u],64)}var p=a(499),w=a(5572);const g={setup(){(0,s.bv)((()=>{sessionStorage.getItem("cart")&&(t.cart=JSON.parse(sessionStorage.getItem("cart"))),t.cart.forEach((e=>{t.tot+=e.product.msrp*e.qty,t.totTx=1.13*t.tot}))}));let t=(0,p.qj)({status:"",cart:[],tot:0,totTx:0});const e=()=>{sessionStorage.removeItem("cart"),t.cart=[],t.status="cart cleared",t.tot=0,t.totTx=0},a=async()=>{let a=JSON.parse(sessionStorage.getItem("customer")),s=JSON.parse(sessionStorage.getItem("cart"));try{t.status="Placing order..";let l={email:a.email,selections:s},r=await(0,w.C)("order",l);console.log(r),r.indexOf("not")>0||e(),t.status=r}catch(l){console.log(l),t.status=`Error placing order: ${l}`}};return{state:t,clearCart:e,placeOrder:a}}};var x=a(1639),f=a(1357),h=a(490),_=a(1233),y=a(1019),q=a(4458),W=a(3246),k=a(4455),v=a(9984),S=a.n(v);const b=(0,x.Z)(g,[["render",d]]),C=b;S()(g,"components",{QAvatar:f.Z,QItem:h.Z,QItemSection:_.Z,QScrollArea:y.Z,QCard:q.Z,QList:W.Z,QBtn:k.Z})}}]);