inicializa el costo de la tela en 25 - Follow Up Deployment

index.html

@@ -34,7 +34,7 @@
                         <i class="fas fa-ruler-combined text-indigo-500 mr-2"></i>Precio por m² de tela ($)
                     </label>
                     <div class="relative">
-                        <input type="number" id="fabricPrice" min="0" step="0.01" value="13"
+                        <input type="number" id="fabricPrice" min="0" step="0.01" value="25"
                                class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500">
                         <span class="absolute right-3 top-2.5 text-gray-500">$/m²</span>
                     </div>
@@ -86,6 +86,18 @@
                     <span class="absolute right-3 top-8 text-gray-500">unidades</span>
                 </div>
 
+                <div>
+                    <label for="sewingPrice" class="block text-sm font-medium text-gray-700 mb-1">
+                        <i class="fas fa-needle text-indigo-500 mr-2"></i>Precio de costura por unidad ($)
+                    </label>
+                    <div class="relative">
+                        <input type="number" id="sewingPrice" min="0" step="0.01" value="12"
+                               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500">
+                        <span class="absolute right-3 top-2.5 text-gray-500">$/unidad</span>
+                    </div>
+                    <p id="sewingError" class="text-red-500 text-xs mt-1 hidden">Ingrese un valor válido</p>
+                </div>
+
                 <div>
                     <label for="orderName" class="block text-sm font-medium text-gray-700 mb-1">
                         <i class="fas fa-tag text-indigo-500 mr-2"></i>Nombre del pedido
@@ -121,6 +133,10 @@
                             <span class="text-gray-600">Costo sublimación (1 unidad):</span>
                             <span id="sublimationCostSingle" class="font-medium">$0.00</span>
                         </div>
+                        <div class="flex justify-between">
+                            <span class="text-gray-600">Costo costura (1 unidad):</span>
+                            <span id="sewingCostSingle" class="font-medium">$0.00</span>
+                        </div>
                         <div class="border-t border-gray-200 my-2"></div>
                         <div class="flex justify-between">
                             <span class="text-gray-800 font-semibold">Total por 1 unidad:</span>
@@ -130,6 +146,10 @@
                             <span class="text-gray-600">Costo tela:</span>
                             <span id="fabricCostQuantity" class="font-medium">$0.00</span>
                         </div>
+                        <div class="flex justify-between">
+                            <span class="text-gray-600">Costo costura:</span>
+                            <span id="sewingCostQuantity" class="font-medium">$0.00</span>
+                        </div>
                         <div class="flex justify-between">
                             <span class="text-gray-600">Costo sublimación:</span>
                             <span id="sublimationCostQuantity" class="font-medium">$0.00</span>
@@ -169,12 +189,14 @@
             const sublimationPriceInput = document.getElementById('sublimationPrice');
             const fabricAreaInput = document.getElementById('fabricArea');
             const sublimationAreaInput = document.getElementById('sublimationArea');
+            const sewingPriceInput = document.getElementById('sewingPrice');
             
             // Error messages
             const fabricError = document.getElementById('fabricError');
             const sublimationError = document.getElementById('sublimationError');
             const areaError = document.getElementById('areaError');
             const sublimationAreaError = document.getElementById('sublimationAreaError');
+            const sewingError = document.getElementById('sewingError');
             
             // Result fields
             const fabricCostSingle = document.getElementById('fabricCostSingle');
@@ -204,6 +226,7 @@
                 const sublimationPrice = parseFloat(sublimationPriceInput.value);
                 const fabricArea = parseFloat(fabricAreaInput.value);
                 const sublimationArea = parseFloat(sublimationAreaInput.value);
+                const sewingPrice = parseFloat(sewingPriceInput.value);
                 
                 // Validate inputs
                 let isValid = true;
@@ -231,18 +254,25 @@
                     sublimationAreaInput.classList.add('input-error');
                     isValid = false;
                 }
+
+                if (isNaN(sewingPrice) || sewingPrice < 0) {
+                    sewingError.classList.remove('hidden');
+                    sewingPriceInput.classList.add('input-error');
+                    isValid = false;
+                }
                 
                 if (!isValid) return;
                 
                 // Calculate costs
                 const fabricCostPerUnit = fabricPrice * fabricArea;
                 const sublimationCostPerUnit = sublimationPrice * sublimationArea;
-                const totalCostPerUnit = fabricCostPerUnit + sublimationCostPerUnit;
+                const totalCostPerUnit = fabricCostPerUnit + sublimationCostPerUnit + sewingPrice;
                 
                 const quantity = parseInt(document.getElementById('quantity').value) || 1;
                 document.getElementById('quantityDisplay').textContent = quantity;
                 const fabricCostForQuantity = fabricCostPerUnit * quantity;
                 const sublimationCostForQuantity = sublimationCostPerUnit * quantity;
+                const sewingCostForQuantity = sewingPrice * quantity;
                 const totalCostForQuantity = totalCostPerUnit * quantity;
                 
                 // Update UI with results
@@ -250,8 +280,10 @@
                 sublimationCostSingle.textContent = `${sublimationCostPerUnit.toFixed(2)}`;
                 totalCostSingle.textContent = `${totalCostPerUnit.toFixed(2)}`;
                 
+                document.getElementById('sewingCostSingle').textContent = `${sewingPrice.toFixed(2)}`;
                 document.getElementById('fabricCostQuantity').textContent = `${fabricCostForQuantity.toFixed(2)}`;
                 document.getElementById('sublimationCostQuantity').textContent = `${sublimationCostForQuantity.toFixed(2)}`;
+                document.getElementById('sewingCostQuantity').textContent = `${sewingCostForQuantity.toFixed(2)}`;
                 document.getElementById('totalCostQuantity').textContent = `${totalCostForQuantity.toFixed(2)}`;
 
                 // Add to history
@@ -262,6 +294,7 @@
                     sublimationPrice,
                     fabricArea,
                     sublimationArea,
+                    sewingPrice,
                     quantity,
                     orderName,
                     totalCostPerUnit,
@@ -319,15 +352,15 @@
             }
 
             function resetErrors() {
-                [fabricError, sublimationError, areaError, sublimationAreaError].forEach(error => {
+                [fabricError, sublimationError, areaError, sublimationAreaError, sewingError].forEach(error => {
                     error.classList.add('hidden');
                 });
                 
-                [fabricPriceInput, sublimationPriceInput, fabricAreaInput, sublimationAreaInput].forEach(input => {
+                [fabricPriceInput, sublimationPriceInput, fabricAreaInput, sublimationAreaInput, sewingPriceInput].forEach(input => {
                     input.classList.remove('input-error');
                 });
             }
         });
     </script>
-<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo2" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=JymNils/calculadora-textil" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo2" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=JymNils/calculadora-textil" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p><p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=JymNils/calculadora-textil" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>