fix teacher, parent and admin pages

2026-04-25 00:00:10 -04:00
parent 7fe34dde0d
commit 3e77fc92c7
275 changed files with 46412 additions and 3325 deletions
@@ -0,0 +1,87 @@
+import { useParams } from 'react-router-dom'
+import { ApiScopeNote, CompetitionPageShell } from './competitionWinnersShared'
+
+/** CI `admin/competition_winners/form.php` — layout parity; persist requires admin competition APIs. */
+export function CompetitionWinnerFormPage() {
+  const { id } = useParams()
+  const isEdit = Boolean(id)
+
+  return (
+    <CompetitionPageShell title={isEdit ? 'Edit Competition' : 'Create Competition'}>
+      <ApiScopeNote>
+        Saving competitions and per-class prize grids requires POST endpoints that mirror CI (
+        <code>store</code>, <code>update</code>). Connect the API to enable the fields below.
+      </ApiScopeNote>
+
+      <div className="card shadow-sm">
+        <div className="card-body row g-3">
+          <div className="col-md-8">
+            <label className="form-label">Title *</label>
+            <input className="form-control" disabled placeholder="Competition title" />
+          </div>
+          <div className="col-md-6">
+            <label className="form-label">Class Section (optional)</label>
+            <select className="form-select" disabled>
+              <option value="">All classes</option>
+            </select>
+            <div className="form-text">Leave empty to manage winners for all classes.</div>
+          </div>
+          <div className="col-md-3">
+            <label className="form-label">Semester</label>
+            <input className="form-control" disabled />
+          </div>
+          <div className="col-md-3">
+            <label className="form-label">School Year</label>
+            <input className="form-control" disabled placeholder="2025-2026" />
+            <div className="form-text">Counts use the school year above.</div>
+          </div>
+          <div className="col-md-4">
+            <label className="form-label">Start Date</label>
+            <input className="form-control" type="date" disabled />
+          </div>
+          <div className="col-md-4">
+            <label className="form-label">End Date</label>
+            <input className="form-control" type="date" disabled />
+          </div>
+
+          <div className="col-12">
+            <h5 className="mt-2">Winners per Class</h5>
+            <div className="table-responsive">
+              <table className="table table-bordered table-sm" data-no-mgmt-sticky>
+                <thead className="table-light">
+                  <tr>
+                    <th>Class</th>
+                    <th style={{ width: 140 }}>Students</th>
+                    <th style={{ width: 140 }}>Auto Winners</th>
+                    <th style={{ width: 150 }}>Questions</th>
+                    <th style={{ width: 120 }}>1st</th>
+                    <th style={{ width: 120 }}>2nd</th>
+                    <th style={{ width: 120 }}>3rd</th>
+                    <th style={{ width: 120 }}>4th</th>
+                    <th style={{ width: 120 }}>5th</th>
+                    <th style={{ width: 120 }}>6th</th>
+                    <th style={{ width: 160 }}>Override</th>
+                    <th style={{ width: 140 }}>Final Winners</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td colSpan={12} className="text-muted small">
+                      Class rows load from the backend when competition settings APIs are available.
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+
+          <div className="col-12">
+            <button type="button" className="btn btn-primary" disabled>
+              Save
+            </button>
+          </div>
+        </div>
+      </div>
+    </CompetitionPageShell>
+  )
+}