https://fliplab.io.vn/assets/js/ClassList-jmAefFsx.js

1var C=(r,p,t)=>new Promise((o,i)=>{var b=n=>{try{u(t.next(n))}catch(c){i(c)}},m=n=>{try{u(t.throw(n))}catch(c){i(c)}},u=n=>n.done?o(n.value):Promise.resolve(n.value).then(b,m);u((t=t.apply(r,p)).next())});import{b as se,r as l,j as e,a as be}from"./react-vendor-Bmj5VlNT.js";import{M as ue}from"./MainLayout-oGL5Yymk.js";import{a0 as T,c as he,aI as H,O as te,r as pe,ae as W,bw as fe,ak as Y,$ as ge,H as Z,a7 as je,a3 as ke}from"./icons-hi2-BN_j_nRP.js";import{c as L}from"./classroomService-vrqPQrvA.js";import{b as ae,a as ve,a9 as Ne,g as S,D as O}from"./study-modes-C76nMQ3U.js";import{J as we}from"./JoinClassModal-BPGZ-gYL.js";import{P as ye}from"./ProUpgradeModal-BefBrGaI.js";import{m as v,A as _e}from"./motion-vendor-C7r_-Z0p.js";import"./icons-other-DiipBQ7p.js";import"./index-D7Jrz-4v.js";import"./data-vendor-BOVf-I-t.js";import"./charts-vendor-Lc4STq0H.js";import"./sentry-vendor-ikJ5QM32.js";import"./effects-vendor-B04Tb7nA.js";import"./useUnreadChat-CB0hL16I.js";const ee=({classItem:r,isTeacherView:p})=>{var d;const t=se(),{t:o}=ae(),[i,b]=l.useState(!1),m=r.memberCount||((d=r.studentIds)==null?void 0:d.length)||0,u=f=>{f.stopPropagation(),navigator.clipboard.writeText(r.joinCode),b(!0),setTimeout(()=>b(!1),2e3)},c=(f=>{switch(f){case"english":return{label:o("classroom.subject_english"),bg:"bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20"};case"ielts":return{label:"IELTS",bg:"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20"};case"toeic":return{label:"TOEIC",bg:"bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20"};default:return{label:f||o("classroom.my_classes"),bg:"bg-indigo-500/10 text-indigo-600 dark:text-indigo-400 border-indigo-500/20"}}})(r.subject);return e.jsxs("div",{onClick:()=>t(`/classes/${r._id}`),className:"group flex flex-col justify-between rounded-2xl sm:rounded-[1.5rem] border-2 border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800/90 p-4 sm:p-5 hover:border-blue-400 dark:hover:border-blue-500 hover:shadow-lg hover:-translate-y-1 transition-all duration-300 cursor-pointer",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between gap-2 mb-3",children:[e.jsxs("span",{className:`inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-md border text-xs font-semibold ${c.bg}`,children:[e.jsx(T,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:c.label})]}),p?e.jsxs("button",{type:"button",onClick:u,className:"inline-flex items-center gap-1.5 px-3 py-1 rounded-full border-2 border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/80 text-xs font-mono font-bold text-slate-700 dark:text-slate-200 hover:border-blue-400 dark:hover:border-blue-500 hover:bg-blue-50 dark:hover:bg-blue-950/60 hover:text-blue-600 dark:hover:text-blue-400 transition-all cursor-pointer active:scale-95 shadow-2xs",title:o("classroom.copy_code"),children:[i?e.jsx(he,{className:"w-3.5 h-3.5 text-emerald-600 dark:text-emerald-400"}):e.jsx(H,{className:"w-3.5 h-3.5 text-slate-400 group-hover:text-blue-500"}),e.jsx("span",{className:i?"text-emerald-600 dark:text-emerald-400 font-bold":"",children:i?o("classroom.copied_short"):r.joinCode})]}):e.jsx("span",{className:"text-xs font-medium text-slate-400",children:r.level||o("classroom.role_student")})]}),e.jsx("h3",{className:"text-base font-bold text-slate-900 dark:text-slate-100 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors line-clamp-1",children:r.name}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400 mt-1 line-clamp-2 min-h-[32px] leading-relaxed",children:r.description||o("classroom.no_description")})]}),e.jsxs("div",{className:"mt-4 pt-3 border-t border-slate-200 dark:border-slate-700 flex items-center justify-between text-xs",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-slate-500 dark:text-slate-400 font-medium",children:[e.jsx(te,{className:"w-4 h-4 text-slate-400"}),e.jsx("span",{children:o("classroom.students_count",{n:m})})]}),e.jsxs("span",{className:"inline-flex items-center gap-1 font-bold text-blue-600 dar

1k:text-blue-400 group-hover:translate-x-0.5 transition-transform",children:[e.jsx("span",{children:o("classroom.enter_class")}),e.jsx(pe,{className:"w-4 h-4"})]})]})]})},Qe=()=>{const r=se(),p=ve(),{t,formatRelativeTime:o}=ae(),{isPro:i,isTeacher:b}=Ne(),[m,u]=l.useState([]),[n,c]=l.useState(!0),[d,f]=l.useState("all"),[N,D]=l.useState(""),[le,w]=l.useState(!1),[J,re]=l.useState([]),[oe,I]=l.useState(!1),[M,g]=l.useState(!1),[A,$]=l.useState(""),[z,B]=l.useState(""),[Q,U]=l.useState("english"),[V,F]=l.useState(!1),x=m.filter(s=>s.membershipRole==="teacher"||s.membershipRole==="assistant"),q=m.filter(s=>s.membershipRole==="student"),[ne,P]=l.useState(!1),[de,G]=l.useState(""),[ie,X]=l.useState(""),y=()=>{const s=x.length;if(!b){G(t("classroom.pro_teaching_title")),X(t("classroom.pro_teaching_desc")),P(!0);return}if(s>=20){G(t("classroom.pro_limit_title")),X(t("classroom.pro_limit_desc")),P(!0);return}g(!0)},K=l.useRef(y);l.useEffect(()=>{K.current=y}),l.useEffect(()=>{if(!M)return;const s=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=s}},[M]),l.useEffect(()=>{E(),R();const s=()=>w(!0),a=()=>K.current(),j=S.on(O.CLASSROOM_OPEN_JOIN,s),k=S.on(O.CLASSROOM_OPEN_CREATE,a);return()=>{typeof j=="function"?j():S.off(O.CLASSROOM_OPEN_JOIN,s),typeof k=="function"?k():S.off(O.CLASSROOM_OPEN_CREATE,a)}},[]);const E=()=>C(null,null,function*(){c(!0);try{const s=yield L.getMyClasses();if(s.success&&s.data){const a=s.data.classes||[...s.data.teacherClasses||[],...s.data.studentClasses||[]];u(a)}}catch(s){}finally{c(!1)}}),R=()=>C(null,null,function*(){var s;try{I(!0);const a=yield L.getTeacherRecentSubmissions();a.success&&((s=a.data)!=null&&s.submissions)&&re(a.data.submissions)}catch(a){}finally{I(!1)}}),ce=s=>C(null,null,function*(){var a,j,k;if(s.preventDefault(),!!A.trim())try{F(!0);const h=yield L.createClass({name:A.trim(),description:z.trim(),subject:Q});h.success&&((a=h.data)!=null&&a.class)&&(p.success(t("toast.class_create_success")),g(!1),$(""),B(""),U("english"),E(),R(),r(`/classes/${h.data.class._id}`))}catch(h){p.error(((k=(j=h==null?void 0:h.response)==null?void 0:j.data)==null?void 0:k.message)||t("classroom.create_class_error"))}finally{F(!1)}}),_=(d==="teacher"?x:d==="student"?q:m).filter(s=>s.name.toLowerCase().includes(N.toLowerCase())||(s.subject||"").toLowerCase().includes(N.toLowerCase())),xe=x.reduce((s,a)=>s+Math.max(0,(a.memberCount||1)-1),0),me=x.reduce((s,a)=>s+(a.activeAssignmentCount||0),0);return e.jsxs(ue,{children:[e.jsxs("div",{className:"w-full max-w-7xl mx-auto py-8 px-4 sm:px-6 space-y-6",children:[e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-center justify-between gap-4",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-black tracking-tight text-slate-900 dark:text-white",children:t("classroom.page_title")}),e.jsx("p",{className:"text-xs sm:text-sm font-medium text-slate-600 dark:text-slate-300 mt-1",children:t("classroom.page_subtitle")})]}),e.jsxs("div",{className:"flex items-center gap-2.5 shrink-0",children:[e.jsxs("button",{type:"button",onClick:()=>w(!0),className:"inline-flex items-center gap-2 h-10 px-5 rounded-full border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 text-xs font-bold text-slate-700 dark:text-slate-200 hover:bg-slate-50 dark:hover:bg-slate-800 hover:border-slate-300 dark:hover:border-slate-600 transition-all shadow-xs hover:shadow cursor-pointer active:scale-95",children:[e.jsx(H,{className:"w-4 h-4 text-slate-500 dark:text-slate-400"}),e.jsx("span",{children:t("classroom.join_class")})]}),e.jsxs("button",{type:"button",onClick:y,className:"inline-flex items-center gap-2 h-10 px-5.5 rounded-full bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white text-xs font-extrabold shadow-md shadow-blue-500/20 hover:shadow-blue-500/30 transition-all cursor-pointer active:scale-95",children:[e.jsx(W,{className:"w-4 h-4"}),e.jsx("span",{children:t("classroom.create_class")})]})]})]}),d==="teacher"&&x.length>0&&e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3.5",children:[e.jsxs("div",{className:"rounded-2xl border-2 border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800/90 p-4 flex items-center justify-between shadow-2xs",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold text-slate-500 dark:text-slate-400",children:t("classroom.teaching_count")}),e.jsxs("p",{className:"text-lg font-black font-mono text-slate-900 dark:text-slate-100 mt-1",children:[x.length,e.jsxs("span",{className:"text-xs font-medium text-slate-600 dar

1k:text-slate-300 ml-1",children:["/ ",i?"20":"1"]})]})]}),e.jsx("div",{className:"w-9 h-9 rounded-xl bg-indigo-50 dark:bg-indigo-950/50 text-indigo-600 dark:text-indigo-400 flex items-center justify-center shrink-0",children:e.jsx(T,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"rounded-2xl border-2 border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800/90 p-4 flex items-center justify-between shadow-2xs",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold text-slate-500 dark:text-slate-400",children:t("classroom.total_students")}),e.jsxs("p",{className:"text-lg font-black font-mono text-slate-900 dark:text-slate-100 mt-1",children:[xe,e.jsxs("span",{className:"text-xs font-medium text-slate-600 dark:text-slate-300 ml-1",children:["/ ",i?"500":"5"]})]})]}),e.jsx("div",{className:"w-9 h-9 rounded-xl bg-blue-50 dark:bg-blue-950/50 text-blue-600 dark:text-blue-400 flex items-center justify-center shrink-0",children:e.jsx(te,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"rounded-2xl border-2 border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800/90 p-4 flex items-center justify-between shadow-2xs",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold text-slate-500 dark:text-slate-400",children:t("classroom.assigned_count")}),e.jsx("p",{className:"text-lg font-black font-mono text-slate-900 dark:text-slate-100 mt-1",children:me})]}),e.jsx("div",{className:"w-9 h-9 rounded-xl bg-violet-50 dark:bg-violet-950/50 text-violet-600 dark:text-violet-400 flex items-center justify-center shrink-0",children:e.jsx(fe,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"rounded-2xl border-2 border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800/90 p-4 flex items-center justify-between shadow-2xs",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold text-slate-500 dark:text-slate-400",children:t("classroom.account")}),e.jsxs("p",{className:"text-xs font-bold text-slate-800 dark:text-slate-200 mt-1 flex items-center gap-1.5",children:[e.jsx("span",{className:"w-2 h-2 rounded-full bg-emerald-500"}),e.jsx("span",{children:b?"Teacher Pro":t("classroom.free_plan")})]})]}),e.jsx("div",{className:"w-9 h-9 rounded-xl bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0",children:e.jsx(Y,{className:"w-4 h-4"})})]})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-center justify-between gap-3",children:[e.jsx("div",{className:"inline-flex p-1 rounded-full bg-slate-100 dark:bg-slate-800/80 border border-slate-200 dark:border-slate-700 relative",children:[{id:"all",label:t("classroom.tab_all",{count:m.length})},{id:"teacher",label:t("classroom.tab_teacher_count",{count:x.length}),onSelect:()=>{R()}},{id:"student",label:t("classroom.tab_student_count",{count:q.length})}].map(s=>{const a=d===s.id;return e.jsxs("button",{type:"button",onClick:()=>{f(s.id),s.onSelect&&s.onSelect()},className:`relative z-10 px-4 py-1.5 rounded-full text-xs font-bold transition-colors cursor-pointer select-none ${a?"text-blue-600 dark:text-blue-400":"text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-slate-200"}`,children:[a&&e.jsx(v.div,{layoutId:"activeClassTab",className:"absolute inset-0 bg-white dark:bg-slate-900 rounded-full shadow-xs border border-slate-200/70 dark:border-slate-700 -z-10",transition:{type:"spring",stiffness:450,damping:30}}),e.jsx("span",{children:s.label})]},s.id)})}),e.jsxs("div",{className:"relative w-full sm:w-72",children:[e.jsx(ge,{className:"absolute left-3.5 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400"}),e.jsx("input",{type:"text",value:N,onChange:s=>D(s.target.value),placeholder:t("classroom.search_placeholder"),className:"w-full pl-10 pr-9 h-10 rounded-full border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 text-xs sm:text-sm text-slate-900 dark:text-slate-100 font-medium placeholder-slate-400 focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/15 transition-all shadow-2xs"}),N&&e.jsx("button",{type:"button",onClick:()=>D(""),className:"absolute right-3 top-1/2 -translate-y-1/2 text-slate-400 hover:text-slate-600 dar

1k:hover:text-slate-200 p-0.5 cursor-pointer",children:e.jsx(Z,{className:"w-3.5 h-3.5"})})]})]}),d==="teacher"&&x.length>0?e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-6 items-start",children:[e.jsx("div",{className:"lg:col-span-7 xl:col-span-8",children:n?e.jsx("div",{className:"py-16 text-center text-xs text-slate-400",children:t("classroom.loading_list")}):_.length===0?e.jsxs("div",{className:"rounded-2xl border-2 border-dashed border-slate-200 dark:border-slate-700 p-10 text-center bg-slate-50/50 dark:bg-slate-900/30",children:[e.jsx(T,{className:"w-8 h-8 text-slate-400 mx-auto mb-2"}),e.jsx("h3",{className:"text-sm font-semibold text-slate-800 dark:text-slate-200",children:t("classroom.empty_title")}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400 mt-1 max-w-xs mx-auto leading-relaxed",children:t("classroom.empty_teacher_hint")})]}):e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:_.map(s=>e.jsx(ee,{classItem:s,isTeacherView:!0},s._id))})}),e.jsxs("div",{className:"lg:col-span-5 xl:col-span-4 bg-white/90 dark:bg-slate-800/90 border-2 border-slate-200 dark:border-slate-700 rounded-2xl sm:rounded-[1.5rem] p-5 flex flex-col min-h-[300px] backdrop-blur-md shadow-2xs",children:[e.jsxs("div",{className:"flex items-center justify-between pb-3.5 border-b border-slate-200 dark:border-slate-700 shrink-0",children:[e.jsxs("h3",{className:"text-xs font-bold text-slate-800 dark:text-slate-200 flex items-center gap-2",children:[e.jsx(je,{className:"w-4 h-4 text-blue-500"}),e.jsx("span",{children:t("classroom.recent_submissions")})]}),e.jsx("span",{className:"text-[11px] font-bold text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-950/60 px-2.5 py-0.5 rounded-full border border-blue-200/40 dark:border-blue-900/30",children:t("classroom.latest")})]}),e.jsx("div",{className:"flex-1 overflow-y-auto mt-3 space-y-2 pr-1 scrollbar-thin",children:oe?e.jsx("div",{className:"py-12 text-center text-xs text-slate-400",children:t("classroom.loading_submissions")}):J.length===0?e.jsxs("div",{className:"py-12 text-center text-xs text-slate-500 dark:text-slate-400 flex flex-col items-center justify-center gap-2",children:[e.jsx(ke,{className:"w-7 h-7 text-slate-300 dark:text-slate-700"}),e.jsx("p",{children:t("classroom.no_recent_submissions")})]}):J.map(s=>e.jsxs("div",{className:"flex items-start gap-2.5 p-2.5 rounded-xl hover:bg-slate-50 dark:hover:bg-slate-800/50 transition-colors",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-blue-100 dark:bg-slate-800 text-blue-600 dark:text-blue-400 flex items-center justify-center text-xs font-bold shrink-0",children:s.studentAvatar?e.jsx("img",{src:s.studentAvatar,alt:s.studentName,className:"w-full h-full rounded-full object-cover"}):s.studentName.slice(0,2).toUpperCase()}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("p",{className:"text-xs font-bold text-slate-800 dark:text-slate-200 truncate",children:s.studentName}),e.jsxs("p",{className:"text-[11px] text-slate-500 dark:text-slate-400 mt-0.5 truncate",children:[e.jsx("strong",{className:"text-slate-700 dark:text-slate-300 font-semibold",children:s.assignmentTitle})," • ",s.className]}),e.jsx("span",{className:"text-[10px] text-slate-400 block mt-0.5",children:s.completedAt?o(new Date(s.completedAt)):""})]}),s.score!==void 0&&e.jsx("div",{className:"text-right shrink-0",children:e.jsx("span",{className:"text-xs font-mono font-bold text-emerald-600 dark:text-emerald-400 bg-emerald-50 dark:bg-emerald-950/60 px-2 py-0.5 rounded-full border border-emerald-200/50 dark:border-emerald-900/30",children:t("classroom.score_pts",{score:s.score})})})]},s._id))})]})]}):e.jsx("div",{children:n?e.jsx("div",{className:"py-16 text-center text-xs text-slate-400",children:t("classroom.loading_list")}):_.length===0?e.jsxs("div",{className:"rounded-3xl border border-dashed border-slate-200 dark:border-slate-800 p-12 text-center bg-slate-50/50 dark:bg-slate-900/30 backdrop-blur-xs",children:[e.jsx(T,{className:"w-10 h-10 text-slate-400 mx-auto mb-3"}),e.jsx("h3",{className:"text-sm font-bold text-slate-800 dark:text-slate-200",children:t("classroom.empty_title")}),e.jsx("p",{className:"text-xs text-slate-500 dark:text-slate-400 mt-1 max-w-xs mx-auto leading-relaxed",children:t(d==="teacher"?"classroom.empty_teacher_hint":"classroom.empty_student_hint")}),e.jsx("div",{className:"mt-5",children:d==="teacher"?e.jsxs("button",{type:"button",onClick:y,className:"inline-flex items-center gap-2 px-6 py-2.5 rounded-xl bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white text-xs font-black shadow-md shadow-blue-500/20 hover:shadow-lg hover:scale-105 hover:-translate-y-0.5 transition-all cursor-pointer active:scale-95",children:[e.jsx(W,{className:"w-4 h-4"}),e.jsx("span",{children:t("classroom.create_now")})]}):e.jsxs("button",{type:"button",onClick:()=>w(!0),className:"inline-flex items-center gap-2 px-6 py-2.5 rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 hover:bg-slate-50 dark:hover:bg-slate-700 hover:border-slate-300 dark:hover:border-slate-600 text-xs font-bold text-slate-700 dark:text-slate-200 hover:scale-105 hover:-translate-y-0.5 transition-all cursor-pointer shadow-xs hover:shadow active:scale-95",children:[e.jsx(H,{className:"w-4 h-4 text-slate-500"}),e.jsx("span",{children:t("classroom.join_class")})]})})]}):e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5",children:_.map((s,a)=>e.jsx(v.div,{initial:{opacity:0,y:15}

1,animate:{opacity:1,y:0},transition:{duration:.3,delay:Math.min(a*.05,.3)},children:e.jsx(ee,{classItem:s,isTeacherView:x.includes(s)})},s._id))})})]}),e.jsx(we,{isOpen:le,onClose:()=>w(!1),onSuccess:s=>{E(),r(`/classes/${s}`)}}),typeof document!="undefined"&&be.createPortal(e.jsx(_e,{children:M&&e.jsx(v.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},className:"fixed inset-0 z-50 flex items-center justify-center bg-slate-950/60 backdrop-blur-xs p-4",onClick:s=>{s.target===s.currentTarget&&g(!1)},children:e.jsxs(v.div,{initial:{opacity:0,scale:.94,y:16},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.94,y:12},transition:{type:"spring",stiffness:380,damping:28},className:"relative w-full max-w-md overflow-hidden rounded-3xl border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 p-6 sm:p-7 shadow-2xl",onClick:s=>s.stopPropagation(),children:[e.jsxs("div",{className:"flex items-center justify-between pb-3.5 border-b border-slate-100 dark:border-slate-800",children:[e.jsxs("h3",{className:"text-sm font-bold text-slate-900 dark:text-slate-100 flex items-center gap-2",children:[e.jsx(Y,{className:"w-4 h-4 text-blue-500"}),e.jsx("span",{children:t("classroom.create_class_title")})]}),e.jsx(v.button,{"data-ui-close-button":!0,type:"button",whileHover:{scale:1.1,rotate:90},whileTap:{scale:.9},transition:{type:"spring",stiffness:400,damping:25},onClick:()=>g(!1),className:"w-8 h-8 rounded-full bg-slate-100 dark:bg-slate-800 hover:bg-slate-200 dark:hover:bg-slate-700 text-slate-500 hover:text-slate-800 dark:hover:text-slate-200 flex items-center justify-center transition-colors cursor-pointer",children:e.jsx(Z,{className:"w-4 h-4"})})]}),e.jsxs("form",{onSubmit:ce,className:"mt-4 space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-bold text-slate-700 dark:text-slate-300 mb-1.5",children:t("classroom.class_name_label")}),e.jsx("input",{type:"text",value:A,onChange:s=>$(s.target.value),placeholder:t("classroom.class_name_placeholder"),className:"w-full px-3.5 py-2.5 rounded-xl border border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/80 text-xs text-slate-900 dark:text-slate-100 focus:bg-white dark:focus:bg-slate-900 focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all",required:!0})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-bold text-slate-700 dark:text-slate-300 mb-1.5",children:t("classroom.class_desc_label")}),e.jsx("textarea",{value:z,onChange:s=>B(s.target.value),placeholder:t("classroom.class_desc_placeholder"),rows:2.5,className:"w-full px-3.5 py-2.5 rounded-xl border border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/80 text-xs text-slate-900 dark:text-slate-100 focus:bg-white dark:focus:bg-slate-900 focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-bold text-slate-700 dark:text-slate-300 mb-1.5",children:t("classroom.subject_label")}),e.jsxs("select",{value:Q,onChange:s=>U(s.target.value),className:"w-full px-3.5 py-2.5 rounded-xl border border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/80 text-xs text-slate-900 dark:text-slate-100 focus:bg-white dark:focus:bg-slate-900 focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all cursor-pointer",children:[e.jsx("option",{value:"english",children:t("classroom.subject_english")}),e.jsx("option",{value:"ielts",children:t("classroom.subject_ielts")}),e.jsx("option",{value:"toeic",children:t("classroom.subject_toeic")}),e.jsx("option",{value:"other",children:t("classroom.subject_other")})]})]}),e.jsxs("div",{className:"flex items-center justify-end gap-2.5 pt-3 border-t border-slate-100 dark:border-slate-800",children:[e.jsx("button",{type:"button",onClick:()=>g(!1),className:"px-4 py-2 rounded-full text-xs font-bold text-slate-600 dark:text-slate-400 hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors cursor-pointer",children:t("common.cancel")}),e.jsx("button",{type:"submit",disabled:V,className:"px-5 py-2 rounded-full bg-blue-600 hover:bg-blue-700 text-white text-xs font-extrabold shadow-md shadow-blue-500/20 disabled:opacity-50 transition-all cursor-pointer active:scale-95",children:t(V?"classroom.creating_class":"classroom.create_class_now_btn")})]})]})]})})}),document.body),e.jsx(ye,{isOpen:ne,onClose:()=>P(!1),targetPlan:"teacher",featureTitle:de,featureDescription:ie})]})};export{Qe as ClassList,Qe as default};