@burdenoff/microfe-atheletebridge 2026.827.1 → 2026.829.2

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

@@ -1,202 +1,206 @@
-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 { Crest as r } from "../../components/Crest.js";
-import { Scoreboard as i } from "../../components/Scoreboard.js";
-import { ErrorState as a, LoadingState as o } from "../../components/LoadingState.js";
-import { useFixture as s, useRecordFixtureResult as c } from "../../hooks/useAthleteBridgeApi.js";
-import { FormField as l, fieldInputClass as u } from "../../components/form.js";
-import { AvailabilityRsvpControl as d } from "../../components/availability/AvailabilityRsvpControl.js";
-import { AvailabilityRosterPanel as f } from "../../components/availability/AvailabilityRosterPanel.js";
-import { useState as p } from "react";
-import { ArrowLeft as m, Flag as h, Loader2 as g, Minus as _, Trophy as v } from "lucide-react";
-import { useParams as y } from "react-router";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { EmphasisPanel as S, GlassCard as C } from "@burdenoff/fe-libs/ui";
+import { useAbTranslate as e } from "../../i18n.js";
+import { useAthleteBridge as t } from "../../context/AthleteBridgeContext.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 { Scoreboard as a } from "../../components/Scoreboard.js";
+import { ErrorState as o, LoadingState as s } from "../../components/LoadingState.js";
+import { useFixture as c, useRecordFixtureResult as l } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as u, fieldInputClass as d } from "../../components/form.js";
+import { AvailabilityRsvpControl as f } from "../../components/availability/AvailabilityRsvpControl.js";
+import { AvailabilityRosterPanel as p } from "../../components/availability/AvailabilityRosterPanel.js";
+import { useState as m } from "react";
+import { ArrowLeft as h, Flag as g, Loader2 as _, Minus as v, Trophy as y } from "lucide-react";
+import { useParams as b } from "react-router";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { EmphasisPanel as C, GlassCard as w } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/fixtures/FixtureDetailPage.tsx
-function w() {
-	let { id: w } = y(), { navigateTo: T } = e(), E = s(w), D = c(), [O, k] = p(""), [A, j] = p(""), [M, N] = p(null);
-	if (E.isLoading) return /* @__PURE__ */ b(t, {
-		title: "Fixture",
-		children: /* @__PURE__ */ b(o, { label: "Loading fixture…" })
+function T() {
+	let T = e(), { id: E } = b(), { navigateTo: D } = t(), O = c(E), k = l(), [A, j] = m(""), [M, N] = m(""), [P, F] = m(null);
+	if (O.isLoading) return /* @__PURE__ */ x(n, {
+		title: T("atheletebridge.pages.fixtureDetail.title", "Fixture"),
+		children: /* @__PURE__ */ x(s, { label: T("atheletebridge.pages.fixtureDetail.loading", "Loading fixture…") })
 	});
-	if (E.isError || !E.data) return /* @__PURE__ */ b(t, {
-		title: "Fixture",
-		children: /* @__PURE__ */ b(a, {
-			title: "Fixture not found",
-			message: "This fixture does not exist or you do not have access to it.",
-			onRetry: () => T("/fixtures")
+	if (O.isError || !O.data) return /* @__PURE__ */ x(n, {
+		title: T("atheletebridge.pages.fixtureDetail.title", "Fixture"),
+		children: /* @__PURE__ */ x(o, {
+			title: T("atheletebridge.pages.fixtureDetail.notFoundTitle", "Fixture not found"),
+			message: T("atheletebridge.pages.fixtureDetail.notFoundMessage", "This fixture does not exist or you do not have access to it."),
+			onRetry: () => D("/fixtures")
 		})
 	});
-	let P = E.data, F = P.homeTeam?.name ?? "Home", I = P.awayTeam?.name ?? (P.awayTeamId ? "Away" : "TBD"), L = !!P.awayTeamId && (P.status === "SCHEDULED" || P.status === "LIVE");
-	return /* @__PURE__ */ x(t, {
-		title: `${F} vs ${I}`,
-		description: `${n[P.type]}${P.competition ? ` · ${P.competition}` : ""}`,
-		actions: /* @__PURE__ */ x("button", {
+	let I = O.data, L = I.homeTeam?.name ?? T("atheletebridge.pages.fixtureDetail.home", "Home"), R = I.awayTeam?.name ?? (I.awayTeamId ? T("atheletebridge.pages.fixtureDetail.away", "Away") : "TBD"), z = !!I.awayTeamId && (I.status === "SCHEDULED" || I.status === "LIVE");
+	return /* @__PURE__ */ S(n, {
+		title: `${L} vs ${R}`,
+		description: `${r[I.type]}${I.competition ? ` · ${I.competition}` : ""}`,
+		actions: /* @__PURE__ */ S("button", {
 			type: "button",
-			onClick: () => T("/fixtures"),
+			onClick: () => D("/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__ */ b(m, { className: "h-4 w-4" }), " Back"]
+			children: [
+				/* @__PURE__ */ x(h, { className: "h-4 w-4" }),
+				" ",
+				T("atheletebridge.pages.fixtureDetail.back", "Back")
+			]
 		}),
 		children: [
-			/* @__PURE__ */ b(i, {
-				fixture: P,
+			/* @__PURE__ */ x(a, {
+				fixture: I,
 				variant: "hero",
 				className: "mb-8"
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: "mb-8 grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_2fr]",
-				children: [/* @__PURE__ */ b(d, {
-					teamId: P.homeTeamId,
-					fixtureId: P.id
-				}), /* @__PURE__ */ b(f, {
-					teamId: P.homeTeamId,
-					fixtureId: P.id
+				children: [/* @__PURE__ */ x(f, {
+					teamId: I.homeTeamId,
+					fixtureId: I.id
+				}), /* @__PURE__ */ x(p, {
+					teamId: I.homeTeamId,
+					fixtureId: I.id
 				})]
 			}),
-			P.notes && /* @__PURE__ */ x(S, {
+			I.notes && /* @__PURE__ */ S(C, {
 				className: "mb-8",
-				children: [/* @__PURE__ */ b("h2", {
+				children: [/* @__PURE__ */ x("h2", {
 					className: "mb-2 text-sm font-semibold text-text-primary",
-					children: "Notes"
-				}), /* @__PURE__ */ b("p", {
+					children: T("atheletebridge.pages.fixtureDetail.notes", "Notes")
+				}), /* @__PURE__ */ x("p", {
 					className: "text-sm text-text-secondary",
-					children: P.notes
+					children: I.notes
 				})]
 			}),
-			L && /* @__PURE__ */ x("section", {
+			z && /* @__PURE__ */ S("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ x("h2", {
+				children: [/* @__PURE__ */ S("h2", {
 					className: "mb-4 flex items-center gap-2 text-lg font-semibold text-text-primary",
-					children: [/* @__PURE__ */ b(h, { className: "h-5 w-5" }), " Record result"]
-				}), /* @__PURE__ */ x(C, {
+					children: [
+						/* @__PURE__ */ x(g, { className: "h-5 w-5" }),
+						" ",
+						T("atheletebridge.pages.fixtureDetail.recordResult", "Record result")
+					]
+				}), /* @__PURE__ */ S(w, {
 					treatment: "insight",
 					className: "p-5 sm:p-6",
 					children: [
 						/* @__PURE__ */ x("p", {
 							className: "mb-5 text-sm text-text-secondary",
-							children: [
-								"Recording a final score marks this fixture ",
-								/* @__PURE__ */ b("strong", { children: "Completed" }),
-								" and recomputes the competition standings for both teams."
-							]
+							children: T("atheletebridge.pages.fixtureDetail.recordResultDescription", "Recording a final score marks this fixture Completed and recomputes the competition standings for both teams.")
 						}),
-						/* @__PURE__ */ x("form", {
+						/* @__PURE__ */ S("form", {
 							onSubmit: async (e) => {
-								if (e.preventDefault(), N(null), !w) return;
-								let t = Number.parseInt(O, 10), n = Number.parseInt(A, 10);
+								if (e.preventDefault(), F(null), !E) return;
+								let t = Number.parseInt(A, 10), n = Number.parseInt(M, 10);
 								if (Number.isNaN(t) || Number.isNaN(n)) {
-									N("Both scores are required and must be numbers.");
+									F("Both scores are required and must be numbers.");
 									return;
 								}
 								if (t < 0 || n < 0) {
-									N("Scores cannot be negative.");
+									F("Scores cannot be negative.");
 									return;
 								}
 								try {
-									await D.mutateAsync({
-										id: w,
+									await k.mutateAsync({
+										id: E,
 										input: {
 											homeScore: t,
 											awayScore: n
 										}
-									}), k(""), j("");
+									}), j(""), N("");
 								} catch (e) {
-									N(e instanceof Error ? e.message : "Failed to record result.");
+									F(e instanceof Error ? e.message : "Failed to record result.");
 								}
 							},
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ S("div", {
 								className: "flex flex-wrap items-end justify-center gap-4 sm:gap-6",
 								children: [
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex items-end gap-3",
-										children: [/* @__PURE__ */ x("div", {
+										children: [/* @__PURE__ */ S("div", {
 											className: "flex flex-col items-center gap-2",
-											children: [/* @__PURE__ */ b(r, {
-												name: F,
-												sport: P.homeTeam?.sport,
+											children: [/* @__PURE__ */ x(i, {
+												name: L,
+												sport: I.homeTeam?.sport,
 												size: 40
-											}), /* @__PURE__ */ b("span", {
+											}), /* @__PURE__ */ x("span", {
 												className: "max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary",
-												children: F
+												children: L
 											})]
-										}), /* @__PURE__ */ b(l, {
-											label: "Home",
+										}), /* @__PURE__ */ x(u, {
+											label: T("atheletebridge.pages.fixtureDetail.home", "Home"),
 											htmlFor: "homeScore",
 											className: "w-24",
-											children: /* @__PURE__ */ b("input", {
+											children: /* @__PURE__ */ x("input", {
 												id: "homeScore",
 												inputMode: "numeric",
-												className: `${u} text-center text-lg font-bold tabular-nums`,
-												value: O,
-												onChange: (e) => k(e.target.value),
+												className: `${d} text-center text-lg font-bold tabular-nums`,
+												value: A,
+												onChange: (e) => j(e.target.value),
 												placeholder: "0"
 											})
 										})]
 									}),
-									/* @__PURE__ */ b(_, {
+									/* @__PURE__ */ x(v, {
 										className: "mb-3 h-5 w-5 shrink-0 text-text-muted",
 										"aria-hidden": "true"
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex items-end gap-3",
-										children: [/* @__PURE__ */ b(l, {
-											label: "Away",
+										children: [/* @__PURE__ */ x(u, {
+											label: T("atheletebridge.pages.fixtureDetail.away", "Away"),
 											htmlFor: "awayScore",
 											className: "w-24",
-											children: /* @__PURE__ */ b("input", {
+											children: /* @__PURE__ */ x("input", {
 												id: "awayScore",
 												inputMode: "numeric",
-												className: `${u} text-center text-lg font-bold tabular-nums`,
-												value: A,
-												onChange: (e) => j(e.target.value),
+												className: `${d} text-center text-lg font-bold tabular-nums`,
+												value: M,
+												onChange: (e) => N(e.target.value),
 												placeholder: "0"
 											})
-										}), /* @__PURE__ */ x("div", {
+										}), /* @__PURE__ */ S("div", {
 											className: "flex flex-col items-center gap-2",
-											children: [/* @__PURE__ */ b(r, {
-												name: I,
-												sport: P.awayTeam?.sport,
+											children: [/* @__PURE__ */ x(i, {
+												name: R,
+												sport: I.awayTeam?.sport,
 												size: 40
-											}), /* @__PURE__ */ b("span", {
+											}), /* @__PURE__ */ x("span", {
 												className: "max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary",
-												children: I
+												children: R
 											})]
 										})]
 									})
 								]
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ x("div", {
 								className: "mt-6 flex justify-center",
-								children: /* @__PURE__ */ x("button", {
+								children: /* @__PURE__ */ S("button", {
 									type: "submit",
-									disabled: D.isPending,
+									disabled: k.isPending,
 									className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-6 py-2.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-									children: [D.isPending ? /* @__PURE__ */ b(g, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ b(v, { className: "h-4 w-4" }), "Record result"]
+									children: [k.isPending ? /* @__PURE__ */ x(_, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ x(y, { className: "h-4 w-4" }), T("atheletebridge.pages.fixtureDetail.recordResultAction", "Record result")]
 								})
 							})]
 						}),
-						M && /* @__PURE__ */ b("p", {
+						P && /* @__PURE__ */ x("p", {
 							className: "mt-3 text-center text-sm text-status-error-text",
-							children: M
+							children: P
 						})
 					]
 				})]
 			}),
-			P.competition && /* @__PURE__ */ x("button", {
+			I.competition && /* @__PURE__ */ S("button", {
 				type: "button",
-				onClick: () => T(`/standings?competition=${encodeURIComponent(P.competition ?? "")}`),
+				onClick: () => D(`/standings?competition=${encodeURIComponent(I.competition ?? "")}`),
 				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__ */ b(v, { className: "h-4 w-4" }),
-					" View ",
-					P.competition,
-					" standings"
+					/* @__PURE__ */ x(y, { className: "h-4 w-4" }),
+					" ",
+					T("atheletebridge.pages.fixtureDetail.viewStandings", `View ${I.competition} standings`)
 				]
 			})
 		]
 	});
 }
 //#endregion
-export { w as FixtureDetailPage };
+export { T as FixtureDetailPage };
 
 //# sourceMappingURL=FixtureDetailPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FixtureDetailPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/fixtures/FixtureDetailPage.tsx"],"sourcesContent":["/**\n * Fixture Detail\n * @module atheletebridge/pages/fixtures\n *\n * Reads a single fixture (athFixture) and lets the user record a final result\n * (athRecordFixtureResult) which marks it COMPLETED and recomputes standings.\n *\n * The header is a crest-vs-crest Scoreboard hero; the record-result panel shows\n * each team's crest beside its score input. Semantic tokens only, responsive.\n */\n\nimport { useState } from 'react';\nimport { useParams } from 'react-router';\nimport { ArrowLeft, Trophy, Loader2, Flag, Minus } from 'lucide-react';\nimport { GlassCard, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Scoreboard } from '../../components/Scoreboard';\nimport { Crest } from '../../components/Crest';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { FIXTURE_TYPE_LABELS } from '../../components/domain';\nimport { AvailabilityRsvpControl } from '../../components/availability/AvailabilityRsvpControl';\nimport { AvailabilityRosterPanel } from '../../components/availability/AvailabilityRosterPanel';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useFixture, useRecordFixtureResult } from '../../hooks/useAthleteBridgeApi';\n\nexport function FixtureDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useAthleteBridge();\n\n  const fixture = useFixture(id);\n  const recordResult = useRecordFixtureResult();\n\n  const [homeScore, setHomeScore] = useState('');\n  const [awayScore, setAwayScore] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  if (fixture.isLoading) {\n    return (\n      <PageLayout title=\"Fixture\">\n        <LoadingState label=\"Loading fixture…\" />\n      </PageLayout>\n    );\n  }\n\n  if (fixture.isError || !fixture.data) {\n    return (\n      <PageLayout title=\"Fixture\">\n        <ErrorState\n          title=\"Fixture not found\"\n          message=\"This fixture does not exist or you do not have access to it.\"\n          onRetry={() => navigateTo('/fixtures')}\n        />\n      </PageLayout>\n    );\n  }\n\n  const f = fixture.data;\n  const homeName = f.homeTeam?.name ?? 'Home';\n  const awayName = f.awayTeam?.name ?? (f.awayTeamId ? 'Away' : 'TBD');\n  const canRecordResult =\n    Boolean(f.awayTeamId) && (f.status === 'SCHEDULED' || f.status === 'LIVE');\n\n  const handleRecord = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!id) return;\n    const home = Number.parseInt(homeScore, 10);\n    const away = Number.parseInt(awayScore, 10);\n    if (Number.isNaN(home) || Number.isNaN(away)) {\n      setError('Both scores are required and must be numbers.');\n      return;\n    }\n    if (home < 0 || away < 0) {\n      setError('Scores cannot be negative.');\n      return;\n    }\n    try {\n      await recordResult.mutateAsync({ id, input: { homeScore: home, awayScore: away } });\n      setHomeScore('');\n      setAwayScore('');\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to record result.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title={`${homeName} vs ${awayName}`}\n      description={`${FIXTURE_TYPE_LABELS[f.type]}${f.competition ? ` · ${f.competition}` : ''}`}\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\" /> Back\n        </button>\n      }\n    >\n      {/* Crest-vs-crest hero scoreboard */}\n      <Scoreboard fixture={f} variant=\"hero\" className=\"mb-8\" />\n\n      {/* Availability / RSVP (BOFF-4134) — athlete's own response + coach roster view */}\n      <div className=\"mb-8 grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_2fr]\">\n        <AvailabilityRsvpControl teamId={f.homeTeamId} fixtureId={f.id} />\n        <AvailabilityRosterPanel teamId={f.homeTeamId} fixtureId={f.id} />\n      </div>\n\n      {f.notes && (\n        <EmphasisPanel className=\"mb-8\">\n          <h2 className=\"mb-2 text-sm font-semibold text-text-primary\">Notes</h2>\n          <p className=\"text-sm text-text-secondary\">{f.notes}</p>\n        </EmphasisPanel>\n      )}\n\n      {/* Record result */}\n      {canRecordResult && (\n        <section className=\"mb-8\">\n          <h2 className=\"mb-4 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n            <Flag className=\"h-5 w-5\" /> Record result\n          </h2>\n          <GlassCard treatment=\"insight\" className=\"p-5 sm:p-6\">\n            <p className=\"mb-5 text-sm text-text-secondary\">\n              Recording a final score marks this fixture <strong>Completed</strong> and recomputes\n              the competition standings for both teams.\n            </p>\n            <form onSubmit={handleRecord}>\n              <div className=\"flex flex-wrap items-end justify-center gap-4 sm:gap-6\">\n                <div className=\"flex items-end gap-3\">\n                  <div className=\"flex flex-col items-center gap-2\">\n                    <Crest name={homeName} sport={f.homeTeam?.sport} size={40} />\n                    <span className=\"max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary\">\n                      {homeName}\n                    </span>\n                  </div>\n                  <FormField label=\"Home\" htmlFor=\"homeScore\" className=\"w-24\">\n                    <input\n                      id=\"homeScore\"\n                      inputMode=\"numeric\"\n                      className={`${fieldInputClass} text-center text-lg font-bold tabular-nums`}\n                      value={homeScore}\n                      onChange={(e) => setHomeScore(e.target.value)}\n                      placeholder=\"0\"\n                    />\n                  </FormField>\n                </div>\n\n                <Minus className=\"mb-3 h-5 w-5 shrink-0 text-text-muted\" aria-hidden=\"true\" />\n\n                <div className=\"flex items-end gap-3\">\n                  <FormField label=\"Away\" htmlFor=\"awayScore\" className=\"w-24\">\n                    <input\n                      id=\"awayScore\"\n                      inputMode=\"numeric\"\n                      className={`${fieldInputClass} text-center text-lg font-bold tabular-nums`}\n                      value={awayScore}\n                      onChange={(e) => setAwayScore(e.target.value)}\n                      placeholder=\"0\"\n                    />\n                  </FormField>\n                  <div className=\"flex flex-col items-center gap-2\">\n                    <Crest name={awayName} sport={f.awayTeam?.sport} size={40} />\n                    <span className=\"max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary\">\n                      {awayName}\n                    </span>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"mt-6 flex justify-center\">\n                <button\n                  type=\"submit\"\n                  disabled={recordResult.isPending}\n                  className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-6 py-2.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n                >\n                  {recordResult.isPending ? (\n                    <Loader2 className=\"h-4 w-4 animate-spin\" />\n                  ) : (\n                    <Trophy className=\"h-4 w-4\" />\n                  )}\n                  Record result\n                </button>\n              </div>\n            </form>\n            {error && <p className=\"mt-3 text-center text-sm text-status-error-text\">{error}</p>}\n          </GlassCard>\n        </section>\n      )}\n\n      {f.competition && (\n        <button\n          type=\"button\"\n          onClick={() =>\n            navigateTo(`/standings?competition=${encodeURIComponent(f.competition ?? '')}`)\n          }\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          <Trophy className=\"h-4 w-4\" /> View {f.competition} standings\n        </button>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FixtureDetailPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/fixtures/FixtureDetailPage.tsx"],"sourcesContent":["/**\n * Fixture Detail\n * @module atheletebridge/pages/fixtures\n *\n * Reads a single fixture (athFixture) and lets the user record a final result\n * (athRecordFixtureResult) which marks it COMPLETED and recomputes standings.\n *\n * The header is a crest-vs-crest Scoreboard hero; the record-result panel shows\n * each team's crest beside its score input. Semantic tokens only, responsive.\n */\n\nimport { useState } from 'react';\nimport { useParams } from 'react-router';\nimport { ArrowLeft, Trophy, Loader2, Flag, Minus } from 'lucide-react';\nimport { GlassCard, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Scoreboard } from '../../components/Scoreboard';\nimport { Crest } from '../../components/Crest';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { FIXTURE_TYPE_LABELS } from '../../components/domain';\nimport { AvailabilityRsvpControl } from '../../components/availability/AvailabilityRsvpControl';\nimport { AvailabilityRosterPanel } from '../../components/availability/AvailabilityRosterPanel';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useFixture, useRecordFixtureResult } from '../../hooks/useAthleteBridgeApi';\nimport { useAbTranslate } from '../../i18n';\n\nexport function FixtureDetailPage() {\n  const tr = useAbTranslate();\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useAthleteBridge();\n\n  const fixture = useFixture(id);\n  const recordResult = useRecordFixtureResult();\n\n  const [homeScore, setHomeScore] = useState('');\n  const [awayScore, setAwayScore] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  if (fixture.isLoading) {\n    return (\n      <PageLayout title={tr('atheletebridge.pages.fixtureDetail.title', 'Fixture')}>\n        <LoadingState\n          label={tr('atheletebridge.pages.fixtureDetail.loading', 'Loading fixture…')}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (fixture.isError || !fixture.data) {\n    return (\n      <PageLayout title={tr('atheletebridge.pages.fixtureDetail.title', 'Fixture')}>\n        <ErrorState\n          title={tr('atheletebridge.pages.fixtureDetail.notFoundTitle', 'Fixture not found')}\n          message={tr(\n            'atheletebridge.pages.fixtureDetail.notFoundMessage',\n            'This fixture does not exist or you do not have access to it.'\n          )}\n          onRetry={() => navigateTo('/fixtures')}\n        />\n      </PageLayout>\n    );\n  }\n\n  const f = fixture.data;\n  const homeName = f.homeTeam?.name ?? tr('atheletebridge.pages.fixtureDetail.home', 'Home');\n  const awayName =\n    f.awayTeam?.name ??\n    (f.awayTeamId ? tr('atheletebridge.pages.fixtureDetail.away', 'Away') : 'TBD');\n  const canRecordResult =\n    Boolean(f.awayTeamId) && (f.status === 'SCHEDULED' || f.status === 'LIVE');\n\n  const handleRecord = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!id) return;\n    const home = Number.parseInt(homeScore, 10);\n    const away = Number.parseInt(awayScore, 10);\n    if (Number.isNaN(home) || Number.isNaN(away)) {\n      setError('Both scores are required and must be numbers.');\n      return;\n    }\n    if (home < 0 || away < 0) {\n      setError('Scores cannot be negative.');\n      return;\n    }\n    try {\n      await recordResult.mutateAsync({ id, input: { homeScore: home, awayScore: away } });\n      setHomeScore('');\n      setAwayScore('');\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to record result.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title={`${homeName} vs ${awayName}`}\n      description={`${FIXTURE_TYPE_LABELS[f.type]}${f.competition ? ` · ${f.competition}` : ''}`}\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\" /> {tr('atheletebridge.pages.fixtureDetail.back', 'Back')}\n        </button>\n      }\n    >\n      {/* Crest-vs-crest hero scoreboard */}\n      <Scoreboard fixture={f} variant=\"hero\" className=\"mb-8\" />\n\n      {/* Availability / RSVP (BOFF-4134) — athlete's own response + coach roster view */}\n      <div className=\"mb-8 grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_2fr]\">\n        <AvailabilityRsvpControl teamId={f.homeTeamId} fixtureId={f.id} />\n        <AvailabilityRosterPanel teamId={f.homeTeamId} fixtureId={f.id} />\n      </div>\n\n      {f.notes && (\n        <EmphasisPanel className=\"mb-8\">\n          <h2 className=\"mb-2 text-sm font-semibold text-text-primary\">\n            {tr('atheletebridge.pages.fixtureDetail.notes', 'Notes')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">{f.notes}</p>\n        </EmphasisPanel>\n      )}\n\n      {/* Record result */}\n      {canRecordResult && (\n        <section className=\"mb-8\">\n          <h2 className=\"mb-4 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n            <Flag className=\"h-5 w-5\" />{' '}\n            {tr('atheletebridge.pages.fixtureDetail.recordResult', 'Record result')}\n          </h2>\n          <GlassCard treatment=\"insight\" className=\"p-5 sm:p-6\">\n            <p className=\"mb-5 text-sm text-text-secondary\">\n              {tr(\n                'atheletebridge.pages.fixtureDetail.recordResultDescription',\n                'Recording a final score marks this fixture Completed and recomputes the competition standings for both teams.'\n              )}\n            </p>\n            <form onSubmit={handleRecord}>\n              <div className=\"flex flex-wrap items-end justify-center gap-4 sm:gap-6\">\n                <div className=\"flex items-end gap-3\">\n                  <div className=\"flex flex-col items-center gap-2\">\n                    <Crest name={homeName} sport={f.homeTeam?.sport} size={40} />\n                    <span className=\"max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary\">\n                      {homeName}\n                    </span>\n                  </div>\n                  <FormField\n                    label={tr('atheletebridge.pages.fixtureDetail.home', 'Home')}\n                    htmlFor=\"homeScore\"\n                    className=\"w-24\"\n                  >\n                    <input\n                      id=\"homeScore\"\n                      inputMode=\"numeric\"\n                      className={`${fieldInputClass} text-center text-lg font-bold tabular-nums`}\n                      value={homeScore}\n                      onChange={(e) => setHomeScore(e.target.value)}\n                      placeholder=\"0\"\n                    />\n                  </FormField>\n                </div>\n\n                <Minus className=\"mb-3 h-5 w-5 shrink-0 text-text-muted\" aria-hidden=\"true\" />\n\n                <div className=\"flex items-end gap-3\">\n                  <FormField\n                    label={tr('atheletebridge.pages.fixtureDetail.away', 'Away')}\n                    htmlFor=\"awayScore\"\n                    className=\"w-24\"\n                  >\n                    <input\n                      id=\"awayScore\"\n                      inputMode=\"numeric\"\n                      className={`${fieldInputClass} text-center text-lg font-bold tabular-nums`}\n                      value={awayScore}\n                      onChange={(e) => setAwayScore(e.target.value)}\n                      placeholder=\"0\"\n                    />\n                  </FormField>\n                  <div className=\"flex flex-col items-center gap-2\">\n                    <Crest name={awayName} sport={f.awayTeam?.sport} size={40} />\n                    <span className=\"max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary\">\n                      {awayName}\n                    </span>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"mt-6 flex justify-center\">\n                <button\n                  type=\"submit\"\n                  disabled={recordResult.isPending}\n                  className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-6 py-2.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n                >\n                  {recordResult.isPending ? (\n                    <Loader2 className=\"h-4 w-4 animate-spin\" />\n                  ) : (\n                    <Trophy className=\"h-4 w-4\" />\n                  )}\n                  {tr('atheletebridge.pages.fixtureDetail.recordResultAction', 'Record result')}\n                </button>\n              </div>\n            </form>\n            {error && <p className=\"mt-3 text-center text-sm text-status-error-text\">{error}</p>}\n          </GlassCard>\n        </section>\n      )}\n\n      {f.competition && (\n        <button\n          type=\"button\"\n          onClick={() =>\n            navigateTo(`/standings?competition=${encodeURIComponent(f.competition ?? '')}`)\n          }\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          <Trophy className=\"h-4 w-4\" />{' '}\n          {tr(\n            'atheletebridge.pages.fixtureDetail.viewStandings',\n            `View ${f.competition} standings`\n          )}\n        </button>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,SAAgB,IAAoB;CAClC,IAAM,IAAK,EAAe,GACpB,EAAE,UAAO,EAA0B,GACnC,EAAE,kBAAe,EAAiB,GAElC,IAAU,EAAW,CAAE,GACvB,IAAe,EAAuB,GAEtC,CAAC,GAAW,KAAgB,EAAS,EAAE,GACvC,CAAC,GAAW,KAAgB,EAAS,EAAE,GACvC,CAAC,GAAO,KAAY,EAAwB,IAAI;CAEtD,IAAI,EAAQ,WACV,OACE,kBAAC,GAAD;EAAY,OAAO,EAAG,4CAA4C,SAAS;YACzE,kBAAC,GAAD,EACE,OAAO,EAAG,8CAA8C,kBAAkB,EAC3E,CAAA;CACS,CAAA;CAIhB,IAAI,EAAQ,WAAW,CAAC,EAAQ,MAC9B,OACE,kBAAC,GAAD;EAAY,OAAO,EAAG,4CAA4C,SAAS;YACzE,kBAAC,GAAD;GACE,OAAO,EAAG,oDAAoD,mBAAmB;GACjF,SAAS,EACP,sDACA,8DACF;GACA,eAAe,EAAW,WAAW;EACtC,CAAA;CACS,CAAA;CAIhB,IAAM,IAAI,EAAQ,MACZ,IAAW,EAAE,UAAU,QAAQ,EAAG,2CAA2C,MAAM,GACnF,IACJ,EAAE,UAAU,SACX,EAAE,aAAa,EAAG,2CAA2C,MAAM,IAAI,QACpE,IACJ,EAAQ,EAAE,eAAgB,EAAE,WAAW,eAAe,EAAE,WAAW;CAyBrE,OACE,kBAAC,GAAD;EACE,OAAO,GAAG,EAAS,MAAM;EACzB,aAAa,GAAG,EAAoB,EAAE,QAAQ,EAAE,cAAc,MAAM,EAAE,gBAAgB;EACtF,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,WAAW;GACrC,WAAU;aAHZ;IAKE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;IAAC;IAAE,EAAG,2CAA2C,MAAM;GACjF;;YAVZ;GAcE,kBAAC,GAAD;IAAY,SAAS;IAAG,SAAQ;IAAO,WAAU;GAAQ,CAAA;GAGzD,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAyB,QAAQ,EAAE;KAAY,WAAW,EAAE;IAAK,CAAA,GACjE,kBAAC,GAAD;KAAyB,QAAQ,EAAE;KAAY,WAAW,EAAE;IAAK,CAAA,CAC9D;;GAEJ,EAAE,SACD,kBAAC,GAAD;IAAe,WAAU;cAAzB,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,4CAA4C,OAAO;IACrD,CAAA,GACJ,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAE;IAAS,CAAA,CAC1C;;GAIhB,KACC,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;MAAE;MAC5B,EAAG,mDAAmD,eAAe;KACpE;QACJ,kBAAC,GAAD;KAAW,WAAU;KAAU,WAAU;eAAzC;MACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,8DACA,+GACF;MACC,CAAA;MACH,kBAAC,QAAD;OAAM,UAAU,OArEE,MAAuB;QAGjD,IAFA,EAAE,eAAe,GACjB,EAAS,IAAI,GACT,CAAC,GAAI;QACT,IAAM,IAAO,OAAO,SAAS,GAAW,EAAE,GACpC,IAAO,OAAO,SAAS,GAAW,EAAE;QAC1C,IAAI,OAAO,MAAM,CAAI,KAAK,OAAO,MAAM,CAAI,GAAG;SAC5C,EAAS,+CAA+C;SACxD;QACF;QACA,IAAI,IAAO,KAAK,IAAO,GAAG;SACxB,EAAS,4BAA4B;SACrC;QACF;QACA,IAAI;SAGF,AAFA,MAAM,EAAa,YAAY;UAAE;UAAI,OAAO;WAAE,WAAW;WAAM,WAAW;UAAK;SAAE,CAAC,GAClF,EAAa,EAAE,GACf,EAAa,EAAE;QACjB,SAAS,GAAK;SACZ,EAAS,aAAe,QAAQ,EAAI,UAAU,0BAA0B;QAC1E;OACF;iBAgDU,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD;YAAO,MAAM;YAAU,OAAO,EAAE,UAAU;YAAO,MAAM;WAAK,CAAA,GAC5D,kBAAC,QAAD;YAAM,WAAU;sBACb;WACG,CAAA,CACH;cACL,kBAAC,GAAD;WACE,OAAO,EAAG,2CAA2C,MAAM;WAC3D,SAAQ;WACR,WAAU;qBAEV,kBAAC,SAAD;YACE,IAAG;YACH,WAAU;YACV,WAAW,GAAG,EAAgB;YAC9B,OAAO;YACP,WAAW,MAAM,EAAa,EAAE,OAAO,KAAK;YAC5C,aAAY;WACb,CAAA;UACQ,CAAA,CACR;;SAEL,kBAAC,GAAD;UAAO,WAAU;UAAwC,eAAY;SAAQ,CAAA;SAE7E,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD;WACE,OAAO,EAAG,2CAA2C,MAAM;WAC3D,SAAQ;WACR,WAAU;qBAEV,kBAAC,SAAD;YACE,IAAG;YACH,WAAU;YACV,WAAW,GAAG,EAAgB;YAC9B,OAAO;YACP,WAAW,MAAM,EAAa,EAAE,OAAO,KAAK;YAC5C,aAAY;WACb,CAAA;UACQ,CAAA,GACX,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD;YAAO,MAAM;YAAU,OAAO,EAAE,UAAU;YAAO,MAAM;WAAK,CAAA,GAC5D,kBAAC,QAAD;YAAM,WAAU;sBACb;WACG,CAAA,CACH;YACF;;QACF;WAEL,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,UAAD;SACE,MAAK;SACL,UAAU,EAAa;SACvB,WAAU;mBAHZ,CAKG,EAAa,YACZ,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,IAE3C,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA,GAE9B,EAAG,yDAAyD,eAAe,CACtE;;OACL,CAAA,CACD;;MACL,KAAS,kBAAC,KAAD;OAAG,WAAU;iBAAmD;MAAS,CAAA;KAC1E;MACJ;;GAGV,EAAE,eACD,kBAAC,UAAD;IACE,MAAK;IACL,eACE,EAAW,0BAA0B,mBAAmB,EAAE,eAAe,EAAE,GAAG;IAEhF,WAAU;cALZ;KAOE,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;KAAE;KAC9B,EACC,oDACA,QAAQ,EAAE,YAAY,WACxB;IACM;;EAEA;;AAEhB"}

package/dist/atheletebridge/pages/fixtures/FixturesListPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FixturesListPage.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/pages/fixtures/FixturesListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA6BH,wBAAgB,gBAAgB,gCAgI/B"}
+{"version":3,"file":"FixturesListPage.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/pages/fixtures/FixturesListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA8BH,wBAAgB,gBAAgB,gCA4I/B"}

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

@@ -1,17 +1,18 @@
-import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { FIXTURE_TYPE_LABELS as n, FIXTURE_TYPE_OPTIONS as r } from "../../components/domain.js";
-import { EmptyState as i } from "../../components/EmptyState.js";
-import { ErrorState as a, LoadingState as o } from "../../components/LoadingState.js";
-import { useFixtures as s, useTeams as c } from "../../hooks/useAthleteBridgeApi.js";
-import { CursorPager as l } from "../../components/CursorPager.js";
-import { FilterSelect as u } from "../../components/FilterSelect.js";
-import { FixtureCard as d } from "../../components/FixtureCard.js";
-import { useMemo as f, useState as p } from "react";
-import { CalendarDays as m, Plus as h, Trophy as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useAbTranslate as e } from "../../i18n.js";
+import { useAthleteBridge as t } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { FIXTURE_TYPE_LABELS as r, FIXTURE_TYPE_OPTIONS as i } from "../../components/domain.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { ErrorState as o, LoadingState as s } from "../../components/LoadingState.js";
+import { useFixtures as c, useTeams as l } from "../../hooks/useAthleteBridgeApi.js";
+import { CursorPager as u } from "../../components/CursorPager.js";
+import { FilterSelect as d } from "../../components/FilterSelect.js";
+import { FixtureCard as f } from "../../components/FixtureCard.js";
+import { useMemo as p, useState as m } from "react";
+import { CalendarDays as h, Plus as g, Trophy as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/atheletebridge/pages/fixtures/FixturesListPage.tsx
-var b = 12, x = [
+var x = 12, S = [
 	{
 		value: "SCHEDULED",
 		label: "Scheduled"
@@ -32,100 +33,108 @@ var b = 12, x = [
 		value: "CANCELLED",
 		label: "Cancelled"
 	}
-], S = r.map((e) => ({
+], C = i.map((e) => ({
 	value: e,
-	label: n[e]
+	label: r[e]
 }));
-function C() {
-	let { navigateTo: n } = e(), [r, C] = p(""), [w, T] = p(""), [E, D] = p(""), [O, k] = p(0), A = c({ pagination: { limit: 100 } }), j = f(() => (A.data?.items ?? []).map((e) => ({
+function w() {
+	let r = e(), { navigateTo: i } = t(), [w, T] = m(""), [E, D] = m(""), [O, k] = m(""), [A, j] = m(0), M = l({ pagination: { limit: 100 } }), N = p(() => (M.data?.items ?? []).map((e) => ({
 		value: e.id,
 		label: e.name
-	})), [A.data]), M = s({
-		status: r || void 0,
-		teamId: w || void 0,
+	})), [M.data]), P = c({
+		status: w || void 0,
+		teamId: E || void 0,
 		pagination: {
-			limit: b,
-			offset: O * b
+			limit: x,
+			offset: A * x
 		}
-	}), N = f(() => {
-		let e = M.data?.items ?? [];
-		return E ? e.filter((e) => e.type === E) : e;
-	}, [M.data, E]), P = M.data?.pageInfo.hasMore ?? !1, F = !!(r || w || E), I = () => k(0);
-	return /* @__PURE__ */ y(t, {
-		title: "Fixtures",
-		description: "Matches across friendlies, league games, cups, tournaments and scrimmages.",
-		actions: /* @__PURE__ */ y("div", {
+	}), F = p(() => {
+		let e = P.data?.items ?? [];
+		return O ? e.filter((e) => e.type === O) : e;
+	}, [P.data, O]), I = P.data?.pageInfo.hasMore ?? !1, L = !!(w || E || O), R = () => j(0);
+	return /* @__PURE__ */ b(n, {
+		title: r("atheletebridge.pages.fixtures.title", "Fixtures"),
+		description: r("atheletebridge.pages.fixtures.description", "Matches across friendlies, league games, cups, tournaments and scrimmages."),
+		actions: /* @__PURE__ */ b("div", {
 			className: "flex flex-wrap items-center gap-2",
-			children: [/* @__PURE__ */ y("button", {
+			children: [/* @__PURE__ */ b("button", {
 				type: "button",
-				onClick: () => n("/tournaments"),
+				onClick: () => i("/tournaments"),
 				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__ */ v(g, { className: "h-4 w-4" }), " Tournament bracket"]
-			}), /* @__PURE__ */ y("button", {
+				children: [
+					/* @__PURE__ */ y(_, { className: "h-4 w-4" }),
+					" ",
+					r("atheletebridge.pages.fixtures.tournamentBracket", "Tournament bracket")
+				]
+			}), /* @__PURE__ */ b("button", {
 				type: "button",
 				"data-tour": "fixtures-create",
-				onClick: () => n("/fixtures/new"),
+				onClick: () => i("/fixtures/new"),
 				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",
-				children: [/* @__PURE__ */ v(h, { className: "h-4 w-4" }), " Schedule fixture"]
+				children: [
+					/* @__PURE__ */ y(g, { className: "h-4 w-4" }),
+					" ",
+					r("atheletebridge.pages.fixtures.scheduleFixture", "Schedule fixture")
+				]
 			})]
 		}),
-		children: [/* @__PURE__ */ y("div", {
+		children: [/* @__PURE__ */ b("div", {
 			"data-tour": "fixtures-filters",
 			className: "mb-6 flex flex-wrap items-center gap-3",
 			children: [
-				/* @__PURE__ */ v(u, {
-					ariaLabel: "Filter by status",
-					allLabel: "All statuses",
-					value: r,
+				/* @__PURE__ */ y(d, {
+					ariaLabel: r("atheletebridge.pages.fixtures.filterStatus", "Filter by status"),
+					allLabel: r("atheletebridge.pages.fixtures.allStatuses", "All statuses"),
+					value: w,
 					onChange: (e) => {
-						C(e), I();
+						T(e), R();
 					},
-					options: x
+					options: S
 				}),
-				/* @__PURE__ */ v(u, {
-					ariaLabel: "Filter by team",
-					allLabel: "All teams",
-					value: w,
+				/* @__PURE__ */ y(d, {
+					ariaLabel: r("atheletebridge.pages.fixtures.filterTeam", "Filter by team"),
+					allLabel: r("atheletebridge.pages.fixtures.allTeams", "All teams"),
+					value: E,
 					onChange: (e) => {
-						T(e), I();
+						D(e), R();
 					},
-					options: j
+					options: N
 				}),
-				/* @__PURE__ */ v(u, {
-					ariaLabel: "Filter by type",
-					allLabel: "All types",
-					value: E,
-					onChange: (e) => D(e),
-					options: S
+				/* @__PURE__ */ y(d, {
+					ariaLabel: r("atheletebridge.pages.fixtures.filterType", "Filter by type"),
+					allLabel: r("atheletebridge.pages.fixtures.allTypes", "All types"),
+					value: O,
+					onChange: (e) => k(e),
+					options: C
 				})
 			]
-		}), M.isLoading ? /* @__PURE__ */ v(o, { label: "Loading fixtures…" }) : M.isError ? /* @__PURE__ */ v(a, { onRetry: () => void M.refetch() }) : N.length === 0 ? /* @__PURE__ */ v(i, {
+		}), P.isLoading ? /* @__PURE__ */ y(s, { label: r("atheletebridge.pages.fixtures.loading", "Loading fixtures…") }) : P.isError ? /* @__PURE__ */ y(o, { onRetry: () => void P.refetch() }) : F.length === 0 ? /* @__PURE__ */ y(a, {
 			illustration: "empty-calendar",
-			icon: /* @__PURE__ */ v(m, { className: "h-10 w-10" }),
-			title: "No fixtures found",
-			description: F ? "Try clearing your filters to see all fixtures." : "Schedule a match to start tracking results and standings.",
-			action: /* @__PURE__ */ v("button", {
+			icon: /* @__PURE__ */ y(h, { className: "h-10 w-10" }),
+			title: r("atheletebridge.pages.fixtures.noFixtures", "No fixtures found"),
+			description: L ? r("atheletebridge.pages.fixtures.noFixturesFilterHint", "Try clearing your filters to see all fixtures.") : r("atheletebridge.pages.fixtures.noFixturesHint", "Schedule a match to start tracking results and standings."),
+			action: /* @__PURE__ */ y("button", {
 				type: "button",
-				onClick: () => n("/fixtures/new"),
+				onClick: () => i("/fixtures/new"),
 				className: "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",
-				children: "Schedule fixture"
+				children: r("atheletebridge.pages.fixtures.scheduleFixtureAction", "Schedule fixture")
 			})
-		}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
+		}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", {
 			className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-			children: N.map((e) => /* @__PURE__ */ v(d, {
+			children: F.map((e) => /* @__PURE__ */ y(f, {
 				fixture: e,
-				onClick: () => n(`/fixtures/${e.id}`)
+				onClick: () => i(`/fixtures/${e.id}`)
 			}, e.id))
-		}), /* @__PURE__ */ v(l, {
+		}), /* @__PURE__ */ y(u, {
 			className: "mt-6",
-			page: O,
-			hasMore: P,
-			onPrev: () => k((e) => Math.max(0, e - 1)),
-			onNext: () => k((e) => e + 1)
+			page: A,
+			hasMore: I,
+			onPrev: () => j((e) => Math.max(0, e - 1)),
+			onNext: () => j((e) => e + 1)
 		})] })]
 	});
 }
 //#endregion
-export { C as FixturesListPage };
+export { w as FixturesListPage };
 
 //# sourceMappingURL=FixturesListPage.js.map