add dispute functionality for contract duty and implement collection dates

apps/edr-freight-web/backoffice/src/components/contracts/GlCreateBookingForm.tsx

@@ -19,6 +19,7 @@ import {
   Loader,
   Modal,
   Paper,
+  SegmentedControl,
   Select,
   Stack,
   Switch,
@@ -269,6 +270,9 @@ export default function GlCreateBookingForm() {
   const [scheduledDate, setScheduledDate] = useState("");
   const [contractRouteId, setContractRouteId] = useState<string | null>(null);
   const [notes, setNotes] = useState("");
+  // The customer states the billing currency on their shipment request — GL
+  // books in it. Intercity is always ETB (the API enforces this too).
+  const [paymentCurrency, setPaymentCurrency] = useState<"USD" | "ETB">("USD");
   // What the containers carry — captured per booking (moved off the contract).
   const [cargoDescription, setCargoDescription] = useState("");
   const [containerLines, setContainerLines] = useState<ContainerLineDraft[]>([]);
@@ -439,6 +443,9 @@ export default function GlCreateBookingForm() {
     }
     if (bookingRequest.contractRouteId)
       setContractRouteId(bookingRequest.contractRouteId);
+    if (bookingRequest.paymentCurrency === "USD" || bookingRequest.paymentCurrency === "ETB") {
+      setPaymentCurrency(bookingRequest.paymentCurrency);
+    }
     if (bookingRequest.notes) setNotes(bookingRequest.notes);
   }, [bookingRequest, prefilled]);
 
@@ -834,6 +841,7 @@ export default function GlCreateBookingForm() {
 
     const payload: Freight.CreateBookingUnderContractDto = {
       ...(contractRouteId ? { contractRouteId } : {}),
+      paymentCurrency,
       // Intercity bookings carry no date — staff assign a passing train later.
       ...(scheduledDate
         ? { scheduledDate: new Date(scheduledDate).toISOString() }
@@ -1672,6 +1680,30 @@ export default function GlCreateBookingForm() {
         )}
 
         <StepCard>
+          <Box mb="md">
+            <Text size="sm" fw={600} mb={4}>
+              Billing currency
+            </Text>
+            <Text size="xs" c="dimmed" mb={8}>
+              {isIntercity
+                ? "Intercity shipments are invoiced in ETB."
+                : bookingRequest?.paymentCurrency
+                  ? "Requested by the customer on their shipment request."
+                  : "The contract is quoted in USD — pick the currency this shipment is invoiced in."}
+            </Text>
+            <SegmentedControl
+              value={isIntercity ? "ETB" : paymentCurrency}
+              onChange={(v) => setPaymentCurrency(v as "USD" | "ETB")}
+              disabled={isIntercity}
+              data={[
+                { label: "USD", value: "USD" },
+                { label: "ETB", value: "ETB" },
+              ]}
+              color="edr-green"
+              radius={10}
+            />
+          </Box>
+
           <Textarea
             label="Additional notes"
             placeholder="Any special instructions for this shipment…"