Best Islamic Bank in UAE | Sharia Banking | NBF Islamic Choose What's Right For You Explore accounts designed for your lifestyle Apply now Your money is in good hands with NBF Islamic Cards Apply now Reach your goals with Shari’a-compliant financing Apply now Discover personalised investment solutions Apply now Your Banking, Your Way Download the NBF Direct App Experience smart, secure banking anytime, anywhere with our newly enhanced NBF Direct App. Know more Watch full video NBF Rewards NBF Rewards is your gateway to exclusive benefits, offering flexible redemption options that complement your lifestyle. Earn points on everyday banking transactions and redeem them for travel, shopping vouchers, cashback, bill payments, and more. With a seamless digital platform, managing and redeeming your rewards is easy. Make the most of your NBF Islamic relationship by transforming everyday spending into exceptional experiences! Know More your goals, your values Looking For Shari’a-Compliant Financing? Select the option that best fits your future plans. document.addEventListener("DOMContentLoaded", function() { // Set default min date for all date inputs const today = new Date().toISOString().split('T')[0]; const startDateInputs = document.querySelectorAll('input[type="date"]'); startDateInputs.forEach(input => { input.setAttribute("min", today); input.value = today; // Set default value to today }); // Sync input fields for all loan types const loanTypes = ['personal', 'home', 'car']; loanTypes.forEach(type => { const loanAmountInput = document.getElementById(`loan-amount-${type}`); const loanDurationSelect = document.getElementById(`loan-duration-${type}`); const customDurationInput = document.getElementById(`custom-duration-${type}`); const startDateInput = document.getElementById(`start-date-${type}`); const resultDisplay = document.getElementById(`monthly-payment-${type}`); loanAmountInput.addEventListener('input', () => { formatLoanInput(loanAmountInput); // Ensure formatting happens on input validateAndCalculate(type, resultDisplay); // Validate and calculate on loan amount input }); loanDurationSelect.addEventListener('change', () => { if (loanDurationSelect.value === 'custom') { customDurationInput.style.display = 'block'; } else { customDurationInput.style.display = 'none'; customDurationInput.value = ""; // Reset custom duration } validateAndCalculate(type, resultDisplay); // Validate and calculate on duration change }); customDurationInput.addEventListener('input', () => { validateAndCalculate(type, resultDisplay); // Validate and calculate on custom duration input }); startDateInput.addEventListener('input', () => { validateAndCalculate(type, resultDisplay); // Validate and calculate on start date input }); }); // Tab functionality const tabs = document.querySelectorAll('.tab-button'); const panes = document.querySelectorAll('.tab-pane'); tabs.forEach(tab => { tab.addEventListener('click', function() { tabs.forEach(t => t.classList.remove('active')); panes.forEach(pane => pane.classList.remove('active')); this.classList.add('active'); const targetPane = document.getElementById(this.dataset.target); targetPane.classList.add('active'); // Hide all result displays first document.querySelectorAll('[id^="monthly-payment-"]').forEach(resultDiv => { resultDiv.style.display = 'none'; }); // Show the result for the selected tab document.getElementById(`monthly-payment-${this.dataset.target}`).style.display = 'block'; // Reset form fields when changing tabs resetForm(); }); }); // Trigger click on the personal loan tab to set default view tabs[0].click(); }); // Formatting loan input to add commas function formatLoanInput(input) { const value = input.value.replace(/,/g, ''); if (!isNaN(value)) { input.value = Number(value).toLocaleString('en-US'); } } // Validate and calculate monthly payment function validateAndCalculate(type, resultDisplay) { const loanAmountInput = document.getElementById(`loan-amount-${type}`); const loanDurationSelect = document.getElementById(`loan-duration-${type}`); const customDurationInput = document.getElementById(`custom-duration-${type}`); const startDateInput = document.getElementById(`start-date-${type}`); const loanAmount = parseFloat(loanAmountInput.value.replace(/,/g, '')); let loanDuration = loanDurationSelect.value === 'custom' ? parseInt(customDurationInput.value) : parseInt(loanDurationSelect.value); const startDate = new Date(startDateInput.value); // Clear previous error messages clearErrorMessages(type); let errorFound = false; // Validate input fields if (isNaN(loanAmount) || loanAmount < 5000) { document.getElementById(`loan-amount-error-${type}`).innerText = "Loan amount must be at least AED 5,000"; errorFound = true; } if (isNaN(loanDuration) || loanDuration 348) { document.getElementById(`loan-duration-error-${type}`).innerText = "Loan duration must be between 12 and 348 months"; errorFound = true; } if (isNaN(startDate.getTime())) { document.getElementById(`start-date-error-${type}`).innerText = "Please select a valid start date."; errorFound = true; } // Perform calculation if no errors if (!errorFound) { setTimeout(function() { // Define static interest rates var interestRates = { personal: 6.5, home: 3.99, car: 2.75 }; // Get the corresponding interest rate var interestType = interestRates[type] || 0; // Default to 0 if the loan type is not found var interestRate = (interestType / 100 / 360) * 30.45; // Calculate monthly payment var payments = (interestRate / (1 - Math.pow((1 + interestRate), -loanDuration))) * loanAmount; var emi = Math.round(payments); resultDisplay.innerHTML = `${emi.toLocaleString('en-US', { style: 'currency', currency: 'AED' })} per month`; }, 250); } else { resultDisplay.innerText = "Please correct the errors above."; } } // Clear error messages function clearErrorMessages(type) { document.getElementById(`loan-amount-error-${type}`).innerText = ""; document.getElementById(`loan-duration-error-${type}`).innerText = ""; document.getElementById(`start-date-error-${type}`).innerText = ""; } // Reset form fields function resetForm() { const loanTypes = ['personal', 'home', 'car']; loanTypes.forEach(type => { document.getElementById(`loan-amount-${type}`).value = ""; document.getElementById(`loan-duration-${type}`).selectedIndex = 0; document.getElementById(`custom-duration-${type}`).style.display = "none"; document.getElementById(`custom-duration-${type}`).value = ""; document.getElementById(`start-date-${type}`).value = new Date().toISOString().split('T')[0]; // Reset to today clearErrorMessages(type); }); } /* Scoped only to calculator container */ .calculator-container { font-family: inherit; } /* Tabs */ .calculator-container .tab-button { display: inline-block; padding: 10px 20px; border: 2px solid #97CA3D !important; border-radius: 5px; cursor: pointer; color: #97CA3D; background-color: #fff; transition: all 0.3s ease; } .calculator-container .tab-button:hover, .calculator-container .tab-button:focus, .calculator-container .tab-button:active { background-color: #97CA3D; color: #fff; border-color: #97CA3D !important; outline: none !important; box-shadow: 0 0 5px rgba(151, 202, 61, 0.5); /* optional glow */ } .calculator-container .tab-button.active { background-color: #97CA3D; color: #fff; font-weight: bold; } /* Vertical line */ .calculator-container .vertical-line { border-left: 2px solid #97CA3D; height: auto; } Loan Type Personal Home Car Loan Amount (AED) Loan Duration (Months) Select Duration 12 months 24 months 60 months Custom Start Date Loan Amount (AED) Loan Duration (Months) Select Duration 12 months 24 months 60 months Custom Start Date Loan Amount (AED) Loan Duration (Months) Select Duration 12 months 24 months 60 months Custom Start Date Monthly Payment Please fill in the form to get results Monthly Payment Please fill in the form to get results Monthly Payment Please fill in the form to get results Apply Now Please note that figures stated are indicative and should only be used as a guide. They should not be considered final calculations or as a commitment from NBF Islamic to grant financing. To establish final accurate figures, please visit any NBF Islamic branch where a member of our team will be happy to assist you, ensuring you get the best deal to match your requirements. Help Centre Frequently Asked Questions Find answers to questions about our services, products and policies, so you can bank with confidence View Discover Awards and Achievements Learn more about why we are the best Islamic bank in the UAE View Committed to Trust and Transparency Schedule of Charges Consumer Terms Download Centre Currently Browsing Personal Close Personal Open Personal Corporate Business Islamic Download our App Personal Banking Account Services Cards Financing NBF Priority Investment Solutions NBF Rewards NBF Direct Online Banking NBF Direct App Tools & Support Download Centre IBAN Generator Fraud & Security Consumer Education & Awareness Aani Foreign Exchange Rates Legal Information Terms & Conditions Privacy Policy VAT Disclaimer Reach Us Branches & ATMs Contact Us About Us Internal Shari’a Supervision Committee Shari'a Glossary Our Heritage National Bank of Fujairah PJSC, having its registered office at P.O. Box 2979, Dubai, United Arab Emirates, is a licensed and regulated financial institution operating under the UAE Central Bank License Number BSD/799/84 and the Capital Markets Authority (CMA) License Number 20200000222. Youtube Facebook Instagram Linkedin Search Search Personal login Corporate login NBF Markets login Personal Account Services Current Accounts Classic Current Account Twin Benefit Account Savings Accounts Savings Basic Account Max Saver Account Deposit Accounts Fixed Deposit More NBF Al Samy NBF Priority NBF Ertiqa NBF Preffered Cards Debit cards Credit Cards Infinite Platinum Exclusive Classic AlSamy Cards "Coming Soon" Infinite Credit Platinum Debit Loans Types of Loans Personal Loan Home Loan Auto Loan Overdraft Facility Investment Solutions Investment Solutions About Us ATMs & Branches Contact Personal login Corporate login NBF Markets login