From 8fe0dccead39701d70f064c6cdf0ccd435467561 Mon Sep 17 00:00:00 2001
From: Vladimir <weborsha@gmail.com>
Date: Tue, 16 Jun 2026 18:34:21 +0300
Subject: [PATCH] feat: highlight current funnel step in deal modal

---
 .../deal/addEdit/RequisitionDetails.vue           | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/deal/addEdit/RequisitionDetails.vue b/src/components/deal/addEdit/RequisitionDetails.vue
index d2f7e7d..76cc25b 100644
--- a/src/components/deal/addEdit/RequisitionDetails.vue
+++ b/src/components/deal/addEdit/RequisitionDetails.vue
@@ -11,7 +11,11 @@
                 v-for="(step, index) in steps"
                 :key="index"
                 class="progress-step"
-                :class="{ 'bg-green-500': index < requisition.stage_index, 'bg-white': index >= requisition.stage_index ?? 0 }"
+                :class="{
+                  'step-completed': index < requisition.stage_index,
+                  'step-current': index === requisition.stage_index,
+                  'step-pending': index > requisition.stage_index
+                }"
             >
             </div>
           </div>
@@ -433,6 +437,15 @@ const typeReq = computed(() => {
     flex: 1;
     position: relative;
   }
+  .step-completed {
+    background-color: #5cb85c;
+  }
+  .step-current {
+    background-color: rgba(56, 142, 60, .20);
+  }
+  .step-pending {
+    background-color: #fff;
+  }
   .progress-step::before {
     content: '';
     position: absolute;