https://eduall-vue.netlify.app/assets/Checkout-eNkaeI3J.js

1import{H as w}from"./Header-CVACZm5S.js";import{_ as C}from"./Breadcrumb-CvI8Za9B.js";import{_ as g,c as r,b as t,y as k,e as b,t as o,s as l,z as i,v as V,F as p,f as x,o as d,B as U,d as u,r as c}from"./index-BnxObZXq.js";import{_ as P}from"./Footer-DRIz7usb.js";import"./shape6-H-JIteTK.js";import"./shape5-CVN100N7.js";import"./shape4-q8UrSedO.js";const D={data(){return{transaction:{id:"25246584",basePrice:99.99,tax:5,shipping:"Free",discount:9,total:1115},countries:["USA","UK","Canada","Bangladesh"],paymentMethods:[{id:"creditCard",name:"Credit card"},{id:"debitCard",name:"Debit card"},{id:"paypal",name:"PayPal"}],billing:{name:"",email:"",phone:"",country:"USA",address:"",paymentMethod:"creditCard",cardNumber:"",expiryDate:"",cvv:"",nameOnCard:"",discountCode:""}}},methods:{applyDiscount(){this.billing.discountCode==="DISCOUNT9"?(this.transaction.discount=9,this.transaction.total=this.transaction.basePrice+this.transaction.tax-this.transaction.discount):(this.transaction.discount=0,this.transaction.total=this.transaction.basePrice+this.transaction.tax)},checkout(){alert("Checkout successful!")}}},N={class:"py-120"},S={class:"container"},B={class:"row"},E={class:"col-lg-8"},M={class:"border border-neutral-30 rounded-12 bg-main-25 p-32"},T={class:"d-flex align-items-center justify-content-between"},F={class:"text-neutral-500 text-md"},j={class:"text-neutral-700"},O={class:"text-neutral-500 text-md"},A={class:"text-neutral-700"},H={class:"row gy-4"},I={class:"col-sm-6 col-xs-6"},z={class:"col-sm-6 col-xs-6"},J={class:"col-sm-6 col-xs-6"},K={class:"col-sm-6 col-xs-6"},L=["value"],R={class:"col-sm-12"},q={class:"border border-neutral-30 rounded-12 bg-main-25 p-32 mt-24"},G={class:"d-flex align-items-center gap-24 flex-wrap"},Q=["id","value"],W=["for"],X={class:"row gy-4"},Y={class:"col-sm-12"},Z={class:"col-sm-6 col-xs-6"},$={class:"col-sm-6 col-xs-6"},tt={class:"col-sm-12"},et={class:"col-lg-4"},st={class:"border border-neutral-30 rounded-12 bg-main-25 p-24"},nt={class:"flex-align align-items-start flex-wrap gap-8"},lt={class:"flex-align gap-12 text-neutral-700"},ot={class:"mb-0"},it=["data-bs-title"],rt={class:"d-flex flex-column gap-24"},dt={class:"d-flex align-items-center justify-content-between gap-4"},at={class:"text-neutral-700 fw-medium"},ut={class:"d-flex align-items-center justify-content-between gap-4"},ct={class:"text-neutral-700 fw-medium"},mt={class:"d-flex align-items-center justify-content-between gap-4"},pt={class:"text-neutral-700 fw-medium"},bt={class:"my-24 position-relative"},xt={class:"d-flex align-items-center justify-content-between gap-4"},gt={class:"text-main-two-600 fw-medium"},ft={class:"d-flex align-items-center justify-content-between gap-4"},ht={class:"text-main-600 fw-medium"};function vt(f,e,h,v,n,a){return d(),r("div",N,[t("div",S,[t("form",{onSubmit:e[12]||(e[12]=k((...s)=>a.checkout&&a.checkout(...s),["prevent"]))},[t("div",B,[t("div",E,[t("div",M,[e[15]||(e[15]=t("h4",{class:"mb-12"},"Billing address",-1)),t("div",T,[t("div",F,[e[13]||(e[13]=b(" Transaction ID: ")),t("span",j,o(n.transaction.id),1)]),t("div",O,[e[14]||(e[14]=b(" Total Payable Amount: ")),t("span",A,"$"+o(n.transaction.total),1)])]),e[16]||(e[16]=t("span",{class:"d-block border border-neutral-30 my-24 border-dashed"},null,-1)),t("div",H,[t("div",I,[l(t("input",{"onUpdate:modelValue":e[0]||(e[0]=s=>n.billing.name=s),type:"text",class:"common-input bg-white rounded-pill border-neutral-40 focus-border-main-600 placeholder-text-neutral-100",placeholder:"Enter Name"},null,512),[[i,n.billing.name]])]),t("div",z,[l(t("input",{"onUpdate:modelValue":e[1]||(e[1]=s=>n.billing.email=s),type:"email",class:"common-input bg-white rounded-pill border-neutral-40 focus-border-main-600 placeholder-text-neutral-100",placeholder:"Enter Email"},null,512),[[i,n.billing.email]])]),t("div",J,[l(t("input",{"onUpdate:modelValue":e[2]||(e[2]=s=>n.billing.phone=s),type:"tel",class:"common-input bg-white rounded-pill border-neutral-40 focus-border-main-600 placeholder-text-neutral-100",placeholder:"Enter Phone Number"},null,512),[[i,n.billing.phone]])]),t("div",K,[l(t("select",{"onUpdate:modelValue":e[3]||(e[3]=s=>n.billing.country=s),class:"common-input form-select bg-white rounded-pill border-neutral-40 focu

1s-border-main-600 placeholder-text-neutral-100"},[(d(!0),r(p,null,x(n.countries,s=>(d(),r("option",{key:s,value:s},o(s),9,L))),128))],512),[[V,n.billing.country]])]),t("div",R,[l(t("textarea",{"onUpdate:modelValue":e[4]||(e[4]=s=>n.billing.address=s),class:"common-input bg-white rounded-24 border-neutral-40 focus-border-main-600 placeholder-text-neutral-100",placeholder:"Enter address"},null,512),[[i,n.billing.address]])])])]),t("div",q,[e[21]||(e[21]=t("h4",{class:"mb-12"},"Payment methods",-1)),t("div",G,[(d(!0),r(p,null,x(n.paymentMethods,s=>(d(),r("div",{key:s.id,class:"form-check common-check common-radio mb-0"},[l(t("input",{class:"form-check-input",type:"radio",name:"card",id:s.id,value:s.id,"onUpdate:modelValue":e[5]||(e[5]=m=>n.billing.paymentMethod=m)},null,8,Q),[[U,n.billing.paymentMethod]]),t("label",{class:"form-check-label fw-normal flex-grow-1",for:s.id},o(s.name),9,W)]))),128))]),e[22]||(e[22]=t("span",{class:"d-block border border-neutral-30 my-24 border-dashed"},null,-1)),t("div",X,[t("div",Y,[e[17]||(e[17]=t("label",{for:"cardNumber",class:"text-neutral-700 text-lg fw-medium mb-12"},"Card number",-1)),l(t("input",{"onUpdate:modelValue":e[6]||(e[6]=s=>n.billing.cardNumber=s),type:"text",class:"common-input bg-white rounded-pill border-neutral-40 focus-border-main-600 placeholder-text-neutral-100",id:"cardNumber",placeholder:"2456 1665 5155 5151"},null,512),[[i,n.billing.cardNumber]])]),t("div",Z,[e[18]||(e[18]=t("label",{for:"Expirydate",class:"text-neutral-700 text-lg fw-medium mb-12"},"Expiry date",-1)),l(t("input",{"onUpdate:modelValue":e[7]||(e[7]=s=>n.billing.expiryDate=s),type:"date",class:"common-input bg-white rounded-pill border-neutral-40 focus-border-main-600 placeholder-text-neutral-100",id:"Expirydate",placeholder:"dd-mm-yyyy"},null,512),[[i,n.billing.expiryDate]])]),t("div",$,[e[19]||(e[19]=t("label",{for:"cvv",class:"text-neutral-700 text-lg fw-medium mb-12"},"CVC / CVV",-1)),l(t("input",{"onUpdate:modelValue":e[8]||(e[8]=s=>n.billing.cvv=s),type:"text",class:"common-input bg-white rounded-pill border-neutral-40 focus-border-main-600 placeholder-text-neutral-100",id:"cvv",placeholder:"3 digits"},null,512),[[i,n.billing.cvv]])]),t("div",tt,[e[20]||(e[20]=t("label",{for:"nameCard",class:"text-neutral-700 text-lg fw-medium mb-12"},"Name on card",-1)),l(t("input",{"onUpdate:modelValue":e[9]||(e[9]=s=>n.billing.nameOnCard=s),type:"text",class:"common-input bg-white rounded-pill border-neutral-40 focus-border-main-600 placeholder-text-neutral-100",id:"nameCard",placeholder:"Jab Archur"},null,512),[[i,n.billing.nameOnCard]])])])])]),t("div",et,[t("div",st,[e[32]||(e[32]=t("span",{class:"text-neutral-700 text-lg mb-12"},"Price",-1)),t("div",nt,[t("div",lt,[e[23]||(e[23]=t("span",{class:"text-2xl d-flex"},[t("i",{class:"ph-bold ph-tag"})],-1)),e[24]||(e[24]=t("span",{class:""},"From",-1)),t("h2",ot,"$"+o(n.transaction.basePrice),1)]),t("button",{type:"button",class:"text-neutral-500 text-sm","data-bs-toggle":"tooltip","data-bs-placement":"top","data-bs-title":"Initial Price: $"+n.transaction.basePrice},e[25]||(e[25]=[t("i",{class:"ph-bold ph-info"},null,-1)]),8,it)]),e[33]||(e[33]=t("span",{class:"d-block border border-neutral-30 my-24 border-dashed"},null,-1)),t("div",rt,[t("div",dt,[e[26]||(e[26]=t("span",{class:"text-neutral-500"},"Base Price",-1)),t("span",at,"$"+o(n.transaction.basePrice),1)]),t("div",ut,[e[27]||(e[27]=t("span",{class:"text-neutral-500"},"State Tax",-1)),t("span",ct,"$"+o(n.transaction.tax),1)]),t("div",mt,[e[28]||(e[28]=t("span",{class:"text-neutral-500"},"Shipping",-1)),t("span",pt,o(n.transaction.shipping),1)])]),e[34]||(e[34]=t("span",{class:"d-block border border-neutral-30 my-24 border-dashed"},null,-1)),t("div",bt,[l(t("input",{"onUpdate:modelValue":e[10]||(e[10]=s=>n.billing.discountCode=s),type:"text",class:"form-control bg-white shadow-none border border-neutral-30 rounded-pill h-48 ps-24 pe-44 focus-border-main-600",placeholder:"DISCOUNT9"},null,512),[[i,n.billing.discountCode]]),t("button",{type:"button",onClick:e[11]||(e[11]=(...s)=>a.applyDiscount&&a.applyDiscount(...s)),class:"w-36 h-36 flex-center rounded-circle bg-main-600 text-white hover-bg-main-800 position-absolute top-50 translate-middle-y inset-inline-end-0 me-8"},e[29]||(e[29]=[t("i",{class:"ph ph-arrow-right"},null,-1)]))]),t("div",xt,[e[30]||(e[30]=t("span",{class:"text-neutral-500"},"Discount",-1)),t("span",gt,"-$"+o(n.transaction.discount),1)]),e[35]||(e[35]=t("span",{class:"d-block border border-neutral-30 my-24 border-dashed"},null,-1)),t("div",ft,[e[31]||(e[31]=t("span",{class:"text-neutral-500"},"Total",-1)),t("span",ht,"$"+o(n.transaction.total),1)]),e[36]||(e[36]=t("span",{class:"d-block border border-neutral-30 mt-24 border-dashed"},null,-1)),e[37]||(e[37]=t("button",{type:"submit",class:"btn btn-main rounded-pill w-100 mt-40"}," Check Out ",-1))])])])],32)])])}const yt=g(D,[["render",vt]]),_t={name:"Checkout",components:{Header:w,Breadcrumb:C,CheckoutSection:yt,Footer:P}};function wt(f,e,h,v,n,a){const s=c("Header"),m=c("Breadcrumb"),y=c("CheckoutSection"),_=c("Footer");return d(),r(p,null,[u(s),u(m),u(y),u(_)],64)}const St=g(_t,[["render",wt]]);export{St as default};