From e653add75555e8c679fd158ed1507f3ee25cef03 Mon Sep 17 00:00:00 2001
From: Juan Felipe Zapata Moreno <zapata_pipe@hotmail.com>
Date: Mon, 23 Feb 2026 16:30:47 -0600
Subject: [PATCH] =?UTF-8?q?feat:=20agregar=20campo=20Clave=20SAT=20en=20fo?=
 =?UTF-8?q?rmularios=20de=20creaci=C3=B3n=20y=20edici=C3=B3n=20de=20produc?=
 =?UTF-8?q?tos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/POS/Inventory/CreateModal.vue | 16 +++++++++++++++
 src/pages/POS/Inventory/EditModal.vue   | 16 +++++++++++++++
 src/pages/POS/Inventory/Index.vue       |  6 ++++++
 src/pages/POS/Point.vue                 | 26 ++++++++++++++++++++++---
 4 files changed, 61 insertions(+), 3 deletions(-)

diff --git a/src/pages/POS/Inventory/CreateModal.vue b/src/pages/POS/Inventory/CreateModal.vue
index 806b276..fccaf3b 100644
--- a/src/pages/POS/Inventory/CreateModal.vue
+++ b/src/pages/POS/Inventory/CreateModal.vue
@@ -21,6 +21,7 @@ const units = ref([]);
 /** Formulario */
 const form = useForm({
     name: '',
+    key_sat: '',
     sku: '',
     barcode: '',
     category_id: '',
@@ -159,6 +160,21 @@ watch(() => form.track_serials, () => {
                         <FormError :message="form.errors?.name" />
                     </div>
 
+                    <!-- Clave SAT -->
+                    <div class="col-span-2">
+                        <label class="block text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase mb-1.5">
+                            CLAVE SAT
+                        </label>
+                        <FormInput
+                            v-model="form.key_sat"
+                            type="text"
+                            placeholder="Clave SAT del producto"
+                            required
+                            maxlength="9"
+                        />
+                        <FormError :message="form.errors?.key_sat" />
+                    </div>
+
                     <!-- SKU -->
                     <div>
                         <label class="block text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase mb-1.5">
diff --git a/src/pages/POS/Inventory/EditModal.vue b/src/pages/POS/Inventory/EditModal.vue
index 5a9ae2d..bd59722 100644
--- a/src/pages/POS/Inventory/EditModal.vue
+++ b/src/pages/POS/Inventory/EditModal.vue
@@ -26,6 +26,7 @@ const units = ref([]);
 /** Formulario */
 const form = useForm({
     name: '',
+    key_sat: '',
     sku: '',
     barcode: '',
     category_id: '',
@@ -115,6 +116,7 @@ const openSerials = () => {
 watch(() => props.product, (newProduct) => {
     if (newProduct) {
         form.name = newProduct.name || '';
+        form.key_sat = newProduct.key_sat || '';
         form.sku = newProduct.sku || '';
         form.barcode = newProduct.barcode || '';
         form.category_id = newProduct.category_id || '';
@@ -177,6 +179,20 @@ watch(() => form.track_serials, () => {
                         <FormError :message="form.errors?.name" />
                     </div>
 
+                    <!-- Clave SAT -->
+                    <div class="col-span-2">
+                        <label class="block text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase mb-1.5">
+                            CLAVE SAT
+                        </label>
+                        <FormInput
+                            v-model="form.key_sat"
+                            type="number"
+                            placeholder="Clave SAT del producto"
+                            maxlength="9"
+                        />
+                        <FormError :message="form.errors?.key_sat" />
+                    </div>
+
                     <!-- SKU -->
                     <div>
                         <label class="block text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase mb-1.5">
diff --git a/src/pages/POS/Inventory/Index.vue b/src/pages/POS/Inventory/Index.vue
index 1d0bd11..82a92a5 100644
--- a/src/pages/POS/Inventory/Index.vue
+++ b/src/pages/POS/Inventory/Index.vue
@@ -321,6 +321,7 @@ onMounted(() => {
                 <template #head>
                     <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">SKU / CÓDIGO</th>
                     <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">PRODUCTO</th>
+                    <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">CLAVE SAT</th>
                     <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">CATEGORÍA</th>
                     <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">PRECIO</th>
                     <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">STOCK</th>
@@ -341,6 +342,11 @@ onMounted(() => {
                                 <p class="text-sm font-semibold text-gray-900 dark:text-gray-100">{{ model.name }}</p>
                             </div>
                         </td>
+                        <td class="px-6 py-4 text-center">
+                            <div>
+                                <p class="text-sm font-semibold text-gray-900 dark:text-gray-100">{{ model.key_sat }}</p>
+                            </div>
+                        </td>
                         <td class="px-6 py-4 whitespace-nowrap text-center">
                             <span class="text-sm text-gray-700 dark:text-gray-300">
                                 {{ model.category?.name || '-' }}
diff --git a/src/pages/POS/Point.vue b/src/pages/POS/Point.vue
index e6ea2f0..251f122 100644
--- a/src/pages/POS/Point.vue
+++ b/src/pages/POS/Point.vue
@@ -146,10 +146,30 @@ const addToCart = async (product) => {
     try {
         const response = await serialService.getAvailableSerials(product.id);
 
-        const hasSerials = response.serials?.data?.length > 0;
+        const allSerials = response.serials?.data || [];
 
-        if (hasSerials) {
-            // Agregar track_serials al producto para que el store lo reconozca
+        if (allSerials.length > 0) {
+            // Verificar cuántos quedan después de excluir los del carrito
+            const excluded = cart.getSelectedSerials();
+            const available = allSerials.filter(s => !excluded.includes(s.serial_number));
+
+            if (available.length === 0) {
+                // Todos los seriales están bloqueados — buscar si un paquete del carrito los tiene
+                const blockingBundle = cart.items.find(item => {
+                    if (!item.is_bundle || !item.serial_numbers) return false;
+                    const bundleSerials = item.serial_numbers[product.id] || [];
+                    return bundleSerials.length > 0;
+                });
+
+                if (blockingBundle) {
+                    window.Notify.warning(`"${product.name}" forma parte del paquete "${blockingBundle.product_name}". No hay suficiente stock para vender`);
+                } else {
+                    window.Notify.warning(`No hay seriales disponibles para "${product.name}"`);
+                }
+                return;
+            }
+
+            // Hay seriales disponibles — abrir selector
             product.track_serials = true;
             serialSelectorProduct.value = product;
             showSerialSelector.value = true;