Update frontend/src/components/admin/PlanForm.jsx

frontend/src/components/admin/PlanForm.jsx

@@ -15,6 +15,7 @@ export default function PlanForm({ plan, onSave, onCancel, isLoading }) {
   const [description, setDescription] = useState("");
   const [maxStudents, setMaxStudents] = useState("1");
   const [isActive, setIsActive] = useState(true);
+  const [isDefault, setIsDefault] = useState(false);
 
   useEffect(() => {
     if (plan) {
@@ -24,6 +25,7 @@ export default function PlanForm({ plan, onSave, onCancel, isLoading }) {
       setDescription(plan.description || "");
       setMaxStudents(String(plan.max_students || 1));
       setIsActive(plan.is_active ?? true);
+      setIsDefault(plan.is_default ?? false);
     } else {
       setName("");
       setBillingPeriod("monthly");
@@ -31,6 +33,7 @@ export default function PlanForm({ plan, onSave, onCancel, isLoading }) {
       setDescription("");
       setMaxStudents("1");
       setIsActive(true);
+      setIsDefault(false);
     }
   }, [plan]);
 
@@ -46,6 +49,7 @@ export default function PlanForm({ plan, onSave, onCancel, isLoading }) {
       description: description || null,
       max_students: maxStudentsNumber,
       is_active: isActive,
+      is_default: isDefault,
     });
   }
 
@@ -133,17 +137,28 @@ export default function PlanForm({ plan, onSave, onCancel, isLoading }) {
         />
       </div>
 
-      {/* Bottom Row: Checkbox and Buttons */}
+      {/* Bottom Row: Checkboxes and Buttons */}
       <div className="flex items-center justify-between pt-1">
-        <label className="inline-flex items-center gap-2 text-xs text-stone-700">
-          <input
-            type="checkbox"
-            className="rounded border-stone-300"
-            checked={isActive}
-            onChange={(e) => setIsActive(e.target.checked)}
-          />
-          Active / visible to students
-        </label>
+        <div className="flex flex-col gap-2">
+          <label className="inline-flex items-center gap-2 text-xs text-stone-700">
+            <input
+              type="checkbox"
+              className="rounded border-stone-300"
+              checked={isActive}
+              onChange={(e) => setIsActive(e.target.checked)}
+            />
+            Active / visible to students
+          </label>
+          <label className="inline-flex items-center gap-2 text-xs text-stone-700">
+            <input
+              type="checkbox"
+              className="rounded border-stone-300"
+              checked={isDefault}
+              onChange={(e) => setIsDefault(e.target.checked)}
+            />
+            Default membership plan (max 2)
+          </label>
+        </div>
         <div className="flex gap-2">
           <button
             type="button"