From 0f4c4e48b04af3aac681a4a2a2c85dc66a5eaa7d Mon Sep 17 00:00:00 2001
From: Alexandro Uc Santos <alexandro.us@icloud.com>
Date: Wed, 13 Aug 2025 20:38:09 -0600
Subject: [PATCH] add: indicator proposal without driver & validations
 accepted,cancel proposal

---
 src/assets/main.css                       |  4 ++++
 src/views/loads/modals/ProposalsModal.vue | 14 +++++++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 9893704..83f8674 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -16,6 +16,10 @@ body {
     background-color: #fdfcfc !important;
 }
 
+.bg-warning {
+    background: #ecd099 !important;
+}
+
 .radius-sm {
     border-radius: 8px !important;
 }
diff --git a/src/views/loads/modals/ProposalsModal.vue b/src/views/loads/modals/ProposalsModal.vue
index 785f20b..c439e84 100644
--- a/src/views/loads/modals/ProposalsModal.vue
+++ b/src/views/loads/modals/ProposalsModal.vue
@@ -22,7 +22,6 @@
     const getProposalsData = async() => {
         isLoading.value = true;
         await loadsStore.getProposalsOfLoads(loadsStore.currentLoad._id);
-        console.log(loadsStore.proposalsOfLoads)
         isLoading.value = false;
     }
 
@@ -203,13 +202,18 @@
                             :vehicle="proposal.vehicle"
                             :driver="proposal.driver"
                         />
+                        <div v-if="!proposal.vehicle?.driver"
+                            class="box-note bg-warning mb-3"
+                        >
+                            <i class="fa-solid fa-triangle-exclamation"></i> Oferta sin conductor asignado. Solicite al transportista que asigne un operador para continuar con el proceso de carga.
+                        </div>
                         <Spiner v-if="isLoadingActions"/>
                         <div class="d-flex justify-content-end gap-3" v-else>
                             <div v-if="proposal.is_accepted" class="indicator-check">
                                 <i class="fa-solid fa-check"></i>
                                 {{ t('buttons.accepted') }}
                             </div>
-                            <button  v-if="!proposal.is_accepted" 
+                            <button  v-if="!proposal.is_accepted && proposal.load?.load_status === 'Published'" 
                                 type="button" 
                                 class="btn-primary-sm" 
                                 @click="handleAceptedProposal(proposal)"
@@ -218,7 +222,7 @@
                                 {{ t('buttons.accept') }}
                             </button>
                             <button
-                                v-if="proposal.load.load_status !== 'Delivered' && proposal.is_accepted"
+                                v-if="proposal.is_accepted && proposal.load?.load_status === 'Published'"
                                 class="btn-primary-sm"
                                 @click="handleCancelProposal(proposal)"
                                 >
@@ -230,13 +234,13 @@
                     <CardEmpty v-else :text="t('proposals.empty')"/>
                 </div>
             </div>
-            <div class="modal-footer">
+            <!-- <div class="modal-footer">
                 <button 
                     type="button" 
                     class="btn btn-dark" 
                     @click="clearMoal"
                     data-dismiss="modal">{{ t('buttons.close') }}</button>
-            </div>
+            </div> -->
             </div>
         </div>
     </div>