میخام لیست تسهیلات تعریف شده مشاده بشه و قابلیت ویرایش و حذف داشته باشه - Follow Up Deployment

index.html

@@ -59,17 +59,34 @@
                 
                 <div>
                     <label for="bankName" class="block mb-2 font-medium">نام بانک</label>
-                    <select id="bankName" class="w-full p-2 border rounded focus:ring-2 focus:ring-blue-500" required>
-                        <option value="">انتخاب کنید</option>
-                        <option value="بانک ملی">بانک ملی</option>
-                        <option value="بانک صادرات">بانک صادرات</option>
-                        <option value="بانک ملت">بانک ملت</option>
-                        <option value="بانک تجارت">بانک تجارت</option>
-                        <option value="بانک رفاه">بانک رفاه</option>
-                        <option value="بانک سپه">بانک سپه</option>
-                        <option value="بانک کشاورزی">بانک کشاورزی</option>
-                        <option value="بانک پارسیان">بانک پارسیان</option>
-                    </select>
+                    <div class="flex">
+                        <select id="bankName" class="w-full p-2 border rounded focus:ring-2 focus:ring-blue-500" required>
+                            <option value="">انتخاب کنید</option>
+                            <option value="بانک ملی">بانک ملی</option>
+                            <option value="بانک صادرات">بانک صادرات</option>
+                            <option value="بانک ملت">بانک ملت</option>
+                            <option value="بانک تجارت">بانک تجارت</option>
+                            <option value="بانک رفاه">بانک رفاه</option>
+                            <option value="بانک سپه">بانک سپه</option>
+                            <option value="بانک کشاورزی">بانک کشاورزی</option>
+                            <option value="بانک پارسیان">بانک پارسیان</option>
+                        </select>
+                        <button type="button" onclick="showAddBankModal()" class="mr-2 px-3 bg-blue-100 text-blue-600 rounded hover:bg-blue-200">
+                            +
+                        </button>
+                    </div>
+                </div>
+
+                <!-- Add Bank Modal -->
+                <div id="addBankModal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
+                    <div class="bg-white p-6 rounded-lg shadow-lg w-96">
+                        <h3 class="text-xl font-semibold mb-4">افزودن بانک جدید</h3>
+                        <input type="text" id="newBankName" class="w-full p-2 border rounded mb-4" placeholder="نام بانک">
+                        <div class="flex justify-end">
+                            <button onclick="hideAddBankModal()" class="px-4 py-2 bg-gray-200 rounded mr-2">انصراف</button>
+                            <button onclick="addNewBank()" class="px-4 py-2 bg-blue-600 text-white rounded">ذخیره</button>
+                        </div>
+                    </div>
                 </div>
                 
                 <div>
@@ -94,6 +111,11 @@
                     <input type="number" id="installmentCount" class="w-full p-2 border rounded focus:ring-2 focus:ring-blue-500" required>
                 </div>
                 
+                <div>
+                    <label for="loanDate" class="block mb-2 font-medium">تاریخ اخذ تسهیلات</label>
+                    <input type="text" id="loanDate" class="w-full p-2 border rounded focus:ring-2 focus:ring-blue-500 datepicker" required>
+                </div>
+
                 <div>
                     <label for="installmentAmount" class="block mb-2 font-medium">مبلغ هر قسط (ریال)</label>
                     <input type="text" id="installmentAmount" class="w-full p-2 border rounded focus:ring-2 focus:ring-blue-500 persian-number" required>
@@ -138,6 +160,28 @@
                     <button id="saveInstallmentsBtn" class="bg-blue-600 text-white px-6 py-2 rounded hover:bg-blue-700 transition hidden">ذخیره اقساط</button>
                 </div>
             </div>
+
+            <!-- Loans List Table -->
+            <div class="mt-8">
+                <h3 class="text-lg font-semibold mb-4 text-blue-600">لیست تسهیلات تعریف شده</h3>
+                <div class="table-container">
+                    <table id="loansTable" class="min-w-full bg-white border">
+                        <thead>
+                            <tr class="bg-gray-200">
+                                <th class="py-2 px-4 border">ردیف</th>
+                                <th class="py-2 px-4 border">شماره تسهیلات</th>
+                                <th class="py-2 px-4 border">بانک</th>
+                                <th class="py-2 px-4 border">نوع تسهیلات</th>
+                                <th class="py-2 px-4 border">مبلغ</th>
+                                <th class="py-2 px-4 border">اقدامات</th>
+                            </tr>
+                        </thead>
+                        <tbody id="loansBody">
+                            <!-- Loans will be added here -->
+                        </tbody>
+                    </table>
+                </div>
+            </div>
         </div>
         
         <!-- Payment Registration Tab -->
@@ -307,6 +351,7 @@
         let loans = [];
         let payments = [];
         
+        
         // Switch between tabs
         function showTab(tabId) {
             document.getElementById('loanTab').classList.add('hidden');
@@ -362,7 +407,8 @@
                 loanNumber: document.getElementById('loanNumber').value,
                 bankName: document.getElementById('bankName').value,
                 loanType: document.getElementById('loanType').value,
-                loanAmount: parseFloat(document.getElementById('loanAmount').value.replace(/,/g, '')),
+                loanDate: document.getElementById('loanDate').value,
+                loanAmount: parseFloat(document.getElementById('loanAmount').value.replace(/,/g, '')) || 0,
                 installmentCount: parseInt(document.getElementById('installmentCount').value),
                 installmentAmount: parseFloat(document.getElementById('installmentAmount').value.replace(/,/g, '')),
                 interestRate: parseFloat(document.getElementById('interestRate').value),
@@ -384,43 +430,69 @@
             // Clear the form
             // this.reset();
             
-            // Show the installments section
+            // Show the installments section and refresh loans table
             document.getElementById('installmentsSection').classList.remove('hidden');
+            refreshLoansTable();
         });
         
+        // Format loan amount input
+        function formatLoanAmount(input) {
+            let value = input.value.replace(/,/g, '');
+            if (!value) return;
+            
+            value = parseInt(value);
+            if (isNaN(value)) value = 0;
+            
+            input.value = value.toLocaleString('en-US');
+        }
+        
         // Generate installments
         function generateInstallments() {
             const loanNumber = document.getElementById('loanNumber').value;
-            const installmentCount = parseInt(document.getElementById('installmentCount').value);
-            const installmentAmount = parseFloat(document.getElementById('installmentAmount').value.replace(/,/g, ''));
-            const interestRate = parseFloat(document.getElementById('interestRate').value);
-            const penaltyRate = parseFloat(document.getElementById('penaltyRate').value);
-            
-            if (!loanNumber || isNaN(installmentCount) || isNaN(installmentAmount) || isNaN(interestRate)) {
-                alert('لطفاً اطلاعات تسهیلات را کامل کنید.');
+            const loanAmountInput = document.getElementById('loanAmount');
+            const installmentCountInput = document.getElementById('installmentCount');
+            const installmentAmountInput = document.getElementById('installmentAmount');
+            const interestRateInput = document.getElementById('interestRate');
+            
+            // Validate required fields have values
+            if (!loanNumber || !loanAmountInput.value || !installmentCountInput.value || 
+                !installmentAmountInput.value || !interestRateInput.value) {
+                alert('لطفاً همه فیلدهای تسهیلات را تکمیل کنید.');
                 return;
             }
-            
-            const loanIndex = loans.findIndex(l => l.loanNumber === loanNumber);
-            if (loanIndex === -1) {
-                alert('ابتدا باید تسهیلات را ذخیره کنید.');
+
+            // Convert to numeric values
+            const loanAmount = parseFloat(loanAmountInput.value.replace(/,/g, '')) || 0;
+            const installmentCount = parseInt(installmentCountInput.value) || 0;
+            const installmentAmount = parseFloat(installmentAmountInput.value.replace(/,/g, '')) || 0;
+            const interestRate = parseFloat(interestRateInput.value) || 0;
+
+            // Additional validation
+            if (loanAmount <= 0 || installmentCount <= 0 || installmentAmount <= 0 || interestRate <= 0) {
+                alert('مقادیر باید بزرگتر از صفر باشند.');
                 return;
             }
             
             const tbody = document.getElementById('installmentsBody');
             tbody.innerHTML = '';
             
-            const loanAmount = loans[loanIndex].loanAmount;
             const fixedPrincipal = loanAmount / installmentCount;
             
+            // Convert Persian numbers to English for calculations
+            function toEnglishNumber(number) {
+                return parseFloat(persianJs(number).englishNumber().toString().replace(/,/g, ''));
+            }
+            
             for (let i = 0; i < installmentCount; i++) {
                 const tr = document.createElement('tr');
                 tr.className = 'hover:bg-gray-50';
                 
+                // Row number
                 const td1 = document.createElement('td');
                 td1.className = 'py-2 px-4 border text-center';
                 td1.textContent = i + 1;
                 
+                // Due date (Persian date picker)
                 const td2 = document.createElement('td');
                 td2.className = 'py-2 px-4 border';
                 const dateInput = document.createElement('input');
@@ -435,25 +507,27 @@
                     initialValue: false
                 });
                 
+                // Installment amount (fixed)
                 const td3 = document.createElement('td');
                 td3.className = 'py-2 px-4 border text-left';
                 td3.textContent = installmentAmount.toLocaleString('fa-IR');
                 
-                // Calculate interest
-                const remainingAmount = loanAmount - (fixedPrincipal * i);
-                const interest = (remainingAmount * interestRate / 100) / 12;
-                
+                // Interest amount
                 const td4 = document.createElement('td');
                 td4.className = 'py-2 px-4 border text-left';
-                td4.textContent = Math.round(interest).toLocaleString('fa-IR');
+                const remainingAmount = loanAmount - (fixedPrincipal * i);
+                const interest = Math.round((remainingAmount * interestRate / 100) / 12);
+                td4.textContent = interest.toLocaleString('fa-IR');
                 
+                // Penalty amount
                 const td5 = document.createElement('td');
                 td5.className = 'py-2 px-4 border text-left';
-                td5.textContent = '۰'; // Default to 0 for penalty
+                td5.textContent = '۰';
                 
+                // Principal amount
                 const td6 = document.createElement('td');
                 td6.className = 'py-2 px-4 border text-left';
-                td6.textContent = Math.round(installmentAmount - interest).toLocaleString('fa-IR');
+                td6.textContent = (installmentAmount - interest).toLocaleString('fa-IR');
                 
                 tr.appendChild(td1);
                 tr.appendChild(td2);
@@ -465,9 +539,141 @@
                 tbody.appendChild(tr);
             }
             
-            document.getElementById('saveInstallmentsBtn').classList.remove('hidden');
+            // Show save button if we have installments
+            if (installmentCount > 0) {
+                document.getElementById('saveInstallmentsBtn').classList.remove('hidden');
+            } else {
+                document.getElementById('saveInstallmentsBtn').classList.add('hidden');
+            }
         }
         
+        // Bank management functions
+        function showAddBankModal() {
+            document.getElementById('addBankModal').classList.remove('hidden');
+        }
+
+        function hideAddBankModal() {
+            document.getElementById('addBankModal').classList.add('hidden');
+            document.getElementById('newBankName').value = '';
+        }
+
+        function addNewBank() {
+            const bankName = document.getElementById('newBankName').value.trim();
+            if (!bankName) {
+                alert('لطفاً نام بانک را وارد کنید.');
+                return;
+            }
+
+            const select = document.getElementById('bankName');
+            const option = document.createElement('option');
+            option.value = bankName;
+            option.textContent = bankName;
+            select.appendChild(option);
+            select.value = bankName;
+
+            hideAddBankModal();
+        }
+
+        // Load loans into the table
+        function refreshLoansTable() {
+            const tbody = document.getElementById('loansBody');
+            tbody.innerHTML = '';
+            
+            loans.forEach((loan, index) => {
+                const tr = document.createElement('tr');
+                tr.className = 'hover:bg-gray-50';
+                
+                const td1 = document.createElement('td');
+                td1.className = 'py-2 px-4 border text-center';
+                td1.textContent = index + 1;
+                
+                const td2 = document.createElement('td');
+                td2.className = 'py-2 px-4 border text-center';
+                td2.textContent = loan.loanNumber;
+                
+                const td3 = document.createElement('td');
+                td3.className = 'py-2 px-4 border';
+                td3.textContent = loan.bankName;
+                
+                const td4 = document.createElement('td');
+                td4.className = 'py-2 px-4 border';
+                td4.textContent = loan.loanType;
+                
+                const td5 = document.createElement('td');
+                td5.className = 'py-2 px-4 border text-left';
+                td5.textContent = loan.loanAmount.toLocaleString('fa-IR');
+                
+                const td6 = document.createElement('td');
+                td6.className = 'py-2 px-4 border text-center';
+                
+                const editBtn = document.createElement('button');
+                editBtn.className = 'text-blue-600 hover:text-blue-800 ml-2';
+                editBtn.innerHTML = 'ویرایش';
+                editBtn.addEventListener('click', () => editLoan(index));
+                
+                const deleteBtn = document.createElement('button');
+                deleteBtn.className = 'text-red-600 hover:text-red-800';
+                deleteBtn.innerHTML = 'حذف';
+                deleteBtn.addEventListener('click', () => deleteLoan(index));
+                
+                td6.appendChild(editBtn);
+                td6.appendChild(deleteBtn);
+                
+                tr.appendChild(td1);
+                tr.appendChild(td2);
+                tr.appendChild(td3);
+                tr.appendChild(td4);
+                tr.appendChild(td5);
+                tr.appendChild(td6);
+                
+                tbody.appendChild(tr);
+            });
+        }
+
+        // Edit a loan
+        function editLoan(index) {
+            const loan = loans[index];
+            
+            document.getElementById('loanNumber').value = loan.loanNumber;
+            document.getElementById('bankName').value = loan.bankName;
+            document.getElementById('loanType').value = loan.loanType;
+            document.getElementById('loanAmount').value = loan.loanAmount.toLocaleString('en-US');
+            document.getElementById('installmentCount').value = loan.installmentCount;
+            document.getElementById('installmentAmount').value = loan.installmentAmount.toLocaleString('en-US');
+            document.getElementById('loanDate').value = loan.loanDate;
+            document.getElementById('interestRate').value = loan.interestRate;
+            document.getElementById('penaltyRate').value = loan.penaltyRate;
+            
+            // Show installments section if it has installments
+            if (loan.installments && loan.installments.length > 0) {
+                document.getElementById('installmentsSection').classList.remove('hidden');
+                document.getElementById('saveInstallmentsBtn').classList.remove('hidden');
+                
+                // TODO: You may want to populate the installments table as well
+            }
+            
+            // Scroll to form
+            document.getElementById('loanTab').scrollIntoView({behavior: 'smooth'});
+        }
+
+        // Delete a loan
+        function deleteLoan(index) {
+            if (confirm('آیا از حذف این تسهیلات مطمئن هستید؟')) {
+                loans.splice(index, 1);
+                refreshLoansTable();
+                
+                // Also refresh payment and report dropdowns if open
+                if (!document.getElementById('paymentTab').classList.contains('hidden')) {
+                    populateLoanNumbers('paymentLoanNumber');
+                }
+                if (!document.getElementById('reportTab').classList.contains('hidden')) {
+                    populateLoanNumbers('reportLoanNumber');
+                }
+                
+                alert('تسهیلات با موفقیت حذف شد.');
+            }
+        }
+
         // Save installments
         document.getElementById('saveInstallmentsBtn').addEventListener('click', function() {
             const loanNumber = document.getElementById('loanNumber').value;
@@ -529,7 +735,20 @@
                 createdAt: new Date().toISOString()
             };
             
-            // Validate payment
+        // When loan form is submitted, show installments section immediately
+        document.getElementById('loanForm').addEventListener('submit', function(e) {
+            e.preventDefault();
+            
+            // Submit the form...
+            
+            // Show the installments section
+            document.getElementById('installmentsSection').classList.remove('hidden');
+            
+            // Generate installments automatically after submit
+            generateInstallments();
+        });
+
+        // Validate payment
             const calculatedTotal = payment.principalAmount + payment.interestAmount + payment.penaltyAmount;
             if (Math.abs(calculatedTotal - payment.paymentAmount) > 1) {
                 alert(`جمع مبالغ جزء (${calculatedTotal.toLocaleString('fa-IR')}) با مبلغ کل پرداختی (${payment.paymentAmount.toLocaleString('fa-IR')}) مغایرت دارد.`);

prompts.txt

@@ -1 +1,6 @@
-من یک وب اپلیکیشن میخام که با پایتون نوشته بشه و میخام در اون بتونم تسهیلات بانکی رو تعریف کمک نوع تسهیلات ، مبلغ تسهیلات، تعداد اقساط، مبلغ هر قسط رو دستی وارد کنم ،تاریخ سررسید هر قسط رو مشخص کنم ، درصد سود ، درصد جریمه رو مشخص کنم و به تفکیک بانک و شماره تسهیلات ثبت کنم  بعد میخام جدول پرداخت رو داشته باشم و بتونم هر پرداخت مربوط به هر شماهر تسهیلات رو با تاریخ و مبلغ پرداخت ثبت کنم و همچین مشخص کنم هر پرداخت که انجام شده چقدرش برای اصل تسهیلات برداشت شده چقدر برای سود تسهیلات و چقدر برای جریمه . میخام اینها رو به صورت دستی ثبت کنم در قدم بعدی میخام طی چند روش محاسبات سیستمی انجام بدم و بدونم بانک مبالغ برداشت شده به درستی به تفکیک اصل ، سود و جریمه برداشته یا نه و مغایرتها رو گزارش بگیرم  معمولا بانکها از چند روش استفاده می کنند  روش اول : از هر پرداخت به نسبت مساوی از اصل ، سود و جریمه برداشت میکنن روش دوم : در هر پرداخت ابتدا سود و جرایم را برداشت میکنن و سپس از اصل وام میخام تمامی کپشن ها به صورت فارسی باشه فیلدهای دارای تاریخ به صورت تقویم شمسی باشه  مبالغ به صورت 3 رقم جدا کننده داشته باشه
+من یک وب اپلیکیشن میخام که با پایتون نوشته بشه و میخام در اون بتونم تسهیلات بانکی رو تعریف کمک نوع تسهیلات ، مبلغ تسهیلات، تعداد اقساط، مبلغ هر قسط رو دستی وارد کنم ،تاریخ سررسید هر قسط رو مشخص کنم ، درصد سود ، درصد جریمه رو مشخص کنم و به تفکیک بانک و شماره تسهیلات ثبت کنم  بعد میخام جدول پرداخت رو داشته باشم و بتونم هر پرداخت مربوط به هر شماهر تسهیلات رو با تاریخ و مبلغ پرداخت ثبت کنم و همچین مشخص کنم هر پرداخت که انجام شده چقدرش برای اصل تسهیلات برداشت شده چقدر برای سود تسهیلات و چقدر برای جریمه . میخام اینها رو به صورت دستی ثبت کنم در قدم بعدی میخام طی چند روش محاسبات سیستمی انجام بدم و بدونم بانک مبالغ برداشت شده به درستی به تفکیک اصل ، سود و جریمه برداشته یا نه و مغایرتها رو گزارش بگیرم  معمولا بانکها از چند روش استفاده می کنند  روش اول : از هر پرداخت به نسبت مساوی از اصل ، سود و جریمه برداشت میکنن روش دوم : در هر پرداخت ابتدا سود و جرایم را برداشت میکنن و سپس از اصل وام میخام تمامی کپشن ها به صورت فارسی باشه فیلدهای دارای تاریخ به صورت تقویم شمسی باشه  مبالغ به صورت 3 رقم جدا کننده داشته باشه
+در فرم فرم تعریف تسهیلات بانکی مبلغ تسهیلات به صورت 3 رقم جدا کننده داشته باشد . فیلد تاریخ اخذ تسهیلات اضافه شود . نام بانکها قابل تعریف کردن باشد  پس از کلیلک دکمه تولید اقساط به تعداد اقساط تعریف شده سطر ایجاد شود و بتوانم به صورت دستی مبلغ اقساط را وارد کنم  همچین مشخص کنم هر قسط پرداختی چقدر بابت اصل است و چقدر بابت سود مستتر همچنین تاریخ اخذ تسهیلات به صورت یک تقویم شمسی قابل انتخاب باشد همچنین تاریخ سررسید  به صورت یک تقویم شمسی قابل انتخاب باشد
+دکمه تولید اقساط کار نمی کند و فیلد مبلغ تسهیلات به صورت مبلغ نیست و سه رقم سه رقم جدا نمی شود 
+دکمه تولید اقساط کار نمی کند
+چرا دکمه تولید اقساط رو کلیلک میکنم هیچ اتفاقی نمیفتد؟
+میخام لیست تسهیلات تعریف شده مشاده بشه و قابلیت ویرایش و حذف داشته باشه