2 lines
8.6 KiB
JavaScript
2 lines
8.6 KiB
JavaScript
import{W as B,j as o,l as q,m as E,a as p,n as N,o as T,_ as u,p as F,q as f,v as D,w as W,V as O,A as U,ap as V,aq as Y,T as d,S as M,ar as G,B as k,as as J,I as K}from"./index-BM8mPUSr.js";import{S as Q,d as X,a as Z}from"./VisibilityOff-CySYSc3D.js";import{C as ee,L as oe}from"./Link-Bp7Yd4eg.js";import{T as A}from"./TextField-B3PMybuP.js";import{I as re}from"./InputAdornment-Df-I8zID.js";import{B as te}from"./Button-Blhp1LXA.js";const ae=B(o.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),se=B(o.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),ne=B(o.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");function le(e){return q("MuiCheckbox",e)}const R=E("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary","sizeSmall","sizeMedium"]),ie=["checkedIcon","color","icon","indeterminate","indeterminateIcon","inputProps","size","className"],ce=e=>{const{classes:r,indeterminate:t,color:s,size:n}=e,a={root:["root",t&&"indeterminate",`color${f(s)}`,`size${f(n)}`]},i=D(a,le,r);return u({},r,i)},de=W(Q,{shouldForwardProp:e=>O(e)||e==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[r.root,t.indeterminate&&r.indeterminate,r[`size${f(t.size)}`],t.color!=="default"&&r[`color${f(t.color)}`]]}})(({theme:e,ownerState:r})=>u({color:(e.vars||e).palette.text.secondary},!r.disableRipple&&{"&:hover":{backgroundColor:e.vars?`rgba(${r.color==="default"?e.vars.palette.action.activeChannel:e.vars.palette[r.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:U(r.color==="default"?e.palette.action.active:e.palette[r.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},r.color!=="default"&&{[`&.${R.checked}, &.${R.indeterminate}`]:{color:(e.vars||e).palette[r.color].main},[`&.${R.disabled}`]:{color:(e.vars||e).palette.action.disabled}})),pe=o.jsx(se,{}),ue=o.jsx(ae,{}),me=o.jsx(ne,{}),be=p.forwardRef(function(r,t){var s,n;const a=N({props:r,name:"MuiCheckbox"}),{checkedIcon:i=pe,color:b="primary",icon:m=ue,indeterminate:c=!1,indeterminateIcon:l=me,inputProps:S,size:v="medium",className:y}=a,z=T(a,ie),P=c?l:m,x=c?l:i,C=u({},a,{color:b,indeterminate:c,size:v}),h=ce(C);return o.jsx(de,u({type:"checkbox",inputProps:u({"data-indeterminate":c},S),icon:p.cloneElement(P,{fontSize:(s=P.props.fontSize)!=null?s:v}),checkedIcon:p.cloneElement(x,{fontSize:(n=x.props.fontSize)!=null?n:v}),ownerState:C,ref:t,className:F(h.root,y)},z,{classes:h}))});function xe(e){return q("MuiFormControlLabel",e)}const j=E("MuiFormControlLabel",["root","labelPlacementStart","labelPlacementTop","labelPlacementBottom","disabled","label","error","required","asterisk"]),he=["checked","className","componentsProps","control","disabled","disableTypography","inputRef","label","labelPlacement","name","onChange","required","slotProps","value"],ge=e=>{const{classes:r,disabled:t,labelPlacement:s,error:n,required:a}=e,i={root:["root",t&&"disabled",`labelPlacement${f(s)}`,n&&"error",a&&"required"],label:["label",t&&"disabled"],asterisk:["asterisk",n&&"error"]};return D(i,xe,r)},fe=W("label",{name:"MuiFormControlLabel",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[{[`& .${j.label}`]:r.label},r.root,r[`labelPlacement${f(t.labelPlacement)}`]]}})(({theme:e,ownerState:r})=>u({display:"inline-flex",alignItems:"center",cursor:"pointer",verticalAlign:"middle",WebkitTapHighlightColor:"transparent",marginLeft:-11,marginRight:16,[`&.${j.disabled}`]:{cursor:"default"}},r.labelPlacement==="start"&&{flexDirection:"row-reverse",marginLeft:16,marginRight:-11},r.labelPlacement==="top"&&{flexDirection:"column-reverse",marginLeft:16},r.labelPlacement==="bottom"&&{flexDirection:"column",marginLeft:16},{[`& .${j.label}`]:{[`&.${j.disabled}`]:{color:(e.vars||e).palette.text.disabled}}})),ve=W("span",{name:"MuiFormControlLabel",slot:"Asterisk",overridesResolver:(e,r)=>r.asterisk})(({theme:e})=>({[`&.${j.error}`]:{color:(e.vars||e).palette.error.main}})),Ce=p.forwardRef(function(r,t){var s,n;const a=N({props:r,name:"MuiFormControlLabel"}),{className:i,componentsProps:b={},control:m,disabled:c,disableTypography:l,label:S,labelPlacement:v="end",required:y,slotProps:z={}}=a,P=T(a,he),x=V(),C=(s=c??m.props.disabled)!=null?s:x==null?void 0:x.disabled,h=y??m.props.required,_={disabled:C,required:h};["checked","name","onChange","value","inputRef"].forEach(I=>{typeof m.props[I]>"u"&&typeof a[I]<"u"&&(_[I]=a[I])});const H=Y({props:a,muiFormControl:x,states:["error"]}),L=u({},a,{disabled:C,labelPlacement:v,required:h,error:H.error}),$=ge(L),w=(n=z.typography)!=null?n:b.typography;let g=S;return g!=null&&g.type!==d&&!l&&(g=o.jsx(d,u({component:"span"},w,{className:F($.label,w==null?void 0:w.className),children:g}))),o.jsxs(fe,u({className:F($.root,i),ownerState:L,ref:t},P,{children:[p.cloneElement(m,_),h?o.jsxs(M,{display:"block",children:[g,o.jsxs(ve,{ownerState:L,"aria-hidden":!0,className:$.asterisk,children:[" ","*"]})]}):g]}))}),ke="/assets/mid-mile-approach-Drwn-ig9.jpg";function Le(){const e=G(),[r,t]=p.useState(!1),[s,n]=p.useState(""),[a,i]=p.useState(""),[b,m]=p.useState(""),c=()=>{s==="admin@doormile.com"&&a==="admin"?(localStorage.setItem("logged_in","true"),e("/dashboard")):m("Invalid email or password")};return o.jsxs(k,{sx:{minHeight:"100vh",display:"flex",alignItems:"center",justifyContent:"center",backgroundImage:`url(${ke})`,backgroundSize:"cover",backgroundPosition:"center",position:"relative","&::before":{content:'""',position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(15,23,42,0.6) 0%, rgba(192, 18, 39, 0.8) 100%)",zIndex:1}},children:[o.jsxs(ee,{sx:{position:"relative",zIndex:2,width:"100%",maxWidth:440,p:{xs:4,sm:5},m:2,background:"rgba(255, 255, 255, 0.85)",backdropFilter:"blur(24px)",WebkitBackdropFilter:"blur(24px)",border:"1px solid rgba(255, 255, 255, 0.5)",boxShadow:"0 24px 48px rgba(0,0,0,0.2)",borderRadius:4},children:[o.jsx(k,{sx:{mb:4,display:"flex",justifyContent:"center"},children:o.jsx(J,{})}),o.jsx(d,{variant:"h3",sx:{fontWeight:800,textAlign:"center",letterSpacing:"-0.5px",color:"#1e293b"},children:"Welcome back"}),o.jsx(d,{variant:"body1",sx:{mt:1,mb:4,textAlign:"center",color:"#475569"},children:"Sign in to your Doormile operations account."}),o.jsxs(M,{spacing:2.5,children:[o.jsxs(k,{children:[o.jsx(d,{variant:"subtitle2",sx:{mb:.75,color:"#334155",fontWeight:600},children:"Email"}),o.jsx(A,{fullWidth:!0,placeholder:"Enter your email address",value:s,onChange:l=>n(l.target.value),sx:{"& .MuiOutlinedInput-root":{bgcolor:"rgba(255,255,255,0.6)",borderRadius:2,transition:"all 0.2s ease","&:hover":{bgcolor:"rgba(255,255,255,0.9)"},"&.Mui-focused":{bgcolor:"#fff",boxShadow:"0 4px 12px rgba(0,0,0,0.05)"}}}})]}),o.jsxs(k,{children:[o.jsx(d,{variant:"subtitle2",sx:{mb:.75,color:"#334155",fontWeight:600},children:"Password"}),o.jsx(A,{fullWidth:!0,type:r?"text":"password",placeholder:"Enter your password",value:a,onChange:l=>i(l.target.value),sx:{"& .MuiOutlinedInput-root":{bgcolor:"rgba(255,255,255,0.6)",borderRadius:2,transition:"all 0.2s ease","&:hover":{bgcolor:"rgba(255,255,255,0.9)"},"&.Mui-focused":{bgcolor:"#fff",boxShadow:"0 4px 12px rgba(0,0,0,0.05)"}}},InputProps:{endAdornment:o.jsx(re,{position:"end",children:o.jsx(K,{onClick:()=>t(l=>!l),edge:"end",size:"small",children:r?o.jsx(X,{fontSize:"small",sx:{color:"#94a3b8"}}):o.jsx(Z,{fontSize:"small",sx:{color:"#94a3b8"}})})})}})]}),o.jsxs(M,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[o.jsx(Ce,{control:o.jsx(be,{defaultChecked:!0,size:"small",sx:{color:"#cbd5e1","&.Mui-checked":{color:"primary.main"}}}),label:o.jsx(d,{variant:"body2",sx:{color:"#475569",fontWeight:500},children:"Remember me"})}),o.jsx(oe,{href:"#",underline:"hover",variant:"body2",color:"primary",sx:{fontWeight:600},children:"Forgot password?"})]}),b&&o.jsx(d,{variant:"body2",color:"error",textAlign:"center",sx:{fontWeight:600},children:b}),o.jsx(te,{fullWidth:!0,size:"large",variant:"contained",onClick:c,sx:{mt:2,py:1.5,borderRadius:2,fontSize:"1.05rem",fontWeight:700,textTransform:"none",boxShadow:"0 8px 16px rgba(192, 18, 39, 0.25)","&:hover":{boxShadow:"0 12px 20px rgba(192, 18, 39, 0.35)",transform:"translateY(-1px)"},transition:"all 0.2s ease"},children:"Sign In"})]})]}),o.jsx(k,{sx:{position:"absolute",bottom:20,zIndex:2},children:o.jsxs(d,{variant:"caption",sx:{color:"rgba(255,255,255,0.8)",fontSize:"0.8rem"},children:["© ",new Date().getFullYear()," Doormile Logistics Pvt. Ltd. All rights reserved."]})})]})}export{Le as default};
|