add: indicator proposal without driver & validations accepted,cancel proposal

src/assets/main.css

@@ -16,6 +16,10 @@ body {
     background-color: #fdfcfc !important;
 }
 
+.bg-warning {
+    background: #ecd099 !important;
+}
+
 .radius-sm {
     border-radius: 8px !important;
 }

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>