From a8d54699ffbd15b6c5a4d20137b1564a9fae2c6b Mon Sep 17 00:00:00 2001
From: root <root@cgvcpusuzr.local>
Date: Wed, 27 May 2026 12:26:21 +0000
Subject: [PATCH] fix: restrict agreed/driver_assigned status buttons, show
 hints instead

---
 src/components/orders/OrderDetailPanel.jsx | 70 +++++++++++++---------
 1 file changed, 41 insertions(+), 29 deletions(-)

diff --git a/src/components/orders/OrderDetailPanel.jsx b/src/components/orders/OrderDetailPanel.jsx
index a4930f9..364caa3 100644
--- a/src/components/orders/OrderDetailPanel.jsx
+++ b/src/components/orders/OrderDetailPanel.jsx
@@ -821,37 +821,49 @@ export const OrderDetailPanel = ({
           </div>
           <div className="flex flex-wrap gap-2">
             {[
-              { value: "pending_confirmation", label: "Ожидает согласования" },
-              { value: "agreed", label: "Согласовано" },
-              { value: "driver_assigned", label: "Назначен водитель" },
-              { value: "loaded", label: "Загружено" },
-              { value: "on_route", label: "В пути" },
-              { value: "delivered", label: "Доставлено" },
-              { value: "problem", label: "Проблема" },
-              { value: "cancelled", label: "Отменено" },
-            ].map((statusOption) => (
-              <Button
-                key={statusOption.value}
-                variant={
-                  (order.deliveryStatus || order.delivery_status) === statusOption.value ? "primary" : "secondary"}
-                onClick={() => {
-                  onChangeDeliveryStatus({
-                    orderGroupId: order.id,
-                    status: statusOption.value,
-                  }).then((response) => {
-                    if (!response.success) {
-                      setFormMessage(response.error || "Не удалось обновить статус");
-                    } else {
+              { value: "pending_confirmation", label: "Ожидает согласования", manual: true },
+              { value: "agreed", label: "Согласовано", manual: false, hint: "Согласуйте дату доставки выше" },
+              { value: "driver_assigned", label: "Назначен водитель", manual: false, hint: "Назначьте водителя из списка" },
+              { value: "loaded", label: "Загружено", manual: true },
+              { value: "on_route", label: "В пути", manual: true },
+              { value: "delivered", label: "Доставлено", manual: true },
+              { value: "problem", label: "Проблема", manual: true },
+              { value: "cancelled", label: "Отменено", manual: true },
+            ].map((statusOption) => {
+              const isCurrent = (order.deliveryStatus || order.delivery_status) === statusOption.value;
+              const isClickable = statusOption.manual !== false && !isCurrent;
+              return (
+                <div key={statusOption.value} className="relative group">
+                  <Button
+                    variant={isCurrent ? "primary" : "secondary"}
+                    onClick={() => {
+                      if (!isClickable) {
+                        setFormMessage(statusOption.hint || "");
+                        return;
+                      }
                       setFormMessage("");
-                    }
-                  });
-                }}
-                disabled={isSavingDeliveryChoice}
-              >
-                {statusOption.label}
-              </Button>
-            ))}
+                      onChangeDeliveryStatus({
+                        orderGroupId: order.id,
+                        status: statusOption.value,
+                      }).then((response) => {
+                        if (!response.success) {
+                          setFormMessage(response.error || "Не удалось обновить статус");
+                        } else {
+                          setFormMessage("");
+                        }
+                      });
+                    }}
+                    disabled={isSavingDeliveryChoice}
+                  >
+                    {statusOption.label}
+                  </Button>
+                </div>
+              );
+            })}
           </div>
+          {formMessage ? (
+            <p className="text-sm text-[var(--color-warning)]">{formMessage}</p>
+          ) : null}
         </Panel>
       ) : null}