c

app/templates/index.html

@@ -391,6 +391,10 @@
                                             <h5 class="mb-0">Totaux</h5>
                                         </div>
                                         <div class="card-body">
+                                            <div class="mb-3 form-check form-switch">
+                                                <input class="form-check-input" type="checkbox" id="tvaSwitch" checked>
+                                                <label class="form-check-label" for="tvaSwitch">Appliquer TVA 20%</label>
+                                            </div>
                                             <div class="mb-3">
                                                 <label for="totalHT" class="form-label">Total HT</label>
                                                 <input type="number" class="form-control" id="totalHT" readonly>
@@ -540,6 +544,25 @@
         </div>
     </div>
 
+    <!-- Replace the existing confirmation modal with this -->
+    <div class="modal fade" id="confirmationModal" tabindex="-1">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Article Existant</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                </div>
+                <div class="modal-body">
+                    <p>Cet article existe déjà dans le tableau. Voulez-vous le remplacer ?</p>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
+                    <button type="button" class="btn btn-primary" id="confirmReplace">Remplacer</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- Bootstrap JS -->
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
     
@@ -568,38 +591,61 @@
 
             // Function to add a new item row
             function addItemRow(item, tableBody) {
-                const row = document.createElement("tr");
-                const total = (item.quantity * item.length * item.unit_price).toFixed(2);
-                
-                row.innerHTML = `
-                    <td><input type="text" class="form-control" name="description" value="${item.description}" readonly></td>
-                    <td><input type="text" class="form-control" name="unit" value="${item.unit}" readonly></td>
-                    <td><input type="number" class="form-control" name="quantity" value="${item.quantity}" required></td>
-                    <td><input type="number" class="form-control" name="length" value="${item.length}" step="0.01" required></td>
-                    <td><input type="number" class="form-control" name="unitPrice" value="${item.unit_price}" step="0.01" required></td>
-                    <td><input type="number" class="form-control" name="totalHT" value="${total}" readonly></td>
-                    <td><button type="button" class="btn btn-danger btn-sm remove-item">×</button></td>
-                `;
-
-                row.querySelector(".remove-item").addEventListener("click", () => {
-                    row.remove();
-                    updateTotals();
+                // Vérifier si l'article existe déjà
+                const existingRow = Array.from(tableBody.querySelectorAll('tr')).find(row => {
+                    const description = row.querySelector('input[name="description"]').value;
+                    return description === item.description;
                 });
 
-                // Add input event listeners to update total
-                ['quantity', 'length', 'unitPrice'].forEach(field => {
-                    row.querySelector(`input[name='${field}']`).addEventListener('input', () => {
-                        const qty = parseFloat(row.querySelector('input[name="quantity"]').value) || 0;
-                        const length = parseFloat(row.querySelector('input[name="length"]').value) || 0;
-                        const price = parseFloat(row.querySelector('input[name="unitPrice"]').value) || 0;
-                        const rowTotal = (qty * length * price).toFixed(2);
-                        row.querySelector('input[name="totalHT"]').value = rowTotal;
+                if (existingRow) {
+                    // Afficher la modal de confirmation
+                    const confirmationModal = new bootstrap.Modal(document.getElementById('confirmationModal'));
+                    confirmationModal.show();
+
+                    // Gérer la confirmation de remplacement
+                    document.getElementById('confirmReplace').onclick = function() {
+                        existingRow.remove();
+                        creerNouvelleRow();
+                        confirmationModal.hide();
+                    };
+                } else {
+                    creerNouvelleRow();
+                }
+
+                function creerNouvelleRow() {
+                    const row = document.createElement("tr");
+                    const total = (item.quantity * item.length * item.unit_price).toFixed(2);
+                    
+                    row.innerHTML = `
+                        <td><input type="text" class="form-control" name="description" value="${item.description}" readonly></td>
+                        <td><input type="text" class="form-control" name="unit" value="${item.unit}" readonly></td>
+                        <td><input type="number" class="form-control" name="quantity" value="${item.quantity}" required></td>
+                        <td><input type="number" class="form-control" name="length" value="${item.length}" step="0.01" required></td>
+                        <td><input type="number" class="form-control" name="unitPrice" value="${item.unit_price}" step="0.01" required></td>
+                        <td><input type="number" class="form-control" name="totalHT" value="${total}" readonly></td>
+                        <td><button type="button" class="btn btn-danger btn-sm remove-item">×</button></td>
+                    `;
+
+                    row.querySelector(".remove-item").addEventListener("click", () => {
+                        row.remove();
                         updateTotals();
                     });
-                });
 
-                tableBody.appendChild(row);
-                updateTotals();
+                    // Ajouter les écouteurs d'événements pour mettre à jour le total
+                    ['quantity', 'length', 'unitPrice'].forEach(field => {
+                        row.querySelector(`input[name='${field}']`).addEventListener('input', () => {
+                            const quantite = parseFloat(row.querySelector('input[name="quantity"]').value) || 0;
+                            const longueur = parseFloat(row.querySelector('input[name="length"]').value) || 0;
+                            const prix = parseFloat(row.querySelector('input[name="unitPrice"]').value) || 0;
+                            const totalLigne = (quantite * longueur * prix).toFixed(2);
+                            row.querySelector('input[name="totalHT"]').value = totalLigne;
+                            updateTotals();
+                        });
+                    });
+
+                    tableBody.appendChild(row);
+                    updateTotals();
+                }
             }
 
             // Function to update totals
@@ -608,14 +654,19 @@
                     .reduce((sum, input) => sum + (parseFloat(input.value) || 0), 0);
                 
                 const formattedTotalHT = totalHT.toFixed(2);
-                const tax = (totalHT * 0.20).toFixed(2);
-                const totalTTC = (totalHT * 1.20).toFixed(2);
+                const tvaEnabled = document.querySelector("#tvaSwitch").checked;
+                
+                const tax = tvaEnabled ? (totalHT * 0.20).toFixed(2) : "0.00";
+                const totalTTC = tvaEnabled ? (totalHT * 1.20).toFixed(2) : totalHT.toFixed(2);
                 
                 document.querySelector("#totalHT").value = formattedTotalHT;
                 document.querySelector("#tax").value = tax;
                 document.querySelector("#totalTTC").value = totalTTC;
             }
 
+            // Add event listener for TVA switch
+            document.querySelector("#tvaSwitch").addEventListener('change', updateTotals);
+
             // Initialize tables with default items
             defaultItems.poutrelles.forEach(item => addItemRow(item, poutrellesTable));
             defaultItems.hourdis.forEach(item => addItemRow(item, hourdisTable));