@burdenoff/microfe-atheletebridge 2026.705.2 → 2026.706.1

package/dist/atheletebridge/pages/fixtures/FixtureFormPage.js

@@ -1,205 +1,293 @@
 import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { FIXTURE_TYPE_LABELS as n } from "../../components/domain.js";
-import { LoadingState as r } from "../../components/LoadingState.js";
-import { useScheduleFixture as i, useTeams as a } from "../../hooks/useAthleteBridgeApi.js";
-import { FormField as o, fieldInputClass as s } from "../../components/form.js";
-import { toIsoOrUndefined as c } from "../../utils/datetime.js";
-import { useState as l } from "react";
-import { ArrowLeft as u, Loader2 as d, Save as f } from "lucide-react";
-import { useSearchParams as p } from "react-router-dom";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { FIXTURE_TYPE_LABELS as r } from "../../components/domain.js";
+import { Crest as i } from "../../components/Crest.js";
+import { LoadingState as a } from "../../components/LoadingState.js";
+import { useFixtures as o, useScheduleFixture as s, useTeams as c } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as l, fieldInputClass as u } from "../../components/form.js";
+import { toIsoOrUndefined as d } from "../../utils/datetime.js";
+import { useMemo as f, useState as p } from "react";
+import { ArrowLeft as m, Calendar as h, Clock as g, Handshake as _, Loader2 as v, Network as y, Save as b, Shield as x, Swords as S, Trophy as C } from "lucide-react";
+import { useSearchParams as w } from "react-router-dom";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { GlassCard as D } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/fixtures/FixtureFormPage.tsx
-var g = Object.keys(n);
-function _() {
-	let [_] = p(), { navigateTo: v } = e(), y = a({ pagination: { limit: 100 } }), b = i(), [x, S] = l(_.get("homeTeamId") ?? ""), [C, w] = l(""), [T, E] = l("FRIENDLY"), [D, O] = l(""), [k, A] = l(""), [j, M] = l(""), [N, P] = l(""), [F, I] = l(""), [L, R] = l(""), [z, B] = l(null), V = y.data?.items ?? [];
-	return y.isLoading ? /* @__PURE__ */ m(t, {
+var O = {
+	FRIENDLY: _,
+	LEAGUE: x,
+	CUP: C,
+	TOURNAMENT: y,
+	SCRIMMAGE: S
+}, k = Object.keys(r);
+function A() {
+	let [_] = w(), { navigateTo: y } = e(), x = c({ pagination: { limit: 100 } }), S = o({ pagination: { limit: 100 } }), C = s(), [A, j] = p(_.get("homeTeamId") ?? ""), [M, N] = p(""), [P, F] = p("FRIENDLY"), [I, L] = p(""), [R, z] = p(""), [B, V] = p(""), [H, U] = p(""), [W, G] = p(""), [K, q] = p(""), [J, Y] = p(null), X = x.data?.items ?? [], Z = X.find((e) => e.id === A), Q = X.find((e) => e.id === M), { competitions: $, venues: ee } = f(() => {
+		let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set();
+		for (let n of S.data?.items ?? []) n.competition && e.add(n.competition), n.venue && t.add(n.venue);
+		return {
+			competitions: Array.from(e).sort(),
+			venues: Array.from(t).sort()
+		};
+	}, [S.data]);
+	return x.isLoading ? /* @__PURE__ */ T(n, {
 		title: "Schedule fixture",
-		children: /* @__PURE__ */ m(r, { label: "Loading teams…" })
-	}) : /* @__PURE__ */ m(t, {
+		children: /* @__PURE__ */ T(a, { label: "Loading teams…" })
+	}) : /* @__PURE__ */ T(n, {
 		title: "Schedule fixture",
 		description: "Set up a match between a home team and an optional away team.",
-		actions: /* @__PURE__ */ h("button", {
+		actions: /* @__PURE__ */ E("button", {
 			type: "button",
-			onClick: () => v("/fixtures"),
+			onClick: () => y("/fixtures"),
 			className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-			children: [/* @__PURE__ */ m(u, { className: "h-4 w-4" }), " Cancel"]
+			children: [/* @__PURE__ */ T(m, { className: "h-4 w-4" }), " Cancel"]
 		}),
-		children: /* @__PURE__ */ h("form", {
+		children: /* @__PURE__ */ T("form", {
 			onSubmit: async (e) => {
-				if (e.preventDefault(), B(null), !x) {
-					B("A home team is required.");
+				if (e.preventDefault(), Y(null), !A) {
+					Y("A home team is required.");
 					return;
 				}
-				if (!N) {
-					B("A scheduled date and time is required.");
+				if (!H) {
+					Y("A scheduled date and time is required.");
 					return;
 				}
-				if (C && C === x) {
-					B("Home and away teams must be different.");
+				if (M && M === A) {
+					Y("Home and away teams must be different.");
 					return;
 				}
 				try {
-					v(`/fixtures/${(await b.mutateAsync({
-						homeTeamId: x,
-						awayTeamId: C || void 0,
-						type: T,
-						competition: D.trim() || void 0,
-						round: k.trim() || void 0,
-						venue: j.trim() || void 0,
-						scheduledAt: new Date(N).toISOString(),
-						kickoffAt: c(F),
-						notes: L.trim() || void 0
+					y(`/fixtures/${(await C.mutateAsync({
+						homeTeamId: A,
+						awayTeamId: M || void 0,
+						type: P,
+						competition: I.trim() || void 0,
+						round: R.trim() || void 0,
+						venue: B.trim() || void 0,
+						scheduledAt: new Date(H).toISOString(),
+						kickoffAt: d(W),
+						notes: K.trim() || void 0
 					})).id}`);
 				} catch (e) {
-					B(e instanceof Error ? e.message : "Failed to schedule fixture.");
+					Y(e instanceof Error ? e.message : "Failed to schedule fixture.");
 				}
 			},
-			className: "max-w-2xl space-y-5",
-			children: [
-				/* @__PURE__ */ h("div", {
-					className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-					children: [/* @__PURE__ */ m(o, {
-						label: "Home team",
-						htmlFor: "homeTeam",
-						required: !0,
-						children: /* @__PURE__ */ h("select", {
-							id: "homeTeam",
-							className: s,
-							value: x,
-							onChange: (e) => S(e.target.value),
-							children: [/* @__PURE__ */ m("option", {
-								value: "",
-								children: "Select a team"
-							}), V.map((e) => /* @__PURE__ */ m("option", {
-								value: e.id,
-								children: e.name
-							}, e.id))]
+			className: "mx-auto max-w-3xl",
+			children: /* @__PURE__ */ E(D, {
+				treatment: "insight",
+				className: "p-5 sm:p-7",
+				children: [
+					/* @__PURE__ */ E("div", {
+						className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+						children: [/* @__PURE__ */ E(l, {
+							label: "Home team",
+							htmlFor: "homeTeam",
+							required: !0,
+							children: [/* @__PURE__ */ E("select", {
+								id: "homeTeam",
+								className: u,
+								value: A,
+								onChange: (e) => j(e.target.value),
+								children: [/* @__PURE__ */ T("option", {
+									value: "",
+									children: "Select a team"
+								}), X.map((e) => /* @__PURE__ */ T("option", {
+									value: e.id,
+									children: e.name
+								}, e.id))]
+							}), Z ? /* @__PURE__ */ E("div", {
+								className: "mt-2 flex items-center gap-2",
+								children: [/* @__PURE__ */ T(i, {
+									name: Z.name,
+									sport: Z.sport,
+									size: 28
+								}), /* @__PURE__ */ T("span", {
+									className: "truncate text-xs font-medium text-text-secondary",
+									children: Z.name
+								})]
+							}) : null]
+						}), /* @__PURE__ */ E(l, {
+							label: "Away team",
+							htmlFor: "awayTeam",
+							hint: "Optional for trials / open events.",
+							children: [/* @__PURE__ */ E("select", {
+								id: "awayTeam",
+								className: u,
+								value: M,
+								onChange: (e) => N(e.target.value),
+								children: [/* @__PURE__ */ T("option", {
+									value: "",
+									children: "No away team"
+								}), X.map((e) => /* @__PURE__ */ T("option", {
+									value: e.id,
+									children: e.name
+								}, e.id))]
+							}), Q ? /* @__PURE__ */ E("div", {
+								className: "mt-2 flex items-center gap-2",
+								children: [/* @__PURE__ */ T(i, {
+									name: Q.name,
+									sport: Q.sport,
+									size: 28
+								}), /* @__PURE__ */ T("span", {
+									className: "truncate text-xs font-medium text-text-secondary",
+									children: Q.name
+								})]
+							}) : null]
+						})]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "mt-5",
+						children: [/* @__PURE__ */ T("span", {
+							className: "mb-1.5 block text-sm font-medium text-text-primary",
+							children: "Type"
+						}), /* @__PURE__ */ T("div", {
+							role: "radiogroup",
+							"aria-label": "Fixture type",
+							onKeyDown: (e) => {
+								let t = k.indexOf(P);
+								e.key === "ArrowRight" || e.key === "ArrowDown" ? (e.preventDefault(), F(k[(t + 1) % k.length])) : (e.key === "ArrowLeft" || e.key === "ArrowUp") && (e.preventDefault(), F(k[(t - 1 + k.length) % k.length]));
+							},
+							className: "grid grid-cols-2 gap-2 sm:grid-cols-5",
+							children: k.map((e) => {
+								let n = O[e], i = P === e;
+								return /* @__PURE__ */ E("button", {
+									type: "button",
+									role: "radio",
+									"aria-checked": i,
+									tabIndex: i ? 0 : -1,
+									onClick: () => F(e),
+									className: t("flex items-center justify-center gap-1.5 rounded-lg border px-2.5 py-2.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", i ? "border-action-primary-bg bg-[var(--color-accent-soft)] text-text-primary ring-1 ring-inset ring-action-primary-bg" : "border-border-seam text-text-secondary hover:bg-bg-sunken"),
+									children: [/* @__PURE__ */ T(n, {
+										className: "h-4 w-4 shrink-0",
+										"aria-hidden": "true"
+									}), r[e]]
+								}, e);
+							})
+						})]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2",
+						children: [/* @__PURE__ */ E(l, {
+							label: "Competition",
+							htmlFor: "competition",
+							hint: "Used to group standings.",
+							children: [/* @__PURE__ */ T("input", {
+								id: "competition",
+								list: "ath-fixture-competitions",
+								className: u,
+								value: I,
+								onChange: (e) => L(e.target.value),
+								placeholder: "e.g. Spring League 2026"
+							}), /* @__PURE__ */ T("datalist", {
+								id: "ath-fixture-competitions",
+								children: $.map((e) => /* @__PURE__ */ T("option", { value: e }, e))
+							})]
+						}), /* @__PURE__ */ T(l, {
+							label: "Round",
+							htmlFor: "round",
+							children: /* @__PURE__ */ T("input", {
+								id: "round",
+								className: u,
+								value: R,
+								onChange: (e) => z(e.target.value),
+								placeholder: "e.g. Round 4"
+							})
+						})]
+					}),
+					/* @__PURE__ */ T("div", {
+						className: "mt-5",
+						children: /* @__PURE__ */ E(l, {
+							label: "Venue",
+							htmlFor: "venue",
+							children: [/* @__PURE__ */ T("input", {
+								id: "venue",
+								list: "ath-fixture-venues",
+								className: u,
+								value: B,
+								onChange: (e) => V(e.target.value),
+								placeholder: "e.g. Riverside Stadium"
+							}), /* @__PURE__ */ T("datalist", {
+								id: "ath-fixture-venues",
+								children: ee.map((e) => /* @__PURE__ */ T("option", { value: e }, e))
+							})]
 						})
-					}), /* @__PURE__ */ m(o, {
-						label: "Away team",
-						htmlFor: "awayTeam",
-						hint: "Optional for trials / open events.",
-						children: /* @__PURE__ */ h("select", {
-							id: "awayTeam",
-							className: s,
-							value: C,
-							onChange: (e) => w(e.target.value),
-							children: [/* @__PURE__ */ m("option", {
-								value: "",
-								children: "No away team"
-							}), V.map((e) => /* @__PURE__ */ m("option", {
-								value: e.id,
-								children: e.name
-							}, e.id))]
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2",
+						children: [/* @__PURE__ */ T(l, {
+							label: "Scheduled at",
+							htmlFor: "scheduledAt",
+							required: !0,
+							children: /* @__PURE__ */ E("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ T(h, {
+									className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ T("input", {
+									id: "scheduledAt",
+									type: "datetime-local",
+									className: t(u, "pl-9"),
+									value: H,
+									onChange: (e) => U(e.target.value)
+								})]
+							})
+						}), /* @__PURE__ */ T(l, {
+							label: "Kick-off at",
+							htmlFor: "kickoffAt",
+							hint: "Optional refinement.",
+							children: /* @__PURE__ */ E("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ T(g, {
+									className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ T("input", {
+									id: "kickoffAt",
+									type: "datetime-local",
+									className: t(u, "pl-9"),
+									value: W,
+									onChange: (e) => G(e.target.value)
+								})]
+							})
+						})]
+					}),
+					/* @__PURE__ */ T("div", {
+						className: "mt-5",
+						children: /* @__PURE__ */ T(l, {
+							label: "Notes",
+							htmlFor: "notes",
+							children: /* @__PURE__ */ T("textarea", {
+								id: "notes",
+								className: u,
+								rows: 3,
+								value: K,
+								onChange: (e) => q(e.target.value),
+								placeholder: "Any extra context for this fixture."
+							})
 						})
-					})]
-				}),
-				/* @__PURE__ */ m(o, {
-					label: "Type",
-					htmlFor: "type",
-					children: /* @__PURE__ */ m("select", {
-						id: "type",
-						className: s,
-						value: T,
-						onChange: (e) => E(e.target.value),
-						children: g.map((e) => /* @__PURE__ */ m("option", {
-							value: e,
-							children: n[e]
-						}, e))
+					}),
+					J && /* @__PURE__ */ T("p", {
+						className: "mt-5 text-sm text-status-error-text",
+						children: J
+					}),
+					/* @__PURE__ */ E("div", {
+						className: "mt-6 flex items-center justify-end gap-3 border-t border-border-seam pt-5",
+						children: [/* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => y("/fixtures"),
+							className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+							children: "Cancel"
+						}), /* @__PURE__ */ E("button", {
+							type: "submit",
+							disabled: C.isPending,
+							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
+							children: [C.isPending ? /* @__PURE__ */ T(v, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(b, { className: "h-4 w-4" }), "Schedule fixture"]
+						})]
 					})
-				}),
-				/* @__PURE__ */ h("div", {
-					className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-					children: [/* @__PURE__ */ m(o, {
-						label: "Competition",
-						htmlFor: "competition",
-						hint: "Used to group standings.",
-						children: /* @__PURE__ */ m("input", {
-							id: "competition",
-							className: s,
-							value: D,
-							onChange: (e) => O(e.target.value),
-							placeholder: "e.g. Spring League 2026"
-						})
-					}), /* @__PURE__ */ m(o, {
-						label: "Round",
-						htmlFor: "round",
-						children: /* @__PURE__ */ m("input", {
-							id: "round",
-							className: s,
-							value: k,
-							onChange: (e) => A(e.target.value),
-							placeholder: "e.g. Round 4"
-						})
-					})]
-				}),
-				/* @__PURE__ */ m(o, {
-					label: "Venue",
-					htmlFor: "venue",
-					children: /* @__PURE__ */ m("input", {
-						id: "venue",
-						className: s,
-						value: j,
-						onChange: (e) => M(e.target.value),
-						placeholder: "e.g. Riverside Stadium"
-					})
-				}),
-				/* @__PURE__ */ h("div", {
-					className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-					children: [/* @__PURE__ */ m(o, {
-						label: "Scheduled at",
-						htmlFor: "scheduledAt",
-						required: !0,
-						children: /* @__PURE__ */ m("input", {
-							id: "scheduledAt",
-							type: "datetime-local",
-							className: s,
-							value: N,
-							onChange: (e) => P(e.target.value)
-						})
-					}), /* @__PURE__ */ m(o, {
-						label: "Kick-off at",
-						htmlFor: "kickoffAt",
-						children: /* @__PURE__ */ m("input", {
-							id: "kickoffAt",
-							type: "datetime-local",
-							className: s,
-							value: F,
-							onChange: (e) => I(e.target.value)
-						})
-					})]
-				}),
-				/* @__PURE__ */ m(o, {
-					label: "Notes",
-					htmlFor: "notes",
-					children: /* @__PURE__ */ m("textarea", {
-						id: "notes",
-						className: s,
-						rows: 3,
-						value: L,
-						onChange: (e) => R(e.target.value),
-						placeholder: "Any extra context for this fixture."
-					})
-				}),
-				z && /* @__PURE__ */ m("p", {
-					className: "text-sm text-status-error-text",
-					children: z
-				}),
-				/* @__PURE__ */ m("div", {
-					className: "pt-2",
-					children: /* @__PURE__ */ h("button", {
-						type: "submit",
-						disabled: b.isPending,
-						className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-						children: [b.isPending ? /* @__PURE__ */ m(d, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ m(f, { className: "h-4 w-4" }), "Schedule fixture"]
-					})
-				})
-			]
+				]
+			})
 		})
 	});
 }
 //#endregion
-export { _ as FixtureFormPage };
+export { A as FixtureFormPage };
 
 //# sourceMappingURL=FixtureFormPage.js.map

package/dist/atheletebridge/pages/fixtures/FixtureFormPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FixtureFormPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/fixtures/FixtureFormPage.tsx"],"sourcesContent":["/**\n * Fixture Schedule Form\n * @module atheletebridge/pages/fixtures\n */\n\nimport { useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { ArrowLeft, Loader2, Save } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { LoadingState } from '../../components/LoadingState';\nimport { FIXTURE_TYPE_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useScheduleFixture, useTeams } from '../../hooks/useAthleteBridgeApi';\nimport { toIsoOrUndefined } from '../../utils/datetime';\nimport type { AthFixtureType } from '../../types';\n\nconst TYPES = Object.keys(FIXTURE_TYPE_LABELS) as AthFixtureType[];\n\nexport function FixtureFormPage() {\n  const [searchParams] = useSearchParams();\n  const { navigateTo } = useAthleteBridge();\n\n  const teams = useTeams({ pagination: { limit: 100 } });\n  const scheduleFixture = useScheduleFixture();\n\n  const [homeTeamId, setHomeTeamId] = useState(searchParams.get('homeTeamId') ?? '');\n  const [awayTeamId, setAwayTeamId] = useState('');\n  const [type, setType] = useState<AthFixtureType>('FRIENDLY');\n  const [competition, setCompetition] = useState('');\n  const [round, setRound] = useState('');\n  const [venue, setVenue] = useState('');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [kickoffAt, setKickoffAt] = useState('');\n  const [notes, setNotes] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const teamOptions = teams.data?.items ?? [];\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    if (!homeTeamId) {\n      setError('A home team is required.');\n      return;\n    }\n    if (!scheduledAt) {\n      setError('A scheduled date and time is required.');\n      return;\n    }\n    if (awayTeamId && awayTeamId === homeTeamId) {\n      setError('Home and away teams must be different.');\n      return;\n    }\n\n    try {\n      const created = await scheduleFixture.mutateAsync({\n        homeTeamId,\n        awayTeamId: awayTeamId || undefined,\n        type,\n        competition: competition.trim() || undefined,\n        round: round.trim() || undefined,\n        venue: venue.trim() || undefined,\n        scheduledAt: new Date(scheduledAt).toISOString(),\n        kickoffAt: toIsoOrUndefined(kickoffAt),\n        notes: notes.trim() || undefined,\n      });\n      navigateTo(`/fixtures/${created.id}`);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to schedule fixture.');\n    }\n  };\n\n  if (teams.isLoading) {\n    return (\n      <PageLayout title=\"Schedule fixture\">\n        <LoadingState label=\"Loading teams…\" />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Schedule fixture\"\n      description=\"Set up a match between a home team and an optional away team.\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/fixtures')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Cancel\n        </button>\n      }\n    >\n      <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-5\">\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Home team\" htmlFor=\"homeTeam\" required>\n            <select\n              id=\"homeTeam\"\n              className={fieldInputClass}\n              value={homeTeamId}\n              onChange={(e) => setHomeTeamId(e.target.value)}\n            >\n              <option value=\"\">Select a team</option>\n              {teamOptions.map((tm) => (\n                <option key={tm.id} value={tm.id}>\n                  {tm.name}\n                </option>\n              ))}\n            </select>\n          </FormField>\n\n          <FormField label=\"Away team\" htmlFor=\"awayTeam\" hint=\"Optional for trials / open events.\">\n            <select\n              id=\"awayTeam\"\n              className={fieldInputClass}\n              value={awayTeamId}\n              onChange={(e) => setAwayTeamId(e.target.value)}\n            >\n              <option value=\"\">No away team</option>\n              {teamOptions.map((tm) => (\n                <option key={tm.id} value={tm.id}>\n                  {tm.name}\n                </option>\n              ))}\n            </select>\n          </FormField>\n        </div>\n\n        <FormField label=\"Type\" htmlFor=\"type\">\n          <select\n            id=\"type\"\n            className={fieldInputClass}\n            value={type}\n            onChange={(e) => setType(e.target.value as AthFixtureType)}\n          >\n            {TYPES.map((tp) => (\n              <option key={tp} value={tp}>\n                {FIXTURE_TYPE_LABELS[tp]}\n              </option>\n            ))}\n          </select>\n        </FormField>\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Competition\" htmlFor=\"competition\" hint=\"Used to group standings.\">\n            <input\n              id=\"competition\"\n              className={fieldInputClass}\n              value={competition}\n              onChange={(e) => setCompetition(e.target.value)}\n              placeholder=\"e.g. Spring League 2026\"\n            />\n          </FormField>\n\n          <FormField label=\"Round\" htmlFor=\"round\">\n            <input\n              id=\"round\"\n              className={fieldInputClass}\n              value={round}\n              onChange={(e) => setRound(e.target.value)}\n              placeholder=\"e.g. Round 4\"\n            />\n          </FormField>\n        </div>\n\n        <FormField label=\"Venue\" htmlFor=\"venue\">\n          <input\n            id=\"venue\"\n            className={fieldInputClass}\n            value={venue}\n            onChange={(e) => setVenue(e.target.value)}\n            placeholder=\"e.g. Riverside Stadium\"\n          />\n        </FormField>\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Scheduled at\" htmlFor=\"scheduledAt\" required>\n            <input\n              id=\"scheduledAt\"\n              type=\"datetime-local\"\n              className={fieldInputClass}\n              value={scheduledAt}\n              onChange={(e) => setScheduledAt(e.target.value)}\n            />\n          </FormField>\n\n          <FormField label=\"Kick-off at\" htmlFor=\"kickoffAt\">\n            <input\n              id=\"kickoffAt\"\n              type=\"datetime-local\"\n              className={fieldInputClass}\n              value={kickoffAt}\n              onChange={(e) => setKickoffAt(e.target.value)}\n            />\n          </FormField>\n        </div>\n\n        <FormField label=\"Notes\" htmlFor=\"notes\">\n          <textarea\n            id=\"notes\"\n            className={fieldInputClass}\n            rows={3}\n            value={notes}\n            onChange={(e) => setNotes(e.target.value)}\n            placeholder=\"Any extra context for this fixture.\"\n          />\n        </FormField>\n\n        {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n\n        <div className=\"pt-2\">\n          <button\n            type=\"submit\"\n            disabled={scheduleFixture.isPending}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n          >\n            {scheduleFixture.isPending ? (\n              <Loader2 className=\"h-4 w-4 animate-spin\" />\n            ) : (\n              <Save className=\"h-4 w-4\" />\n            )}\n            Schedule fixture\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FixtureFormPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/fixtures/FixtureFormPage.tsx"],"sourcesContent":["/**\n * Fixture Schedule Form\n * @module atheletebridge/pages/fixtures\n *\n * Mirrors the concept mock: a GlassCard-framed two-column form with a segmented\n * fixture-type control (all five AthFixtureType values incl. SCRIMMAGE), team\n * crest previews, competition/venue comboboxes seeded from existing fixtures,\n * and iconized date/time inputs. Every field maps to AthScheduleFixtureInput.\n * Semantic tokens only, responsive.\n */\n\nimport { type KeyboardEvent, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Loader2,\n  Save,\n  Calendar,\n  Clock,\n  Handshake,\n  Shield,\n  Trophy,\n  Network,\n  Swords,\n  type LucideIcon,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { LoadingState } from '../../components/LoadingState';\nimport { Crest } from '../../components/Crest';\nimport { FIXTURE_TYPE_LABELS } from '../../components/domain';\nimport { cn } from '../../utils/cn';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useScheduleFixture, useTeams, useFixtures } from '../../hooks/useAthleteBridgeApi';\nimport { toIsoOrUndefined } from '../../utils/datetime';\nimport type { AthFixtureType } from '../../types';\n\nconst TYPE_ICONS: Record<AthFixtureType, LucideIcon> = {\n  FRIENDLY: Handshake,\n  LEAGUE: Shield,\n  CUP: Trophy,\n  TOURNAMENT: Network,\n  SCRIMMAGE: Swords,\n};\nconst TYPES = Object.keys(FIXTURE_TYPE_LABELS) as AthFixtureType[];\n\nexport function FixtureFormPage() {\n  const [searchParams] = useSearchParams();\n  const { navigateTo } = useAthleteBridge();\n\n  const teams = useTeams({ pagination: { limit: 100 } });\n  const existingFixtures = useFixtures({ pagination: { limit: 100 } });\n  const scheduleFixture = useScheduleFixture();\n\n  const [homeTeamId, setHomeTeamId] = useState(searchParams.get('homeTeamId') ?? '');\n  const [awayTeamId, setAwayTeamId] = useState('');\n  const [type, setType] = useState<AthFixtureType>('FRIENDLY');\n  const [competition, setCompetition] = useState('');\n  const [round, setRound] = useState('');\n  const [venue, setVenue] = useState('');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [kickoffAt, setKickoffAt] = useState('');\n  const [notes, setNotes] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const teamOptions = teams.data?.items ?? [];\n  const homeTeam = teamOptions.find((t) => t.id === homeTeamId);\n  const awayTeam = teamOptions.find((t) => t.id === awayTeamId);\n\n  // Seed comboboxes from distinct values on existing fixtures (honest, derived).\n  const { competitions, venues } = useMemo(() => {\n    const comp = new Set<string>();\n    const ven = new Set<string>();\n    for (const f of existingFixtures.data?.items ?? []) {\n      if (f.competition) comp.add(f.competition);\n      if (f.venue) ven.add(f.venue);\n    }\n    return {\n      competitions: Array.from(comp).sort(),\n      venues: Array.from(ven).sort(),\n    };\n  }, [existingFixtures.data]);\n\n  const handleTypeKey = (e: KeyboardEvent<HTMLDivElement>) => {\n    const idx = TYPES.indexOf(type);\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      e.preventDefault();\n      setType(TYPES[(idx + 1) % TYPES.length]);\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      e.preventDefault();\n      setType(TYPES[(idx - 1 + TYPES.length) % TYPES.length]);\n    }\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    if (!homeTeamId) {\n      setError('A home team is required.');\n      return;\n    }\n    if (!scheduledAt) {\n      setError('A scheduled date and time is required.');\n      return;\n    }\n    if (awayTeamId && awayTeamId === homeTeamId) {\n      setError('Home and away teams must be different.');\n      return;\n    }\n\n    try {\n      const created = await scheduleFixture.mutateAsync({\n        homeTeamId,\n        awayTeamId: awayTeamId || undefined,\n        type,\n        competition: competition.trim() || undefined,\n        round: round.trim() || undefined,\n        venue: venue.trim() || undefined,\n        scheduledAt: new Date(scheduledAt).toISOString(),\n        kickoffAt: toIsoOrUndefined(kickoffAt),\n        notes: notes.trim() || undefined,\n      });\n      navigateTo(`/fixtures/${created.id}`);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to schedule fixture.');\n    }\n  };\n\n  if (teams.isLoading) {\n    return (\n      <PageLayout title=\"Schedule fixture\">\n        <LoadingState label=\"Loading teams…\" />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Schedule fixture\"\n      description=\"Set up a match between a home team and an optional away team.\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/fixtures')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" /> Cancel\n        </button>\n      }\n    >\n      <form onSubmit={handleSubmit} className=\"mx-auto max-w-3xl\">\n        <GlassCard treatment=\"insight\" className=\"p-5 sm:p-7\">\n          {/* Home / away teams with crest preview */}\n          <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n            <FormField label=\"Home team\" htmlFor=\"homeTeam\" required>\n              <select\n                id=\"homeTeam\"\n                className={fieldInputClass}\n                value={homeTeamId}\n                onChange={(e) => setHomeTeamId(e.target.value)}\n              >\n                <option value=\"\">Select a team</option>\n                {teamOptions.map((tm) => (\n                  <option key={tm.id} value={tm.id}>\n                    {tm.name}\n                  </option>\n                ))}\n              </select>\n              {homeTeam ? (\n                <div className=\"mt-2 flex items-center gap-2\">\n                  <Crest name={homeTeam.name} sport={homeTeam.sport} size={28} />\n                  <span className=\"truncate text-xs font-medium text-text-secondary\">\n                    {homeTeam.name}\n                  </span>\n                </div>\n              ) : null}\n            </FormField>\n\n            <FormField label=\"Away team\" htmlFor=\"awayTeam\" hint=\"Optional for trials / open events.\">\n              <select\n                id=\"awayTeam\"\n                className={fieldInputClass}\n                value={awayTeamId}\n                onChange={(e) => setAwayTeamId(e.target.value)}\n              >\n                <option value=\"\">No away team</option>\n                {teamOptions.map((tm) => (\n                  <option key={tm.id} value={tm.id}>\n                    {tm.name}\n                  </option>\n                ))}\n              </select>\n              {awayTeam ? (\n                <div className=\"mt-2 flex items-center gap-2\">\n                  <Crest name={awayTeam.name} sport={awayTeam.sport} size={28} />\n                  <span className=\"truncate text-xs font-medium text-text-secondary\">\n                    {awayTeam.name}\n                  </span>\n                </div>\n              ) : null}\n            </FormField>\n          </div>\n\n          {/* Type — segmented control (all five values incl. SCRIMMAGE) */}\n          <div className=\"mt-5\">\n            <span className=\"mb-1.5 block text-sm font-medium text-text-primary\">Type</span>\n            <div\n              role=\"radiogroup\"\n              aria-label=\"Fixture type\"\n              onKeyDown={handleTypeKey}\n              className=\"grid grid-cols-2 gap-2 sm:grid-cols-5\"\n            >\n              {TYPES.map((tp) => {\n                const Icon = TYPE_ICONS[tp];\n                const active = type === tp;\n                return (\n                  <button\n                    key={tp}\n                    type=\"button\"\n                    role=\"radio\"\n                    aria-checked={active}\n                    tabIndex={active ? 0 : -1}\n                    onClick={() => setType(tp)}\n                    className={cn(\n                      'flex items-center justify-center gap-1.5 rounded-lg border px-2.5 py-2.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n                      active\n                        ? 'border-action-primary-bg bg-[var(--color-accent-soft)] text-text-primary ring-1 ring-inset ring-action-primary-bg'\n                        : 'border-border-seam text-text-secondary hover:bg-bg-sunken'\n                    )}\n                  >\n                    <Icon className=\"h-4 w-4 shrink-0\" aria-hidden=\"true\" />\n                    {FIXTURE_TYPE_LABELS[tp]}\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n\n          {/* Competition / round */}\n          <div className=\"mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2\">\n            <FormField label=\"Competition\" htmlFor=\"competition\" hint=\"Used to group standings.\">\n              <input\n                id=\"competition\"\n                list=\"ath-fixture-competitions\"\n                className={fieldInputClass}\n                value={competition}\n                onChange={(e) => setCompetition(e.target.value)}\n                placeholder=\"e.g. Spring League 2026\"\n              />\n              <datalist id=\"ath-fixture-competitions\">\n                {competitions.map((c) => (\n                  <option key={c} value={c} />\n                ))}\n              </datalist>\n            </FormField>\n\n            <FormField label=\"Round\" htmlFor=\"round\">\n              <input\n                id=\"round\"\n                className={fieldInputClass}\n                value={round}\n                onChange={(e) => setRound(e.target.value)}\n                placeholder=\"e.g. Round 4\"\n              />\n            </FormField>\n          </div>\n\n          {/* Venue */}\n          <div className=\"mt-5\">\n            <FormField label=\"Venue\" htmlFor=\"venue\">\n              <input\n                id=\"venue\"\n                list=\"ath-fixture-venues\"\n                className={fieldInputClass}\n                value={venue}\n                onChange={(e) => setVenue(e.target.value)}\n                placeholder=\"e.g. Riverside Stadium\"\n              />\n              <datalist id=\"ath-fixture-venues\">\n                {venues.map((v) => (\n                  <option key={v} value={v} />\n                ))}\n              </datalist>\n            </FormField>\n          </div>\n\n          {/* Schedule / kickoff */}\n          <div className=\"mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2\">\n            <FormField label=\"Scheduled at\" htmlFor=\"scheduledAt\" required>\n              <div className=\"relative\">\n                <Calendar\n                  className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\"\n                  aria-hidden=\"true\"\n                />\n                <input\n                  id=\"scheduledAt\"\n                  type=\"datetime-local\"\n                  className={cn(fieldInputClass, 'pl-9')}\n                  value={scheduledAt}\n                  onChange={(e) => setScheduledAt(e.target.value)}\n                />\n              </div>\n            </FormField>\n\n            <FormField label=\"Kick-off at\" htmlFor=\"kickoffAt\" hint=\"Optional refinement.\">\n              <div className=\"relative\">\n                <Clock\n                  className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\"\n                  aria-hidden=\"true\"\n                />\n                <input\n                  id=\"kickoffAt\"\n                  type=\"datetime-local\"\n                  className={cn(fieldInputClass, 'pl-9')}\n                  value={kickoffAt}\n                  onChange={(e) => setKickoffAt(e.target.value)}\n                />\n              </div>\n            </FormField>\n          </div>\n\n          {/* Notes */}\n          <div className=\"mt-5\">\n            <FormField label=\"Notes\" htmlFor=\"notes\">\n              <textarea\n                id=\"notes\"\n                className={fieldInputClass}\n                rows={3}\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder=\"Any extra context for this fixture.\"\n              />\n            </FormField>\n          </div>\n\n          {error && <p className=\"mt-5 text-sm text-status-error-text\">{error}</p>}\n\n          {/* Footer */}\n          <div className=\"mt-6 flex items-center justify-end gap-3 border-t border-border-seam pt-5\">\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/fixtures')}\n              className=\"rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"submit\"\n              disabled={scheduleFixture.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n            >\n              {scheduleFixture.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Save className=\"h-4 w-4\" />\n              )}\n              Schedule fixture\n            </button>\n          </div>\n        </GlassCard>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}