import{o as i,b as d,e as l,d as t,S as g,R as w,h as m,f as o,g as p,i as V,j as y,U as P,t as b,k as c,l as f,_ as r,m as h,Y as S}from"./index-9538feb4.js";import{_ as U}from"./LayoutHeader-d0c4e6dc.js";const C={class:"flex flex-col h-full"},N={class:"flex-1 overflow-auto p-5"},j={class:"max-w-3xl"},A={class:"mb-6 flex gap-2 border-b"},B=["onClick"],D={key:0,class:"space-y-6"},E={class:"rounded-lg border p-5"},F={class:"space-y-4"},$={class:"flex items-center gap-4"},R={class:"mt-6 flex justify-end"},T={key:1,class:"space-y-6"},G={class:"rounded-lg border p-5"},J={class:"space-y-4"},z={class:"mt-6 flex justify-end"},L={class:"rounded-lg border p-5"},M={key:2,class:"space-y-6"},O={class:"rounded-lg border p-5"},Y={class:"space-y-4"},q={class:"font-medium text-ink-gray-9"},H={class:"text-sm text-ink-gray-5"},I=["onUpdate:modelValue"],K={class:"mt-6 flex justify-end"},ee={__name:"Settings",setup(Q){const u=V("profile"),k=[{name:"profile",label:"Profile"},{name:"security",label:"Security"},{name:"notifications",label:"Notifications"}],a=y({name:"John Doe",email:"john@example.com",phone:"+91 98765 43210"}),n=y({currentPassword:"",newPassword:"",confirmPassword:""}),_=[{key:"siteStatus",label:"Site Status Alerts",description:"Get notified when your site status changes"},{key:"billing",label:"Billing Updates",description:"Receive invoices and payment reminders"},{key:"security",label:"Security Alerts",description:"Get notified about security-related events"},{key:"newsletter",label:"Product Updates",description:"Receive news about new features and updates"}],v=y({siteStatus:!0,billing:!0,security:!0,newsletter:!1});return(W,e)=>(i(),d("div",C,[l(U,{title:"Settings"}),t("div",N,[t("div",j,[t("div",A,[(i(),d(g,null,w(k,s=>t("button",{key:s.name,class:P(["px-4 py-2 text-sm font-medium transition-colors",u.value===s.name?"border-b-2 border-ink-gray-9 text-ink-gray-9":"text-ink-gray-5 hover:text-ink-gray-7"]),onClick:x=>u.value=s.name},b(s.label),11,B)),64))]),u.value==="profile"?(i(),d("div",D,[t("div",E,[e[9]||(e[9]=t("h2",{class:"text-lg font-semibold text-ink-gray-9 mb-4"},"Profile",-1)),t("div",F,[t("div",$,[e[7]||(e[7]=t("div",{class:"flex h-16 w-16 items-center justify-center rounded-full bg-surface-gray-2 text-2xl font-semibold text-ink-gray-5"}," JD ",-1)),l(o(f),{variant:"subtle"},{default:m(()=>[...e[6]||(e[6]=[c("Change Avatar",-1)])]),_:1})]),l(o(r),{label:"Full Name",modelValue:a.name,"onUpdate:modelValue":e[0]||(e[0]=s=>a.name=s)},null,8,["modelValue"]),l(o(r),{label:"Email",modelValue:a.email,"onUpdate:modelValue":e[1]||(e[1]=s=>a.email=s),type:"email"},null,8,["modelValue"]),l(o(r),{label:"Phone",modelValue:a.phone,"onUpdate:modelValue":e[2]||(e[2]=s=>a.phone=s),type:"tel"},null,8,["modelValue"])]),t("div",R,[l(o(f),{variant:"solid"},{default:m(()=>[...e[8]||(e[8]=[c("Save Changes",-1)])]),_:1})])])])):p("",!0),u.value==="security"?(i(),d("div",T,[t("div",G,[e[11]||(e[11]=t("h2",{class:"text-lg font-semibold text-ink-gray-9 mb-4"}," Change Password ",-1)),t("div",J,[l(o(r),{label:"Current Password",type:"password",modelValue:n.currentPassword,"onUpdate:modelValue":e[3]||(e[3]=s=>n.currentPassword=s)},null,8,["modelValue"]),l(o(r),{label:"New Password",type:"password",modelValue:n.newPassword,"onUpdate:modelValue":e[4]||(e[4]=s=>n.newPassword=s)},null,8,["modelValue"]),l(o(r),{label:"Confirm New Password",type:"password",modelValue:n.confirmPassword,"onUpdate:modelValue":e[5]||(e[5]=s=>n.confirmPassword=s)},null,8,["modelValue"])]),t("div",z,[l(o(f),{variant:"solid"},{default:m(()=>[...e[10]||(e[10]=[c("Update Password",-1)])]),_:1})])]),t("div",L,[e[13]||(e[13]=t("h2",{class:"text-lg font-semibold text-ink-gray-9 mb-4"}," Two-Factor Authentication ",-1)),e[14]||(e[14]=t("p",{class:"text-sm text-ink-gray-5 mb-4"}," Add an extra layer of security to your account by enabling two-factor authentication. ",-1)),l(o(f),{variant:"subtle"},{default:m(()=>[...e[12]||(e[12]=[c("Enable 2FA",-1)])]),_:1})])])):p("",!0),u.value==="notifications"?(i(),d("div",M,[t("div",O,[e[16]||(e[16]=t("h2",{class:"text-lg font-semibold text-ink-gray-9 mb-4"}," Email Notifications ",-1)),t("div",Y,[(i(),d(g,null,w(_,s=>t("label",{key:s.key,class:"flex items-center justify-between"},[t("div",null,[t("p",q,b(s.label),1),t("p",H,b(s.description),1)]),h(t("input",{type:"checkbox","onUpdate:modelValue":x=>v[s.key]=x,class:"h-4 w-4 rounded border-gray-300"},null,8,I),[[S,v[s.key]]])])),64))]),t("div",K,[l(o(f),{variant:"solid"},{default:m(()=>[...e[15]||(e[15]=[c("Save Preferences",-1)])]),_:1})])])])):p("",!0)])])]))}};export{ee as default};
//# sourceMappingURL=Settings-93a00d9d.js.map
