https://ksp2026.lovable.app/assets/login-DqNdPAQO.js

1import{r as l,j as e,u as N,L as d}from"./index-C8dpKic_.js";import{c as m,a as x,b,d as w,G as o,B as c}from"./button-Ipy31FU7.js";import{A as y}from"./arrow-right-BlQaIa8F.js";const k=[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]],L=m("lock",k);const C=[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]],P=m("mail",C),i=l.forwardRef(({className:t,type:s,...a},r)=>e.jsx("input",{type:s,className:x("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",t),ref:r,...a}));i.displayName="Input";var S=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],M=S.reduce((t,s)=>{const a=b(`Primitive.${s}`),r=l.forwardRef((f,p)=>{const{asChild:g,...v}=f,j=g?a:s;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(j,{...v,ref:p})});return r.displayName=`Primitive.${s}`,{...t,[s]:r}},{}),R="Label",u=l.forwardRef((t,s)=>e.jsx(M.label,{...t,ref:s,onMouseDown:a=>{a.target.closest("button, input, select, textarea")||(t.onMouseDown?.(a),!a.defaultPrevented&&a.detail>1&&a.preventDefault())}}));u.displayName=R;var h=u;const D=w("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),n=l.forwardRef(({className:t,...s},a)=>e.jsx(h,{ref:a,className:x(D(),t),...s}));n.displayName=h.displayName;function B(){const t=N();return e.jsxs("div",{className:"grid min-h-screen lg:grid-cols-2",children:[e.jsxs("div",{className:"relative hidden overflow-hidden bg-gradient-hero p-10 text-white lg:flex lg:flex-col lg:justify-between",children:[e.jsx("div",{className:"absolute inset-0 grid-bg opacity-30"}),e.jsx("div",{className:"absolute -bottom-32 -left-32 h-96 w-96 rounded-full bg-accent/30 blur-3xl"}),e.jsxs(d,{to:"/",className:"relative flex items-center gap-3",children:[e.jsx("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg bg-gradient-accent shadow-accent",children:e.jsx(o,{className:"h-5 w-5 text-accent-foreground"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-display font-bold",children:"PSLCC Jawa Tengah"}),e.jsx("div",{className:"text-xs text-white/70",children:"PGRI Smart Learning Center"})]})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("h2",{className:"font-display text-4xl font-bold leading-tight",children:["Bergabung di ",e.jsx("span",{className:"text-gradient-accent",children:"Smart Teaching 4.0"})]}),e.jsx("p",{className:"mt-4 max-w-md text-white/80",children:"Akses materi, Zoom, Google Classroom, presensi, dan sertifikat 38 JP dalam satu portal."})]}),e.jsxs("div",{className:"relative text-xs text-white/60",children:["© ",new Date().getFullYear()," PSLCC PGRI Jawa Tengah"]})]}),e.jsx("div",{className:"flex items-center justify-center p-6 sm:p-10",children:e.jsxs("div",{className:"w-full max-w-sm",children:[e.jsxs(d,{to:"/",className:"mb-8 inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground lg:hidden",children:[e.jsx(o,{className:"h-4 w-4"})," PSLCC"]}),e.jsx("h1",{className:"font-display text-3xl font-bold",children:"Masuk ke akun"}),e.jsx("p",{className:"mt-2 text-sm text-muted-foreground",children:"Gunakan email yang Anda daftarkan saat registrasi."}),e.jsxs("form",{onSubmit:s=>{s.preventDefault(),t({to:"/dashboard"})},className:"mt-8 space-y-4",children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(n,{htmlFor:"email",children:"Email"}),e.jsxs("div",{className:"relative",children:[e.jsx(P,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsx(i,{id:"email",type:"email",placeholder:"[email protected]",className:"pl-10",required:!0})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(n,{htmlFor:"password",children:"Kata Sandi"}),e.jsx("a",{href:"#",className:"text-xs text-accent hover:underline",children:"Lupa?"})]}),e.jsxs("div",{className:"relative",children:[e.jsx(L,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsx(i,{id:"password",type:"password",placeholder:"••••••••",className:"pl-10",required:!0})]})]}),e.jsxs(c,{type:"submit",className:"w-full bg-gradient-accent text-accent-foreground shadow-accent hover:opacity-95",children:["Masuk ",e.jsx(y,{className:"ml-1 h-4 w-4"})]}),e.jsxs("div",{className:"relative my-2",children:[e.jsx("div",{className:"absolute inset-0 flex items-center",children:e.jsx("div",{className:"w-full border-t border-border"})}),e.jsx("div",{className:"relative flex justify-center",children:e.jsx("span",{className:"bg-background px-2 text-xs text-muted-foreground",children:"atau"})})]}),e.jsxs(c,{type:"button",variant:"outline",className:"w-full",children:[e.jsx("svg",{className:"mr-2 h-4 w-4",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"#EA4335",d:"M12 10.2v3.9h5.5c-.2 1.4-1.6 4-5.5 4-3.3 0-6-2.7-6-6.1s2.7-6.1 6-6.1c1.9 0 3.1.8 3.8 1.5l2.6-2.5C16.7 3.2 14.6 2.2 12 2.2 6.5 2.2 2 6.7 2 12.2s4.5 10 10 10c5.8 0 9.6-4.1 9.6-9.8 0-.7-.1-1.2-.2-1.7H12z"})}),"Masuk dengan Google"]})]}),e.jsxs("p",{className:"mt-6 text-center text-sm text-muted-foreground",children:["Belum punya akun? ",e.jsx("a",{href:"/#daftar",className:"font-medium text-accent hover:underline",children:"Daftar di sini"})]})]})})]})}export{B as component};