@burdenoff/microfe-atheletebridge 2026.1013.1 → 2026.1024.1

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

@@ -1,206 +1,535 @@
 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";
+import { FIXTURE_TYPE_LABELS as ee } from "../../components/domain.js";
+import { Crest as r } from "../../components/Crest.js";
+import { Scoreboard as te } from "../../components/Scoreboard.js";
+import { ErrorState as i, LoadingState as a } from "../../components/LoadingState.js";
+import { useFixture as o, useRecordFixtureResult as ne } from "../../hooks/useAthleteBridgeApi.js";
+import { useScheduledTimeGate as s } from "../../hooks/useScheduledTimeGate.js";
+import "../../hooks/index.js";
+import { FormField as c, fieldInputClass as l } from "../../components/form.js";
+import { AvailabilityRsvpControl as re } from "../../components/availability/AvailabilityRsvpControl.js";
+import { AvailabilityRosterPanel as u } from "../../components/availability/AvailabilityRosterPanel.js";
+import { buildCricketResultInput as ie, buildRecordResultInput as d, parseScoreInput as f } from "../../utils/recordResult.js";
+import { useState as p } from "react";
+import { ArrowLeft as ae, Flag as oe, Loader2 as se, Minus as m, Trophy as h } from "lucide-react";
+import { useParams as ce } from "react-router";
+import { Fragment as le, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { EmphasisPanel as v, GlassCard as y } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/fixtures/FixtureDetailPage.tsx
-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…") })
+function b() {
+	let b = e(), { id: x } = ce(), { navigateTo: S } = t(), C = o(x), w = ne(), [T, E] = p(""), [D, O] = p(""), [k, A] = p(""), [j, M] = p(""), [N, P] = p(""), [F, I] = p(""), [L, R] = p({
+		homeRuns: "",
+		homeWickets: "",
+		homeOvers: "",
+		homeBalls: "",
+		awayRuns: "",
+		awayWickets: "",
+		awayOvers: "",
+		awayBalls: "",
+		winner: "HOME",
+		decidedBy: "RUNS",
+		margin: "",
+		superOver: !1,
+		dls: !1
+	}), [z, B] = p(null), V = s(C.data?.scheduledAt), H = (e, t) => R((n) => ({
+		...n,
+		[e]: t
+	})), U = () => R({
+		homeRuns: "",
+		homeWickets: "",
+		homeOvers: "",
+		homeBalls: "",
+		awayRuns: "",
+		awayWickets: "",
+		awayOvers: "",
+		awayBalls: "",
+		winner: "HOME",
+		decidedBy: "RUNS",
+		margin: "",
+		superOver: !1,
+		dls: !1
 	});
-	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")
+	if (C.isLoading) return /* @__PURE__ */ g(n, {
+		title: b("atheletebridge.pages.fixtureDetail.title", "Fixture"),
+		children: /* @__PURE__ */ g(a, { label: b("atheletebridge.pages.fixtureDetail.loading", "Loading fixture…") })
+	});
+	if (C.isError || !C.data) return /* @__PURE__ */ g(n, {
+		title: b("atheletebridge.pages.fixtureDetail.title", "Fixture"),
+		children: /* @__PURE__ */ g(i, {
+			title: b("atheletebridge.pages.fixtureDetail.notFoundTitle", "Fixture not found"),
+			message: b("atheletebridge.pages.fixtureDetail.notFoundMessage", "This fixture does not exist or you do not have access to it."),
+			onRetry: () => S("/fixtures")
 		})
 	});
-	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", {
+	let W = C.data, G = W.homeTeam?.name ?? b("atheletebridge.pages.fixtureDetail.home", "Home"), K = W.awayTeam?.name ?? (W.awayTeamId ? b("atheletebridge.pages.fixtureDetail.away", "Away") : "TBD"), q = !!W.awayTeamId && (W.status === "SCHEDULED" || W.status === "LIVE"), ue = q && V, de = q && !V, J = W.homeTeam?.sport === "CRICKET", Y = f(T), X = f(D), Z = Y !== null && X !== null && Y === X, fe = k !== "" || j !== "", Q = f(k), $ = f(j), pe = Z && (!fe || Q !== null && $ !== null && Q === $);
+	return /* @__PURE__ */ _(n, {
+		title: `${G} vs ${K}`,
+		description: `${ee[W.type]}${W.competition ? ` · ${W.competition}` : ""}`,
+		actions: /* @__PURE__ */ _("button", {
 			type: "button",
-			onClick: () => D("/fixtures"),
+			onClick: () => S("/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__ */ x(h, { className: "h-4 w-4" }),
+				/* @__PURE__ */ g(ae, { className: "h-4 w-4" }),
 				" ",
-				T("atheletebridge.pages.fixtureDetail.back", "Back")
+				b("atheletebridge.pages.fixtureDetail.back", "Back")
 			]
 		}),
 		children: [
-			/* @__PURE__ */ x(a, {
-				fixture: I,
+			/* @__PURE__ */ g(te, {
+				fixture: W,
 				variant: "hero",
 				className: "mb-8"
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ _("div", {
 				className: "mb-8 grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_2fr]",
-				children: [/* @__PURE__ */ x(f, {
-					teamId: I.homeTeamId,
-					fixtureId: I.id
-				}), /* @__PURE__ */ x(p, {
-					teamId: I.homeTeamId,
-					fixtureId: I.id
+				children: [/* @__PURE__ */ g(re, {
+					teamId: W.homeTeamId,
+					fixtureId: W.id
+				}), /* @__PURE__ */ g(u, {
+					teamId: W.homeTeamId,
+					fixtureId: W.id
 				})]
 			}),
-			I.notes && /* @__PURE__ */ S(C, {
+			W.notes && /* @__PURE__ */ _(v, {
 				className: "mb-8",
-				children: [/* @__PURE__ */ x("h2", {
+				children: [/* @__PURE__ */ g("h2", {
 					className: "mb-2 text-sm font-semibold text-text-primary",
-					children: T("atheletebridge.pages.fixtureDetail.notes", "Notes")
-				}), /* @__PURE__ */ x("p", {
+					children: b("atheletebridge.pages.fixtureDetail.notes", "Notes")
+				}), /* @__PURE__ */ g("p", {
 					className: "text-sm text-text-secondary",
-					children: I.notes
+					children: W.notes
 				})]
 			}),
-			z && /* @__PURE__ */ S("section", {
+			de && /* @__PURE__ */ g(v, {
+				className: "mb-8",
+				children: /* @__PURE__ */ g("p", {
+					className: "text-sm text-text-secondary",
+					children: b("atheletebridge.pages.fixtureDetail.recordResultUnavailable", "A result can be recorded once this fixture has started — after its scheduled date and time.")
+				})
+			}),
+			ue && /* @__PURE__ */ _("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ S("h2", {
+				children: [/* @__PURE__ */ _("h2", {
 					className: "mb-4 flex items-center gap-2 text-lg font-semibold text-text-primary",
 					children: [
-						/* @__PURE__ */ x(g, { className: "h-5 w-5" }),
+						/* @__PURE__ */ g(oe, { className: "h-5 w-5" }),
 						" ",
-						T("atheletebridge.pages.fixtureDetail.recordResult", "Record result")
+						b("atheletebridge.pages.fixtureDetail.recordResult", "Record result")
 					]
-				}), /* @__PURE__ */ S(w, {
+				}), /* @__PURE__ */ _(y, {
 					treatment: "insight",
 					className: "p-5 sm:p-6",
 					children: [
-						/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ g("p", {
 							className: "mb-5 text-sm text-text-secondary",
-							children: T("atheletebridge.pages.fixtureDetail.recordResultDescription", "Recording a final score marks this fixture Completed and recomputes the competition standings for both teams.")
+							children: b("atheletebridge.pages.fixtureDetail.recordResultDescription", "Recording a final score marks this fixture Completed and recomputes the competition standings for both teams.")
 						}),
-						/* @__PURE__ */ S("form", {
+						/* @__PURE__ */ _("form", {
 							onSubmit: async (e) => {
-								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)) {
-									F("Both scores are required and must be numbers.");
+								if (e.preventDefault(), B(null), !x) return;
+								if (J) {
+									let e = ie({ ...L }, {
+										required: b("atheletebridge.pages.fixtureDetail.cricketRequired", "All innings scores, overs and the margin are required."),
+										negative: b("atheletebridge.pages.fixtureDetail.cricketNegative", "Scores and overs cannot be negative."),
+										wicketsRange: b("atheletebridge.pages.fixtureDetail.cricketWicketsRange", "Wickets must be between 0 and 10."),
+										ballsRange: b("atheletebridge.pages.fixtureDetail.cricketBallsRange", "Balls must be between 0 and 5."),
+										marginMinimum: b("atheletebridge.pages.fixtureDetail.cricketMarginMinimum", "The margin must be at least 1."),
+										wicketMarginMax: b("atheletebridge.pages.fixtureDetail.cricketWicketMarginMax", "A win by wickets cannot exceed a margin of 10.")
+									});
+									if (!e.ok) {
+										B(e.error);
+										return;
+									}
+									try {
+										await w.mutateAsync({
+											id: x,
+											input: e.input
+										}), U();
+									} catch (e) {
+										B(e instanceof Error ? e.message : b("atheletebridge.pages.fixtureDetail.recordFailed", "Failed to record result."));
+									}
 									return;
 								}
-								if (t < 0 || n < 0) {
-									F("Scores cannot be negative.");
+								let t = d({
+									homeScore: T,
+									awayScore: D,
+									extraTimeHome: k,
+									extraTimeAway: j,
+									penaltyHome: N,
+									penaltyAway: F
+								}, {
+									scoresRequired: b("atheletebridge.pages.fixtureDetail.scoresRequired", "Both scores are required and must be numbers."),
+									scoresNegative: b("atheletebridge.pages.fixtureDetail.scoresNegative", "Scores cannot be negative."),
+									extraTimePair: b("atheletebridge.pages.fixtureDetail.extraTimePair", "Enter both extra-time scores."),
+									extraTimeNumeric: b("atheletebridge.pages.fixtureDetail.extraTimeNumeric", "Extra-time scores must be numbers."),
+									extraTimeNegative: b("atheletebridge.pages.fixtureDetail.extraTimeNegative", "Extra-time scores cannot be negative."),
+									penaltyPair: b("atheletebridge.pages.fixtureDetail.penaltyPair", "Enter both penalty scores."),
+									penaltyNumeric: b("atheletebridge.pages.fixtureDetail.penaltyNumeric", "Penalty scores must be numbers."),
+									penaltyNegative: b("atheletebridge.pages.fixtureDetail.penaltyNegative", "Penalty scores cannot be negative."),
+									extraTimeDecided: b("atheletebridge.pages.fixtureDetail.extraTimeDecided", "Extra time decided the tie — leave the penalty shootout empty."),
+									extraTimeLevel: b("atheletebridge.pages.fixtureDetail.extraTimeLevel", "Still level after extra time — record the penalty shootout."),
+									penaltyLevel: b("atheletebridge.pages.fixtureDetail.penaltyLevel", "Penalty scores must have a winner.")
+								});
+								if (!t.ok) {
+									B(t.error);
 									return;
 								}
 								try {
-									await k.mutateAsync({
-										id: E,
-										input: {
-											homeScore: t,
-											awayScore: n
-										}
-									}), j(""), N("");
+									await w.mutateAsync({
+										id: x,
+										input: t.input
+									}), E(""), O(""), A(""), M(""), P(""), I("");
 								} catch (e) {
-									F(e instanceof Error ? e.message : "Failed to record result.");
+									B(e instanceof Error ? e.message : b("atheletebridge.pages.fixtureDetail.recordFailed", "Failed to record result."));
 								}
 							},
-							children: [/* @__PURE__ */ S("div", {
+							children: [J ? /* @__PURE__ */ _("div", {
+								className: "flex flex-col items-center gap-5",
+								children: [
+									/* @__PURE__ */ g("p", {
+										className: "text-center text-xs font-medium text-text-secondary",
+										children: b("atheletebridge.pages.fixtureDetail.cricketScorecardDescription", "Record each innings score and how the match was decided — a cricket result is a margin, not a score comparison.")
+									}),
+									[{
+										side: "home",
+										name: G,
+										sport: W.homeTeam?.sport
+									}, {
+										side: "away",
+										name: K,
+										sport: W.awayTeam?.sport
+									}].map(({ side: e, name: t, sport: n }) => /* @__PURE__ */ _("div", {
+										className: "flex flex-wrap items-end justify-center gap-3",
+										children: [
+											/* @__PURE__ */ _("div", {
+												className: "flex flex-col items-center gap-2",
+												children: [/* @__PURE__ */ g(r, {
+													name: t,
+													sport: n,
+													size: 40
+												}), /* @__PURE__ */ g("span", {
+													className: "max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary",
+													children: t
+												})]
+											}),
+											/* @__PURE__ */ g(c, {
+												label: b("atheletebridge.pages.fixtureDetail.runs", "Runs"),
+												htmlFor: `cricket-${e}-runs`,
+												className: "w-20",
+												children: /* @__PURE__ */ g("input", {
+													id: `cricket-${e}-runs`,
+													inputMode: "numeric",
+													className: `${l} text-center tabular-nums`,
+													value: L[`${e}Runs`],
+													onChange: (t) => H(`${e}Runs`, t.target.value),
+													placeholder: "185"
+												})
+											}),
+											/* @__PURE__ */ g("span", {
+												className: "pb-3 text-lg font-bold text-text-muted",
+												children: "/"
+											}),
+											/* @__PURE__ */ g(c, {
+												label: b("atheletebridge.pages.fixtureDetail.wickets", "Wkts"),
+												htmlFor: `cricket-${e}-wickets`,
+												className: "w-16",
+												children: /* @__PURE__ */ g("input", {
+													id: `cricket-${e}-wickets`,
+													inputMode: "numeric",
+													className: `${l} text-center tabular-nums`,
+													value: L[`${e}Wickets`],
+													onChange: (t) => H(`${e}Wickets`, t.target.value),
+													placeholder: "6"
+												})
+											}),
+											/* @__PURE__ */ g(c, {
+												label: b("atheletebridge.pages.fixtureDetail.overs", "Overs"),
+												htmlFor: `cricket-${e}-overs`,
+												className: "w-16",
+												children: /* @__PURE__ */ g("input", {
+													id: `cricket-${e}-overs`,
+													inputMode: "numeric",
+													className: `${l} text-center tabular-nums`,
+													value: L[`${e}Overs`],
+													onChange: (t) => H(`${e}Overs`, t.target.value),
+													placeholder: "20"
+												})
+											}),
+											/* @__PURE__ */ g(c, {
+												label: b("atheletebridge.pages.fixtureDetail.balls", "Balls"),
+												htmlFor: `cricket-${e}-balls`,
+												className: "w-14",
+												children: /* @__PURE__ */ g("input", {
+													id: `cricket-${e}-balls`,
+													inputMode: "numeric",
+													className: `${l} text-center tabular-nums`,
+													value: L[`${e}Balls`],
+													onChange: (t) => H(`${e}Balls`, t.target.value),
+													placeholder: "0"
+												})
+											})
+										]
+									}, e)),
+									/* @__PURE__ */ _("div", {
+										className: "flex flex-wrap items-end justify-center gap-4",
+										children: [
+											/* @__PURE__ */ g(c, {
+												label: b("atheletebridge.pages.fixtureDetail.winner", "Winner"),
+												htmlFor: "cricket-winner",
+												children: /* @__PURE__ */ _("select", {
+													id: "cricket-winner",
+													className: l,
+													value: L.winner,
+													onChange: (e) => H("winner", e.target.value),
+													children: [/* @__PURE__ */ g("option", {
+														value: "HOME",
+														children: G
+													}), /* @__PURE__ */ g("option", {
+														value: "AWAY",
+														children: K
+													})]
+												})
+											}),
+											/* @__PURE__ */ g(c, {
+												label: b("atheletebridge.pages.fixtureDetail.decidedBy", "Decided by"),
+												htmlFor: "cricket-decided-by",
+												children: /* @__PURE__ */ _("select", {
+													id: "cricket-decided-by",
+													className: l,
+													value: L.decidedBy,
+													onChange: (e) => H("decidedBy", e.target.value),
+													children: [/* @__PURE__ */ g("option", {
+														value: "RUNS",
+														children: b("atheletebridge.pages.fixtureDetail.runs", "Runs")
+													}), /* @__PURE__ */ g("option", {
+														value: "WICKETS",
+														children: b("atheletebridge.pages.fixtureDetail.wickets", "Wkts")
+													})]
+												})
+											}),
+											/* @__PURE__ */ g(c, {
+												label: b("atheletebridge.pages.fixtureDetail.margin", "Margin"),
+												htmlFor: "cricket-margin",
+												className: "w-20",
+												children: /* @__PURE__ */ g("input", {
+													id: "cricket-margin",
+													inputMode: "numeric",
+													className: `${l} text-center tabular-nums`,
+													value: L.margin,
+													onChange: (e) => H("margin", e.target.value),
+													placeholder: "13"
+												})
+											})
+										]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "flex items-center gap-6",
+										children: [/* @__PURE__ */ _("label", {
+											className: "flex items-center gap-2.5 text-sm text-text-primary",
+											children: [/* @__PURE__ */ g("input", {
+												type: "checkbox",
+												checked: L.superOver,
+												onChange: (e) => H("superOver", e.target.checked),
+												className: "h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)]"
+											}), b("atheletebridge.pages.fixtureDetail.superOver", "Super Over")]
+										}), /* @__PURE__ */ _("label", {
+											className: "flex items-center gap-2.5 text-sm text-text-primary",
+											children: [/* @__PURE__ */ g("input", {
+												type: "checkbox",
+												checked: L.dls,
+												onChange: (e) => H("dls", e.target.checked),
+												className: "h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)]"
+											}), b("atheletebridge.pages.fixtureDetail.dls", "DLS")]
+										})]
+									})
+								]
+							}) : /* @__PURE__ */ _(le, { children: [/* @__PURE__ */ _("div", {
 								className: "flex flex-wrap items-end justify-center gap-4 sm:gap-6",
 								children: [
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ _("div", {
 										className: "flex items-end gap-3",
-										children: [/* @__PURE__ */ S("div", {
+										children: [/* @__PURE__ */ _("div", {
 											className: "flex flex-col items-center gap-2",
-											children: [/* @__PURE__ */ x(i, {
-												name: L,
-												sport: I.homeTeam?.sport,
+											children: [/* @__PURE__ */ g(r, {
+												name: G,
+												sport: W.homeTeam?.sport,
 												size: 40
-											}), /* @__PURE__ */ x("span", {
+											}), /* @__PURE__ */ g("span", {
 												className: "max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary",
-												children: L
+												children: G
 											})]
-										}), /* @__PURE__ */ x(u, {
-											label: T("atheletebridge.pages.fixtureDetail.home", "Home"),
+										}), /* @__PURE__ */ g(c, {
+											label: b("atheletebridge.pages.fixtureDetail.home", "Home"),
 											htmlFor: "homeScore",
 											className: "w-24",
-											children: /* @__PURE__ */ x("input", {
+											children: /* @__PURE__ */ g("input", {
 												id: "homeScore",
 												inputMode: "numeric",
-												className: `${d} text-center text-lg font-bold tabular-nums`,
-												value: A,
-												onChange: (e) => j(e.target.value),
+												className: `${l} text-center text-lg font-bold tabular-nums`,
+												value: T,
+												onChange: (e) => E(e.target.value),
 												placeholder: "0"
 											})
 										})]
 									}),
-									/* @__PURE__ */ x(v, {
+									/* @__PURE__ */ g(m, {
 										className: "mb-3 h-5 w-5 shrink-0 text-text-muted",
 										"aria-hidden": "true"
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ _("div", {
 										className: "flex items-end gap-3",
-										children: [/* @__PURE__ */ x(u, {
-											label: T("atheletebridge.pages.fixtureDetail.away", "Away"),
+										children: [/* @__PURE__ */ g(c, {
+											label: b("atheletebridge.pages.fixtureDetail.away", "Away"),
 											htmlFor: "awayScore",
 											className: "w-24",
-											children: /* @__PURE__ */ x("input", {
+											children: /* @__PURE__ */ g("input", {
 												id: "awayScore",
 												inputMode: "numeric",
-												className: `${d} text-center text-lg font-bold tabular-nums`,
-												value: M,
-												onChange: (e) => N(e.target.value),
+												className: `${l} text-center text-lg font-bold tabular-nums`,
+												value: D,
+												onChange: (e) => O(e.target.value),
 												placeholder: "0"
 											})
-										}), /* @__PURE__ */ S("div", {
+										}), /* @__PURE__ */ _("div", {
 											className: "flex flex-col items-center gap-2",
-											children: [/* @__PURE__ */ x(i, {
-												name: R,
-												sport: I.awayTeam?.sport,
+											children: [/* @__PURE__ */ g(r, {
+												name: K,
+												sport: W.awayTeam?.sport,
 												size: 40
-											}), /* @__PURE__ */ x("span", {
+											}), /* @__PURE__ */ g("span", {
 												className: "max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary",
-												children: R
+												children: K
 											})]
 										})]
 									})
 								]
-							}), /* @__PURE__ */ x("div", {
+							}), Z && /* @__PURE__ */ _("div", {
+								className: "mt-6 border-t border-border-seam pt-5",
+								children: [/* @__PURE__ */ g("p", {
+									className: "mb-4 text-center text-xs font-medium text-text-secondary",
+									children: b("atheletebridge.pages.fixtureDetail.levelAtFullTime", "Level at full time — record how the tie was decided (optional).")
+								}), /* @__PURE__ */ _("div", {
+									className: "flex flex-col items-center gap-4",
+									children: [/* @__PURE__ */ _("div", {
+										className: "flex items-end justify-center gap-3",
+										children: [
+											/* @__PURE__ */ g("span", {
+												className: "mb-2.5 w-16 text-right text-xs font-medium text-text-secondary",
+												children: G
+											}),
+											/* @__PURE__ */ g(c, {
+												label: b("atheletebridge.pages.fixtureDetail.extraTime", "Extra time"),
+												htmlFor: "extraTimeHome",
+												className: "w-20",
+												children: /* @__PURE__ */ g("input", {
+													id: "extraTimeHome",
+													inputMode: "numeric",
+													className: `${l} text-center tabular-nums`,
+													value: k,
+													onChange: (e) => A(e.target.value),
+													placeholder: "–"
+												})
+											}),
+											/* @__PURE__ */ g(m, {
+												className: "mb-3 h-4 w-4 shrink-0 text-text-muted",
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ g(c, {
+												label: "\xA0",
+												htmlFor: "extraTimeAway",
+												className: "w-20",
+												children: /* @__PURE__ */ g("input", {
+													id: "extraTimeAway",
+													inputMode: "numeric",
+													className: `${l} text-center tabular-nums`,
+													value: j,
+													onChange: (e) => M(e.target.value),
+													placeholder: "–"
+												})
+											}),
+											/* @__PURE__ */ g("span", {
+												className: "mb-2.5 w-16 truncate text-xs font-medium text-text-secondary",
+												children: K
+											})
+										]
+									}), pe && /* @__PURE__ */ _("div", {
+										className: "flex items-end justify-center gap-3",
+										children: [
+											/* @__PURE__ */ g("span", {
+												className: "mb-2.5 w-16 text-right text-xs font-medium text-text-secondary",
+												children: G
+											}),
+											/* @__PURE__ */ g(c, {
+												label: b("atheletebridge.pages.fixtureDetail.penaltyShootout", "Penalties"),
+												htmlFor: "penaltyHome",
+												className: "w-20",
+												children: /* @__PURE__ */ g("input", {
+													id: "penaltyHome",
+													inputMode: "numeric",
+													className: `${l} text-center tabular-nums`,
+													value: N,
+													onChange: (e) => P(e.target.value),
+													placeholder: "–"
+												})
+											}),
+											/* @__PURE__ */ g(m, {
+												className: "mb-3 h-4 w-4 shrink-0 text-text-muted",
+												"aria-hidden": "true"
+											}),
+											/* @__PURE__ */ g(c, {
+												label: "\xA0",
+												htmlFor: "penaltyAway",
+												className: "w-20",
+												children: /* @__PURE__ */ g("input", {
+													id: "penaltyAway",
+													inputMode: "numeric",
+													className: `${l} text-center tabular-nums`,
+													value: F,
+													onChange: (e) => I(e.target.value),
+													placeholder: "–"
+												})
+											}),
+											/* @__PURE__ */ g("span", {
+												className: "mb-2.5 w-16 truncate text-xs font-medium text-text-secondary",
+												children: K
+											})
+										]
+									})]
+								})]
+							})] }), /* @__PURE__ */ g("div", {
 								className: "mt-6 flex justify-center",
-								children: /* @__PURE__ */ S("button", {
+								children: /* @__PURE__ */ _("button", {
 									type: "submit",
-									disabled: k.isPending,
+									disabled: w.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: [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")]
+									children: [w.isPending ? /* @__PURE__ */ g(se, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ g(h, { className: "h-4 w-4" }), b("atheletebridge.pages.fixtureDetail.recordResultAction", "Record result")]
 								})
 							})]
 						}),
-						P && /* @__PURE__ */ x("p", {
+						z && /* @__PURE__ */ g("p", {
 							className: "mt-3 text-center text-sm text-status-error-text",
-							children: P
+							children: z
 						})
 					]
 				})]
 			}),
-			I.competition && /* @__PURE__ */ S("button", {
+			W.competition && /* @__PURE__ */ _("button", {
 				type: "button",
-				onClick: () => D(`/standings?competition=${encodeURIComponent(I.competition ?? "")}`),
+				onClick: () => S(`/standings?competition=${encodeURIComponent(W.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__ */ x(y, { className: "h-4 w-4" }),
+					/* @__PURE__ */ g(h, { className: "h-4 w-4" }),
 					" ",
-					T("atheletebridge.pages.fixtureDetail.viewStandings", `View ${I.competition} standings`)
+					b("atheletebridge.pages.fixtureDetail.viewStandings", `View ${W.competition} standings`)
 				]
 			})
 		]
 	});
 }
 //#endregion
-export { T as FixtureDetailPage };
+export { b as FixtureDetailPage };
 
 //# sourceMappingURL=FixtureDetailPage.js.map