From 1af66cb30261f603f3f605f15f16071a8e85fb76 Mon Sep 17 00:00:00 2001
From: consultoria-as <ialcarazsalazar@consultoria-as.com>
Date: Tue, 30 Jun 2026 19:49:42 +0000
Subject: [PATCH] fix(workshop): ensure new-customer/new-vehicle modals open on
 top

- Raised z-index of newCustomerModal and newVehicleModal so they appear above the order modal.

- Added '+ Nuevo' customer button in the edit-order modal as well.
---
 pos/templates/workshop.html | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/pos/templates/workshop.html b/pos/templates/workshop.html
index b36c508..03fc1f5 100644
--- a/pos/templates/workshop.html
+++ b/pos/templates/workshop.html
@@ -15,7 +15,7 @@
   <meta name="theme-color" content="#F5A623" />
   <link rel="shortcut icon" type="image/png" href="/pos/static/pwa/icon-192.png" />
 
-  <link rel="stylesheet" href="/pos/static/css/workshop.css?v=39">
+  <link rel="stylesheet" href="/pos/static/css/workshop.css?v=40">
   <style>
     .so-notes-grid { display: grid; grid-template-columns: 120px 1fr; gap: var(--space-2); align-items: start; }
     .so-notes-grid .form-label { margin: 0; padding-top: var(--space-2); }
@@ -261,8 +261,13 @@
       <form class="form-grid" id="editOrderForm" onsubmit="return false;">
         <div class="form-field form-field--span2" style="position:relative;">
           <label class="form-label" for="eoCustomerSearch">Cliente</label>
-          <input class="form-input" id="eoCustomerSearch" autocomplete="off" placeholder="Buscar cliente..." oninput="Workshop.searchCustomersForSO()" />
-          <div id="eoCustomerResults" style="display:none;position:absolute;z-index:10;top:100%;left:0;right:0;max-height:180px;overflow-y:auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15);"></div>
+          <div style="display:flex;gap:var(--space-2);">
+            <div style="position:relative;flex:1;">
+              <input class="form-input" id="eoCustomerSearch" autocomplete="off" placeholder="Buscar cliente..." oninput="Workshop.searchCustomersForSO()" />
+              <div id="eoCustomerResults" style="display:none;position:absolute;z-index:10;top:100%;left:0;right:0;max-height:180px;overflow-y:auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15);"></div>
+            </div>
+            <button class="btn btn--secondary" type="button" onclick="Workshop.openNewCustomerModal('edit')">+ Nuevo</button>
+          </div>
           <input type="hidden" id="eoCustomerId" />
         </div>
         <div class="form-field form-field--span2" style="position:relative;">
@@ -334,7 +339,7 @@
 </div>
 
 <!-- New vehicle modal -->
-<div class="modal-overlay" id="newVehicleModal">
+<div class="modal-overlay" id="newVehicleModal" style="z-index:9001;">
   <div class="modal modal--sm">
     <div class="modal__header">
       <h2 class="modal__title">Nuevo veh&iacute;culo</h2>
@@ -380,7 +385,7 @@
 </div>
 
 <!-- New customer modal -->
-<div class="modal-overlay" id="newCustomerModal">
+<div class="modal-overlay" id="newCustomerModal" style="z-index:9001;">
   <div class="modal modal--sm">
     <div class="modal__header">
       <h2 class="modal__title">Nuevo cliente</h2>
@@ -481,7 +486,7 @@
 <script src="/pos/static/js/pos-utils.js?v=33" defer></script>
 <script src="/pos/static/js/sidebar.js?v=36" defer></script>
 <script src="/pos/static/js/offline-banner.js" defer></script>
-<script src="/pos/static/js/workshop.js?v=39" defer></script>
+<script src="/pos/static/js/workshop.js?v=40" defer></script>
 <script>if('serviceWorker' in navigator){navigator.serviceWorker.register('/pos/sw.js',{scope:'/pos/'});}</script>
 <script src="/pos/static/js/pwa-install.js" defer></script>
 <script src="/pos/static/js/chat.js" defer></script>