document.addEventListener('DOMContentLoaded', function () { // New Resource Modal const newResourceBtn = document.getElementById('newResourceBtn'); const newResourceModalEl = document.getElementById('newResourceModal'); if (newResourceBtn && newResourceModalEl) { const newResourceModal = new bootstrap.Modal(newResourceModalEl); newResourceBtn.addEventListener('click', function () { newResourceModal.show(); }); } // Edit Resource Modal const editResourceModalEl = document.getElementById('editResourceModal'); if (editResourceModalEl) { const editResourceModal = new bootstrap.Modal(editResourceModalEl); const editButtons = document.querySelectorAll('.edit-btn'); editButtons.forEach(button => { button.addEventListener('click', function () { const data = JSON.parse(this.getAttribute('data-row')); document.getElementById('edit-id').value = data.id; document.getElementById('edit-sapCode').value = data.sapCode; document.getElementById('edit-fullNameEn').value = data.fullNameEn; document.getElementById('edit-legalEntity').value = data.legalEntity; document.getElementById('edit-functionBusinessUnit').value = data.functionBusinessUnit; document.getElementById('edit-costCenterCode').value = data.costCenterCode; document.getElementById('edit-level').value = data.level; document.getElementById('edit-newAmendedSalary').value = data.newAmendedSalary; document.getElementById('edit-employerContributions').value = data.employerContributions; document.getElementById('edit-cars').value = data.cars; document.getElementById('edit-ticketRestaurant').value = data.ticketRestaurant; document.getElementById('edit-metlife').value = data.metlife; document.getElementById('edit-topusPerMonth').value = data.topusPerMonth; document.getElementById('edit-grossRevenue').value = data.grossRevenue; document.getElementById('edit-discountedRevenue').value = data.discountedRevenue; editResourceModal.show(); }); }); } // View Resource Modal const viewResourceModalEl = document.getElementById('viewResourceModal'); if (viewResourceModalEl) { const viewResourceModal = new bootstrap.Modal(viewResourceModalEl); const viewButtons = document.querySelectorAll('.view-btn'); viewButtons.forEach(button => { button.addEventListener('click', function () { const data = JSON.parse(this.getAttribute('data-row')); document.getElementById('view-sapCode').value = data.sapCode; document.getElementById('view-fullNameEn').value = data.fullNameEn; document.getElementById('view-legalEntity').value = data.legalEntity; document.getElementById('view-functionBusinessUnit').value = data.functionBusinessUnit; document.getElementById('view-costCenterCode').value = data.costCenterCode; document.getElementById('view-level').value = data.level; document.getElementById('view-newAmendedSalary').value = '€' + parseFloat(data.newAmendedSalary).toFixed(2); document.getElementById('view-employerContributions').value = '€' + parseFloat(data.employerContributions).toFixed(2); document.getElementById('view-cars').value = '€' + parseFloat(data.cars).toFixed(2); document.getElementById('view-ticketRestaurant').value = '€' + parseFloat(data.ticketRestaurant).toFixed(2); document.getElementById('view-metlife').value = '€' + parseFloat(data.metlife).toFixed(2); document.getElementById('view-topusPerMonth').value = '€' + parseFloat(data.topusPerMonth).toFixed(2); document.getElementById('view-totalSalaryCostWithLabor').value = '€' + parseFloat(data.totalSalaryCostWithLabor).toFixed(2); document.getElementById('view-totalMonthlyCost').value = '€' + parseFloat(data.totalMonthlyCost).toFixed(2); document.getElementById('view-totalAnnualCost').value = '€' + parseFloat(data.totalAnnualCost).toFixed(2); document.getElementById('view-grossRevenue').value = '€' + parseFloat(data.grossRevenue).toFixed(2); document.getElementById('view-discountedRevenue').value = '€' + parseFloat(data.discountedRevenue).toFixed(2); document.getElementById('view-dailyCost').value = '€' + (parseFloat(data.totalMonthlyCost) / 20).toFixed(2); viewResourceModal.show(); }); }); } });