JFIFxxC      C  " }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbrimport{_ as q}from"./AccountLayout.vue_vue_type_script_setup_true_lang-io0I9Iwk.js";import{d as w,r as S,o as r,f as u,b as t,w as s,a as e,u as n,d2 as J,e as a,br as K,A as o,cN as B,cY as N,F as v,ah as k,a2 as Q,a3 as X,D as C,j as P,aj as Z,g as V,N as j,c as x,H as tt,d3 as et,c6 as st,d4 as A,t as T,aE as at,bb as nt,bS as ot,d5 as ct,U as lt,bM as rt,i as dt,bv as it,bw as _t,bx as mt,by as bt,bz as ut,bA as pt,c_ as ht}from"./index-DkU_k8ha.js";import{c as F}from"./constants-DB6wR-7_.js";import{m as D,v as E}from"./mastercard-B6r968Vw.js";import"./footer-items-BrHfimsb.js";import"./index-ziIzQLNK.js";import"./LogoBox.vue_vue_type_script_setup_true_lang-BwzRkmst.js";import"./logo-kgjl7bG8.js";import"./sp-BOmotgQw.js";import"./google-play-DG14Vt95.js";import"./05-DBEvXvRN.js";const ft=e("h5",{class:"mb-2 mb-sm-0"},"Active Plan",-1),gt={href:"#",class:"btn btn-light mb-0"},yt={class:"d-sm-flex justify-content-between align-items-center"},vt={class:"mb-3 mb-sm-0"},xt={class:"icon-lg bg-light rounded-circle mb-3 flex-centered"},wt=e("h6",null,"Standard plan",-1),$t=e("p",{class:"mb-0"},[a("Valid till: "),e("span",{class:"fw-semibold"},"May 2023 - April 2024")],-1),Bt={class:"h2 mb-1"},Dt=e("span",null,"Total per year",-1),kt={class:"mt-5"},Ct=e("div",{class:"d-sm-flex justify-content-between mb-3"},[e("p",{class:"heading-color fw-bold mb-2 mb-sm-0"},"Storage usage"),e("p",{class:"mb-0"},[e("span",{class:"heading-color fw-bold"},"5.23 GB"),a(" used of 10 GB")])],-1),Pt={class:"list-inline d-sm-flex gap-2"},It={class:"list-inline-item heading-color"},Mt={class:"list-inline-item heading-color"},St={class:"list-inline-item heading-color"},Nt=e("div",{class:"d-grid d-sm-flex justify-content-sm-end gap-2 gap-sm-3 mt-4"},[e("a",{href:"#",class:"btn btn-danger-soft mb-0"},"Cancel subscription"),e("a",{href:"#",class:"btn btn-dark mb-0"},"Update plan")],-1),Vt={class:"text-center my-5"},jt=w({__name:"ActivePlan",setup($){return(p,f)=>{const g=k,d=Q,h=X,i=S("font-awesome-icon"),_=C,c=P;return r(),u(v,null,[t(c,{"no-body":"",class:"border"},{default:s(()=>[t(g,{class:"border-bottom d-sm-flex justify-content-between align-items-center"},{default:s(()=>[ft,e("a",gt,[t(n(J),{class:"me-2"}),a("Download Pdf ")])]),_:1}),t(_,null,{default:s(()=>[e("div",yt,[e("div",vt,[e("div",xt,[t(n(K),{class:"fa-lg lh-1 heading-color"})]),wt,$t]),e("div",null,[e("h6",Bt,o(n(F))+"199",1),Dt])]),e("div",kt,[Ct,t(h,{class:"mb-2",height:"10px"},{default:s(()=>[t(d,{class:"rounded-end-0",value:45}),t(d,{variant:"primary",value:20,class:"rounded-0 bg-opacity-25"})]),_:1}),e("ul",Pt,[e("li",It,[t(i,{icon:n(B),class:"fa-2xs text-primary me-2"},null,8,["icon"]),a("Drive one ")]),e("li",Mt,[t(i,{icon:n(B),class:"fa-2xs text-primary opacity-25 me-2"},null,8,["icon"]),a("Drive two ")]),e("li",St,[t(i,{icon:n(B),class:"fa-2xs text-body-secondary opacity-50 me-2"},null,8,["icon"]),a("Empty drive ")])])]),Nt]),_:1})]),_:1}),e("div",Vt,[t(n(N))])],64)}}}),M=[{title:"MasterCard",number:"•••• 1569",badge:"primary",expiration:"12/26",image:D},{title:"VisaCard",number:"•••• 5620",expiration:"02/35",image:E}],At=[{reference:"#23458",paymentMethod:{image:D,number:"****4568"},status:"Pending",amount:"$215",date:"16/8/2023",variant:"warning"},{reference:"#23458",paymentMethod:{image:D,number:"****4568"},status:"Cancel",amount:"$199",date:"21/7/2023",variant:"danger"},{reference:"#3158",paymentMethod:{image:E,number:"****5620"},status:"Paid",amount:"$380",date:"5/7/2023",variant:"success"}],Tt=e("h5",{class:"card-header-title mb-2 mb-sm-0"},"Saved payment methods",-1),Ft={href:"#",class:"btn btn-primary mb-0 icons-center","data-bs-toggle":"modal","data-bs-target":"#addcard"},Et={class:"d-sm-flex align-items-center"},Ut={class:"flex-shrink-0 mb-2 mb-sm-0"},zt=["src"],Rt={class:"flex-grow-1 ms-sm-3"},Gt={class:"col-sm mb-3 mb-sm-0"},Ht={class:"heading-color fw-normal mb-0"},Lt={class:"text-muted"},Ot={class:"col-sm-auto"},Wt={class:"d-flex gap-3"},Yt={class:"btn btn-sm btn-white border mb-0"},qt={type:"button",class:"btn btn-sm btn-white border mb-0"},Jt={class:"text-center my-5"},Kt=w({__name:"PaymentMethod",setup($){return(p,f)=>{const g=k,d=A,h=T,i=C,_=P;return r(),u(v,null,[t(_,{"no-body":"",class:"bg-transparent rounded-3"},{default:s(()=>[t(g,{class:"bg-transparent border-bottom d-sm-flex justify-content-between px-0 pt-0"},{default:s(()=>[Tt,e("a",Ft,[t(n(Z),{class:"me-2"}),a("Add new card ")])]),_:1}),t(i,{class:"px-0 mt-3"},{default:s(()=>[(r(!0),u(v,null,V(n(M),(c,y)=>(r(),u("div",{class:j(["border rounded p-4",n(M).length-1===y?"":"mb-4"]),key:y},[e("div",Et,[e("div",Ut,[e("img",{class:"avatar",src:c.image,alt:"Img Description"},null,8,zt)]),e("div",Rt,[t(h,{class:"align-items-center"},{default:s(()=>[e("div",Gt,[e("p",Ht,[a(o(c.title)+" "+o(c.number)+" ",1),c.badge?(r(),x(d,{key:0,variant:"primary",class:"text-bg-primary"},{default:s(()=>[a(o(c.badge),1)]),_:2},1024)):tt("",!0)]),e("small",Lt,"Checking - Expires "+o(c.expiration),1)]),e("div",Ot,[e("div",Wt,[e("a",Yt,[t(n(et),{class:"me-1"}),a(" Edit ")]),e("button",qt,[t(n(st),{class:"me-1"}),a(" Delete ")])])])]),_:2},1024)])])],2))),128))]),_:1})]),_:1}),e("div",Jt,[t(n(N))])],64)}}}),Qt=e("h5",{class:"card-header-title mb-0"},"Transition history",-1),Xt={class:"rounded position-relative"},Zt=e("input",{class:"form-control pe-5 bg-transparent",type:"search",placeholder:"Search","aria-label":"Search"},null,-1),te={class:"bg-transparent p-2 position-absolute top-50 end-0 translate-middle-y border-0 text-primary-hover text-reset",type:"submit"},ee={class:"border-0 table-responsive",responsive:""},se={href:"#"},ae=["src"],ne={class:"ms-2"},oe={href:"#",class:"btn btn-light border btn-round me-1 mb-1 mb-md-0 flex-centered",title:"Download"},ce=w({__name:"TransitionHistory",setup($){const p=at(null),f=[{value:null,text:"Sort by"},{value:"Neweset",text:"Newest"},{value:"Oldest",text:"Oldest"}];return(g,d)=>{const h=k,i=S("font-awesome-icon"),_=lt,c=rt,y=dt,U=T,m=it,I=_t,z=mt,b=bt,R=A,G=ut,H=pt,L=C,O=P,W=ht;return r(),x(O,{"no-body":"",class:"bg-transparent rounded-3"},{default:s(()=>[t(h,{class:"bg-transparent border-bottom px-0 pt-0"},{default:s(()=>[Qt]),_:1}),t(L,{class:"px-0 mt-3"},{default:s(()=>[t(U,{class:"g-3 align-items-center justify-content-between mb-4"},{default:s(()=>[t(_,{md:"8"},{default:s(()=>[e("form",Xt,[Zt,e("button",te,[t(i,{icon:n(nt),class:"fs-6"},null,8,["icon"])])])]),_:1}),t(_,{md:"3"},{default:s(()=>[t(y,null,{default:s(()=>[t(c,{options:f,modelValue:p.value,"onUpdate:modelValue":d[0]||(d[0]=l=>p.value=l),class:"z-index-9 bg-transparent"},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),e("div",ee,[t(H,{hover:"",class:"align-middle p-4 mb-0"},{default:s(()=>[t(z,{class:"thead-dark"},{default:s(()=>[t(I,null,{default:s(()=>[t(m,{scope:"col",class:"border-0 text-white rounded-start"},{default:s(()=>[a("Reference")]),_:1}),t(m,{scope:"col",class:"border-0 text-white"},{default:s(()=>[a("Payment method")]),_:1}),t(m,{scope:"col",class:"border-0 text-white"},{default:s(()=>[a("Status")]),_:1}),t(m,{scope:"col",class:"border-0 text-white"},{default:s(()=>[a("Amount")]),_:1}),t(m,{scope:"col",class:"border-0 text-white"},{default:s(()=>[a("Date")]),_:1}),t(m,{scope:"col",class:"border-0 text-white rounded-end"},{default:s(()=>[a("Action")]),_:1})]),_:1})]),_:1}),t(G,null,{default:s(()=>[(r(!0),u(v,null,V(n(At),(l,Y)=>(r(),x(I,{key:Y},{default:s(()=>[t(b,null,{default:s(()=>[e("a",se,o(l.reference),1)]),_:2},1024),t(b,null,{default:s(()=>[e("img",{src:l.paymentMethod.image,class:"h-20px",alt:""},null,8,ae),e("span",ne,o(l.paymentMethod.number),1)]),_:2},1024),t(b,null,{default:s(()=>[t(R,{variant:l.variant,class:j(["bg-opacity-15",`text-${l.variant}`])},{default:s(()=>[a(o(l.status),1)]),_:2},1032,["variant","class"])]),_:2},1024),t(b,null,{default:s(()=>[a(o(n(F))+o(l.amount),1)]),_:2},1024),t(b,null,{default:s(()=>[a(o(l.date),1)]),_:2},1024),t(b,null,{default:s(()=>[ot((r(),u("a",oe,[t(n(ct))])),[[W,void 0,void 0,{popover:!0,top:!0}]])]),_:1})]),_:2},1024))),128))]),_:1})]),_:1})])]),_:1})]),_:1})}}}),ge=w({__name:"index",setup($){return(p,f)=>(r(),x(q,null,{title:s(()=>[a(" Payment details ")]),default:s(()=>[t(jt),t(Kt),t(ce)]),_:1}))}});export{ge as default};