https://more-is-more.com/assets/SettingsPage-BllrAHSY.js

1import{W as u,j as e,aE as x,B as a}from"./index-Crn3t0IA.js";import l from"./index-HE585Rqh.js";import{C as t,a as o,b as i,c as d}from"./card-DH1WBqn6.js";import{I as r}from"./input-Z8OXp_wE.js";import{L as s}from"./label-CQMFauYl.js";import{B as p}from"./Breadcrumb-RXpTkayt.js";import{D as h}from"./DefaultLayout-CXAmkJrN.js";import{U as f}from"./user-BThnUgEU.js";import{M as j}from"./mail-0m-Z4VCF.js";import{F as b}from"./file-text-DVvWf53G.js";import"./animated-theme-toggler-Bl7bbk98.js";import"./dropdown-menu-BU0Yx6fS.js";import"./floating-ui.react-dom-CWktNZu9.js";import"./index-Dz5oQ2tr.js";import"./check-CGIyrBIn.js";import"./search-DZ2Rpp9F.js";import"./dollar-sign-DQA3yO8o.js";import"./calendar-eHt9HvCs.js";import"./chevron-up-BlmrzKLE.js";const v=[["path",{d:"M12 3v12",key:"1x0j5s"}],["path",{d:"m17 8-5-5-5 5",key:"7q97r8"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}]],N=u("upload",v),T=({user:m})=>{const n=c=>{c.preventDefault(),confirm("Are you sure you want to save the changes?")?l.success("Your changes have been saved successfully!"):l.error("Your changes have not been saved!")};return e.jsx(h,{user:m,children:e.jsxs("div",{className:"mx-auto max-w-270",children:[e.jsx(p,{pageName:"Settings"}),e.jsxs("div",{className:"grid grid-cols-5 gap-8",children:[e.jsx("div",{className:"col-span-5 xl:col-span-3",children:e.jsxs(t,{children:[e.jsx(o,{children:e.jsx(i,{children:"Personal Information"})}),e.jsx(d,{children:e.jsxs("form",{onSubmit:n,children:[e.jsxs("div",{className:"mb-5.5 flex flex-col gap-5.5 sm:flex-row",children:[e.jsxs("div",{className:"w-full sm:w-1/2",children:[e.jsx(s,{htmlFor:"full-name",className:"mb-3 block text-sm font-medium text-foreground",children:"Full Name"}),e.jsxs("div",{className:"relative",children:[e.jsx(f,{className:"absolute left-4.5 top-2 h-5 w-5 text-muted-foreground"}),e.jsx(r,{className:"pl-11.5",type:"text",name:"fullName",id:"full-name",placeholder:"Devid Jhon",defaultValue:"Devid Jhon"})]})]}),e.jsxs("div",{className:"w-full sm:w-1/2",children:[e.jsx(s,{htmlFor:"phone-number",className:"mb-3 block text-sm font-medium text-foreground",children:"Phone Number"}),e.jsx(r,{type:"",name:"phoneNumber",id:"phone-number",placeholder:"+990 3343 7865",defaultValue:"+990 3343 7865"})]})]}),e.jsxs("div",{className:"mb-5.5",children:[e.jsx(s,{htmlFor:"email-address",className:"mb-3 block text-sm font-medium text-foreground",children:"Email Address"}),e.jsxs("div",{className:"relative",children:[e.jsx(j,{className:"absolute left-4.5 top-2 h-5 w-5 text-muted-foreground"}),e.jsx(r,{className:"pl-11.5",type:"email",name:"emailAddress",id:"email-address",placeholder:"[email protected]",defaultValue:"[email protected]"})]})]}),e.jsxs("div",{className:"mb-5.5",children:[e.jsx(s,{htmlFor:"username",className:"mb-3 block text-sm font-medium text-foreground",children:"Username"}),e.jsx(r,{type:"text",name:"Username",id:"username",placeholder:"devidjhon24",defaultValue:"devidjhon24"})]}),e.jsxs("div",{className:"mb-5.5",children:[e.jsx(s,{htmlFor:"bio",className:"mb-3 block text-sm font-medium text-foreground",children:"BIO"}),e.jsxs("div",{className:"relative",children:[e.jsx(b,{className:"absolute left-4.5 top-4 h-5 w-5 text-muted-foreground"}),e.jsx(x,{className:"w-full rounded border border-border bg-background py-3 pl-11.5 pr-4.5 text-foreground focus:border-primary focus-visible:outline-none",name:"bio",id:"bio",rows:6,placeholder:"Write your bio here",defaultValue:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque posuere fermentum urna, eu condimentum mauris tempus ut. Donec fermentum blandit aliquet."})]})]}),e.jsxs("div",{className:"flex justify-end gap-4.5",children:[e.jsx(a,{variant:"outline",type:"submit",children:"Cancel"}),e.jsx(a,{type:"submit",children:"Save"})]})]})})]})}),e.jsx("div",{className:"col-span-5 xl:col-span-2",children:e.jsxs(t,{children:[e.jsx(o,{children:e.jsx(i,{children:"Your Photo"})}),e.jsx(d,{children:e.jsxs("form",{action:"#",children:[e.jsxs("div",{className:"mb-4 flex items-center gap-3",children:[e.jsx("div",{className:"h-14 w-14 roun

1ded-full"}),e.jsxs("div",{children:[e.jsx("span",{className:"mb-1.5 text-foreground",children:"Edit your photo"}),e.jsxs("span",{className:"flex gap-2.5",children:[e.jsx("button",{className:"text-sm hover:text-primary",children:"Delete"}),e.jsx("button",{className:"text-sm hover:text-primary",children:"Update"})]})]})]}),e.jsxs("div",{id:"FileUpload",className:"relative mb-5.5 block w-full cursor-pointer appearance-none rounded border-2 border-dashed border-primary bg-background py-4 px-4 sm:py-7.5",children:[e.jsx("input",{type:"file",accept:"image/*",className:"absolute inset-0 z-50 m-0 h-full w-full cursor-pointer p-0 opacity-0 outline-none"}),e.jsxs("div",{className:"flex flex-col items-center justify-center space-y-3",children:[e.jsx("span",{className:"flex h-10 w-10 items-center justify-center rounded-full border border-border bg-background",children:e.jsx(N,{className:"h-4 w-4 text-primary"})}),e.jsxs("p",{children:[e.jsx("span",{className:"text-primary",children:"Click to upload"})," or drag and drop"]}),e.jsx("p",{className:"mt-1.5",children:"SVG, PNG, JPG or GIF"}),e.jsx("p",{children:"(max, 800 X 800px)"})]})]}),e.jsxs("div",{className:"flex justify-end gap-4.5",children:[e.jsx(a,{variant:"outline",type:"submit",children:"Cancel"}),e.jsx(a,{type:"submit",children:"Save"})]})]})})]})})]})]})})};export{T as default};