Skip to content
sales@crownfinance.ae
+971 4 2808028
Facebook
Instagram
Linkedin
Youtube
About us
Our Services
Mortgage
Home Loan
Mortgage for UAE Residents
Mortgage for UAE Non-Residents
Mortgage for UAE Nationals
UAE Corporate Tax Advisory
VAT/Excise Tax Advisory
Banking & Financial
Assets & Portfolio
Property Investments
Feasibility Reports
Mortgage Documents
Blogs
Contact
About us
Our Services
Mortgage
Home Loan
Mortgage for UAE Residents
Mortgage for UAE Non-Residents
Mortgage for UAE Nationals
UAE Corporate Tax Advisory
VAT/Excise Tax Advisory
Banking & Financial
Assets & Portfolio
Property Investments
Feasibility Reports
Mortgage Documents
Blogs
Contact
Events
Mortgage Calculator
About us
Our Services
Mortgage
Home Loan
Mortgage for UAE Residents
Mortgage for UAE Non-Residents
Mortgage for UAE Nationals
UAE Corporate Tax Advisory
VAT/Excise Tax Advisory
Banking & Financial
Assets & Portfolio
Property Investments
Feasibility Reports
Mortgage Documents
Blogs
Contact
About us
Our Services
Mortgage
Home Loan
Mortgage for UAE Residents
Mortgage for UAE Non-Residents
Mortgage for UAE Nationals
UAE Corporate Tax Advisory
VAT/Excise Tax Advisory
Banking & Financial
Assets & Portfolio
Property Investments
Feasibility Reports
Mortgage Documents
Blogs
Contact
Events
Mortgage Calculator
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Crown Finance – Mortgage Tool</title> <style>html,body{margin:0;padding:0;background:#eef2f7;}</style> </head> <body> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&family=Roboto+Slab:wght@600;700;800&display=swap" rel="stylesheet"> <div class="cf-mortgage" id="cfMortgage"> <style> /* ---------- Scoped tokens ---------- */ .cf-mortgage{ --cf-primary:#0867A9; --cf-primary-dark:#0A64A7; --cf-navy:#003047; --cf-navy-deep:#01304a; --cf-gold:#F0B80E; --cf-gold-dark:#d9a503; --cf-text:#393939; --cf-muted:#6E6E6E; --cf-line:#e3e8ee; --cf-soft:#f5faff; --cf-good:#1f8a54; --cf-good-bg:#eafaf1; --cf-radius:16px; --cf-shadow:0 24px 60px rgba(0,48,71,.16); font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--cf-text); max-width:1120px; margin:0 auto; padding:24px 16px; box-sizing:border-box; -webkit-font-smoothing:antialiased; } .cf-mortgage *,.cf-mortgage *::before,.cf-mortgage *::after{box-sizing:border-box;} /* ---------- Shell ---------- */ .cf-card{ display:grid; grid-template-columns:340px 1fr; background:#fff; border-radius:var(--cf-radius); box-shadow:var(--cf-shadow); overflow:hidden; min-height:620px; } /* ---------- Sidebar ---------- */ .cf-side{ background:linear-gradient(165deg,var(--cf-navy) 0%,var(--cf-navy-deep) 55%,#04263a 100%); color:#fff; padding:34px 30px; display:flex; flex-direction:column; } .cf-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px;} .cf-brand-logo{ width:46px;height:46px;border-radius:12px; background:linear-gradient(150deg,var(--cf-primary),var(--cf-gold)); display:flex;align-items:center;justify-content:center;flex:0 0 auto; box-shadow:0 8px 20px rgba(8,103,169,.45); } .cf-brand-logo svg{width:24px;height:24px;} .cf-brand-name{font-weight:700;font-size:17px;letter-spacing:.2px;line-height:1.1;} .cf-brand-name small{display:block;font-weight:400;font-size:11px;color:#9fc0d6;letter-spacing:.4px;text-transform:uppercase;margin-top:3px;} .cf-side h2{ font-family:'Roboto Slab',Georgia,serif; font-weight:700;font-size:28px;line-height:1.18;margin:6px 0 14px; } .cf-side p.cf-lede{color:#a9c6da;font-size:14px;line-height:1.55;margin:0 0 30px;} .cf-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} .cf-steps li{ display:flex;align-items:center;gap:14px; padding:13px 14px;border-radius:12px;transition:.25s; } .cf-steps li.active{background:rgba(8,103,169,.30);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);} .cf-dot{ width:30px;height:30px;border-radius:50%;flex:0 0 auto; display:flex;align-items:center;justify-content:center; font-size:13px;font-weight:700; background:rgba(255,255,255,.10);color:#cfe0ec;border:1px solid rgba(255,255,255,.18); } .cf-steps li.active .cf-dot{background:var(--cf-primary);color:#fff;border-color:transparent;} .cf-steps li.done .cf-dot{background:var(--cf-gold);color:var(--cf-navy);border-color:transparent;} .cf-step-t{font-weight:600;font-size:14.5px;line-height:1.1;} .cf-step-s{font-size:12px;color:#94b4c9;margin-top:3px;} .cf-side-foot{margin-top:auto;padding-top:26px;color:#7ea1b8;font-size:11.5px;display:flex;align-items:center;gap:8px;} .cf-side-foot svg{width:14px;height:14px;flex:0 0 auto;} /* ---------- Main panel ---------- */ .cf-main{padding:38px 44px 26px;display:flex;flex-direction:column;} .cf-eyebrow{color:var(--cf-primary);font-weight:700;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px;} .cf-main h3{font-family:'Roboto Slab',Georgia,serif;font-weight:700;font-size:27px;margin:0 0 8px;color:var(--cf-navy);} .cf-sub{color:var(--cf-muted);font-size:14.5px;margin:0 0 26px;line-height:1.5;} .cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;} .cf-field{display:flex;flex-direction:column;} .cf-field.full{grid-column:1 / -1;} .cf-field label{font-weight:600;font-size:13px;color:var(--cf-navy);margin-bottom:7px;} .cf-field label .cf-hint{color:var(--cf-muted);font-weight:400;} .cf-input,.cf-select{ width:100%;height:52px;border:1.5px solid var(--cf-line);border-radius:11px; padding:0 15px;font-size:15px;font-family:inherit;color:var(--cf-text);background:#fff; transition:border-color .18s, box-shadow .18s; } .cf-select{ appearance:none;-webkit-appearance:none;cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236E6E6E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 15px center;padding-right:40px; } .cf-input:focus,.cf-select:focus{outline:none;border-color:var(--cf-primary);box-shadow:0 0 0 4px rgba(8,103,169,.12);} .cf-input::placeholder{color:#a9b3bd;} /* prefix input (mobile / currency) */ .cf-prefix{display:flex;align-items:stretch;border:1.5px solid var(--cf-line);border-radius:11px;overflow:hidden;transition:border-color .18s, box-shadow .18s;background:#fff;} .cf-prefix:focus-within{border-color:var(--cf-primary);box-shadow:0 0 0 4px rgba(8,103,169,.12);} .cf-prefix .cf-tag{display:flex;align-items:center;padding:0 14px;background:#f2f6fa;color:var(--cf-navy);font-weight:600;font-size:14px;border-right:1.5px solid var(--cf-line);} .cf-prefix .cf-input{border:none;border-radius:0;height:50px;} .cf-prefix .cf-input:focus{box-shadow:none;} /* readonly auto field */ .cf-auto{background:var(--cf-soft);border-style:dashed;border-color:#c5dcee;color:var(--cf-navy);font-weight:700;display:flex;align-items:center;} .cf-auto .cf-tag{background:transparent;border:none;color:var(--cf-muted);font-weight:600;padding-left:0;} /* info banner */ .cf-info{display:flex;gap:12px;align-items:center;background:var(--cf-soft);border:1px solid #d6e8f6;border-radius:12px;padding:14px 16px;margin-top:22px;font-size:13.5px;color:var(--cf-navy);} .cf-info svg{width:20px;height:20px;flex:0 0 auto;color:var(--cf-primary);} .cf-info b{color:var(--cf-primary);} .cf-note{color:var(--cf-muted);font-size:12.5px;line-height:1.5;margin-top:18px;} /* summary box (step 3) */ .cf-summary{background:#f7f9fc;border:1px solid var(--cf-line);border-radius:14px;padding:6px 20px;margin-top:24px;} .cf-summary .row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px dashed var(--cf-line);font-size:14.5px;color:var(--cf-muted);} .cf-summary .row:last-child{border-bottom:none;} .cf-summary .row b{color:var(--cf-navy);font-size:16px;} .cf-summary .row b.cf-link{color:var(--cf-primary);} /* ---------- Footer / actions ---------- */ .cf-foot{margin-top:auto;padding-top:24px;border-top:1px solid var(--cf-line);display:flex;align-items:center;gap:16px;} .cf-foot .cf-pages{color:var(--cf-muted);font-size:13px;} .cf-foot .cf-spacer{flex:1;} .cf-btn{ border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:15px; border-radius:11px;padding:14px 26px;display:inline-flex;align-items:center;gap:9px;transition:.18s; } .cf-btn svg{width:17px;height:17px;} .cf-btn-primary{background:var(--cf-primary);color:#fff;box-shadow:0 10px 22px rgba(8,103,169,.32);} .cf-btn-primary:hover{background:#075a93;transform:translateY(-1px);} .cf-btn-gold{background:var(--cf-gold);color:var(--cf-navy);box-shadow:0 10px 22px rgba(240,184,14,.38);} .cf-btn-gold:hover{background:var(--cf-gold-dark);transform:translateY(-1px);} .cf-btn-ghost{background:#fff;color:var(--cf-navy);border:1.5px solid var(--cf-line);} .cf-btn-ghost:hover{border-color:var(--cf-primary);color:var(--cf-primary);} /* ---------- Results (step 4) ---------- */ .cf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;} .cf-stat{border:1px solid var(--cf-line);border-radius:13px;padding:16px 18px;} .cf-stat.best{background:var(--cf-good-bg);border-color:#bfe8d1;} .cf-stat .k{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--cf-muted);} .cf-stat.best .k{color:var(--cf-good);} .cf-stat .v{font-size:21px;font-weight:900;color:var(--cf-navy);margin-top:6px;} .cf-stat.best .v{color:var(--cf-good);} .cf-stat .v small{font-size:13px;font-weight:600;color:var(--cf-muted);} .cf-tablehead{display:grid;grid-template-columns:1fr 90px 90px 130px;gap:8px;padding:0 18px 12px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--cf-muted);} .cf-tablehead span:nth-child(2),.cf-tablehead span:nth-child(3){text-align:center;} .cf-tablehead span:nth-child(4){text-align:right;} .cf-row{display:grid;grid-template-columns:1fr 90px 90px 130px;gap:8px;align-items:center;border:1px solid var(--cf-line);border-radius:13px;padding:16px 18px;margin-bottom:11px;transition:.15s;} .cf-row.best{background:var(--cf-good-bg);border-color:#bfe8d1;} .cf-row:hover{border-color:var(--cf-primary);} .cf-lender{display:flex;align-items:center;gap:13px;} .cf-lender .badge{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:16px;flex:0 0 auto;} .cf-lender .nm{font-weight:700;color:var(--cf-navy);font-size:15px;} .cf-lender .sub{font-size:12px;color:var(--cf-muted);margin-top:2px;} .cf-lender .sub.win{color:var(--cf-good);font-weight:600;} .cf-row .fx,.cf-row .vr{text-align:center;font-weight:700;color:var(--cf-navy);font-size:15px;} .cf-row .vr{color:var(--cf-muted);font-weight:500;} .cf-row .mo{text-align:right;font-weight:900;color:var(--cf-navy);font-size:16px;} .cf-row.best .mo{color:var(--cf-good);} .cf-disc{color:var(--cf-muted);font-size:12px;line-height:1.5;margin:6px 2px 0;} .cf-hidden{display:none !important;} /* ---------- Responsive ---------- */ @media (max-width:860px){ .cf-card{grid-template-columns:1fr;min-height:0;} .cf-side{padding:28px 24px;} .cf-side h2{font-size:24px;} .cf-steps{flex-direction:row;flex-wrap:wrap;gap:8px;} .cf-steps li{flex:1 1 46%;padding:10px;} .cf-step-s{display:none;} .cf-side-foot{display:none;} .cf-main{padding:28px 22px 22px;} .cf-grid{grid-template-columns:1fr;} .cf-stats{grid-template-columns:1fr;} .cf-tablehead{display:none;} .cf-row{grid-template-columns:1fr auto;row-gap:6px;} .cf-row .fx,.cf-row .vr{display:none;} .cf-main h3{font-size:23px;} } @media (max-width:430px){ .cf-foot{flex-wrap:wrap;} .cf-foot .cf-spacer{display:none;} .cf-btn{flex:1;justify-content:center;} } </style> <div class="cf-card"> <aside class="cf-side"> <div class="cf-brand"> <span class="cf-brand-logo"> <svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 10.5 12 3l9 7.5"/><path d="M5 9.5V21h14V9.5"/><path d="M9 21v-6h6v6"/></svg> </span> <span class="cf-brand-name">Crown Finance<small>Mortgage Tool</small></span> </div> <h2>Compare UAE mortgage rates in three quick steps.</h2> <p class="cf-lede">Tell us a little about you and the property — we’ll match you against the leading banks instantly.</p> <ul class="cf-steps" id="cfStepNav"> <li data-step="1" class="active"><span class="cf-dot">1</span><span><span class="cf-step-t">Client Information</span><span class="cf-step-s">Your contact details</span></span></li> <li data-step="2"><span class="cf-dot">2</span><span><span class="cf-step-t">Property &amp; Loan</span><span class="cf-step-s">Value, deposit &amp; type</span></span></li> <li data-step="3"><span class="cf-dot">3</span><span><span class="cf-step-t">Interest Preferences</span><span class="cf-step-s">Fixed &amp; variable terms</span></span></li> <li data-step="4"><span class="cf-dot">4</span><span><span class="cf-step-t">Your Results</span><span class="cf-step-s">Compare bank rates</span></span></li> </ul> <div class="cf-side-foot"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> Bank-grade encryption · CBUAE regulated lenders </div> </aside> <section class="cf-main"> <div class="cf-panel" data-panel="1"> <div class="cf-eyebrow">Step 1 of 3</div> <h3>Let’s start with you</h3> <p class="cf-sub">We’ll use these details to prepare your personalised comparison.</p> <div class="cf-grid"> <div class="cf-field full"> <label>Client name</label> <input class="cf-input" id="f_name" type="text" placeholder="e.g. Sara Al Mansoori"> </div> <div class="cf-field full"> <label>Email address</label> <input class="cf-input" id="f_email" type="email" placeholder="name@email.com"> </div> <div class="cf-field"> <label>Mobile number</label> <div class="cf-prefix"> <span class="cf-tag">+971</span> <input class="cf-input" id="f_mobile" type="tel" placeholder="5X XXX XXXX"> </div> </div> <div class="cf-field"> <label>Date of birth</label> <input class="cf-input" id="f_dob" type="date"> </div> <div class="cf-field"> <label>Profile</label> <select class="cf-select" id="f_profile"> <option>Salaried</option> <option>Self-employed</option> <option>Business owner</option> </select> </div> <div class="cf-field"> <label>Residential status</label> <select class="cf-select" id="f_residency"> <option>UAE Resident</option> <option>Non-Resident</option> <option>UAE National</option> </select> </div> <div class="cf-field full"> <label>Transaction type</label> <select class="cf-select" id="f_txn"> <option>Resale Property</option> <option>Primary Purchase (Developer)</option> <option>Refinance / Buyout</option> <option>Equity Release / Cash-out</option> </select> </div> <div class="cf-field full"> <label>Salary transfer</label> <select class="cf-select" id="f_salary"> <option>Salary Transfer</option> <option>Non-Salary Transfer</option> </select> </div> </div> <div class="cf-foot"> <span class="cf-spacer"></span> <button class="cf-btn cf-btn-primary" data-next="2">Continue <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </button> </div> </div> <div class="cf-panel cf-hidden" data-panel="2"> <div class="cf-eyebrow">Step 2 of 3</div> <h3>About the property</h3> <p class="cf-sub">Enter the purchase price and your deposit to set the loan amount.</p> <div class="cf-grid"> <div class="cf-field"> <label>Property value</label> <div class="cf-prefix"> <span class="cf-tag">AED</span> <input class="cf-input" id="f_value" type="text" inputmode="numeric" value="1,500,000"> </div> </div> <div class="cf-field"> <label>Down payment <span class="cf-hint" id="f_dpPct">· 20%</span></label> <div class="cf-prefix"> <span class="cf-tag">AED</span> <input class="cf-input" id="f_deposit" type="text" inputmode="numeric" value="300,000"> </div> </div> <div class="cf-field"> <label>Loan value <span class="cf-hint">· auto</span></label> <div class="cf-prefix cf-auto"> <span class="cf-tag">AED</span> <input class="cf-input" id="f_loan" type="text" value="1,200,000" readonly style="font-weight:700;background:transparent;"> </div> </div> <div class="cf-field"> <label>Type of property</label> <select class="cf-select" id="f_ptype"> <option>Apartment</option> <option>Villa / Townhouse</option> <option>Office / Commercial</option> <option>Land / Plot</option> </select> </div> <div class="cf-field full"> <label>Property status</label> <select class="cf-select" id="f_pstatus"> <option>Ready Property</option> <option>Off-plan / Under construction</option> </select> </div> </div> <div class="cf-info"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg> <span>Loan-to-value <b id="f_ltv">80%</b> · most UAE banks finance up to 80% for residents.</span> </div> <div class="cf-foot"> <button class="cf-btn cf-btn-ghost" data-prev="1">Back</button> <span class="cf-pages">Step 2 of 3</span> <span class="cf-spacer"></span> <button class="cf-btn cf-btn-primary" data-next="3">Continue <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </button> </div> </div> <div class="cf-panel cf-hidden" data-panel="3"> <div class="cf-eyebrow">Step 3 of 3</div> <h3>Your rate preferences</h3> <p class="cf-sub">Choose how long you’d like the rate fixed before it goes variable.</p> <div class="cf-grid"> <div class="cf-field full"> <label>Choose type of interest rate</label> <select class="cf-select" id="f_rateType"> <option>Fixed rate</option> <option>Variable rate</option> </select> </div> <div class="cf-field"> <label>Years on fixed rate</label> <select class="cf-select" id="f_fixedYears"> <option>1 year</option><option>2 years</option><option selected>3 years</option> <option>4 years</option><option>5 years</option> </select> </div> <div class="cf-field"> <label>Years on variable rate</label> <select class="cf-select" id="f_varYears"> <option>17 years</option><option>22 years</option><option>27 years</option> </select> </div> </div> <div class="cf-summary"> <div class="row">Total mortgage term <b id="s_term">25 yrs</b></div> <div class="row">Financing amount <b id="s_amount">AED 1,200,000</b></div> <div class="row">Banks we’ll compare <b class="cf-link">6 lenders</b></div> </div> <p class="cf-note">A fixed period locks your rate for the first years; the remainder follows the bank’s variable rate. We’ll show the monthly cost for both.</p> <div class="cf-foot"> <button class="cf-btn cf-btn-ghost" data-prev="2">Back</button> <span class="cf-pages">Step 3 of 3</span> <span class="cf-spacer"></span> <button class="cf-btn cf-btn-gold" id="cfSeeRates">See my rates <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </button> </div> </div> <div class="cf-panel cf-hidden" data-panel="4"> <div class="cf-eyebrow">Results</div> <h3>Your rate comparison</h3> <p class="cf-sub">Indicative monthly payments across UAE lenders, ranked by cost.</p> <div class="cf-stats"> <div class="cf-stat"><div class="k">Loan</div><div class="v" id="r_loan">AED 1,200,000</div></div> <div class="cf-stat"><div class="k">Term</div><div class="v" id="r_term">25 yrs</div></div> <div class="cf-stat best"><div class="k">Best monthly</div><div class="v" id="r_best">AED 6,163 <small>/mo</small></div></div> </div> <div class="cf-tablehead"> <span>Lender</span><span>Fixed</span><span>Variable</span><span>Monthly</span> </div> <div id="cfRows"></div> <p class="cf-disc">Estimates based on the rate during the fixed period over the full term. Indicative only — final rates subject to bank approval and eligibility. Sample figures shown for demonstration.</p> <div class="cf-foot"> <button class="cf-btn cf-btn-ghost" data-prev="3">Adjust details</button> <span class="cf-pages">Estimates update as you edit</span> <span class="cf-spacer"></span> <button class="cf-btn cf-btn-primary" id="cfCallback">Book a callback <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg> </button> </div> </div> </section> </div> </div> <script type="bv_inline_delayed_js" bv_unique_id="eLES1xhHQ59w6ENGja1g" defer="1" data-cfasync="" async="">(function(){ var root = document.getElementById('cfMortgage'); if(!root) return; var $ = function(id){ return root.querySelector('#'+id); }; // ---- helpers ---- function num(v){ return parseFloat(String(v).replace(/[^0-9.]/g,'')) || 0; } function fmt(n){ return Math.round(n).toLocaleString('en-US'); } // ---- step navigation ---- var panels = root.querySelectorAll('.cf-panel'); var navItems = root.querySelectorAll('#cfStepNav li'); function goto(step){ panels.forEach(function(p){ p.classList.toggle('cf-hidden', p.dataset.panel != step); }); navItems.forEach(function(li){ var s = +li.dataset.step; li.classList.toggle('active', s == step); li.classList.toggle('done', s < step); }); root.scrollIntoView({behavior:'smooth', block:'start'}); } root.addEventListener('click', function(e){ var n = e.target.closest('[data-next]'); if(n){ goto(n.dataset.next); } var p = e.target.closest('[data-prev]'); if(p){ goto(p.dataset.prev); } }); // ---- step 2: loan auto-calc ---- function recalcLoan(){ var val = num($('f_value').value); var dep = num($('f_deposit').value); if(dep > val) dep = val; var loan = val - dep; $('f_loan').value = fmt(loan); var pct = val ? Math.round(dep/val*100) : 0; $('f_dpPct').textContent = '· ' + pct + '%'; $('f_ltv').textContent = (100 - pct) + '%'; // reflect into step 3 + 4 $('s_amount').textContent = 'AED ' + fmt(loan); $('r_loan').textContent = 'AED ' + fmt(loan); } ['f_value','f_deposit'].forEach(function(id){ var el = $(id); el.addEventListener('input', function(){ recalcLoan(); }); el.addEventListener('blur', function(){ el.value = fmt(num(el.value)); recalcLoan(); }); }); // ---- step 3: term + summary ---- function termYears(){ return num($('f_fixedYears').value) + num($('f_varYears').value); } function recalcTerm(){ var t = termYears(); $('s_term').textContent = t + ' yrs'; $('r_term').textContent = t + ' yrs'; } ['f_fixedYears','f_varYears'].forEach(function(id){ $(id).addEventListener('change', recalcTerm); }); // ---- PLACEHOLDER lender data (swap for live rates later) ---- var LENDERS = [ {nm:'Emirates NBD', color:'#0a3d62', letter:'E', fixed:3.74, variable:4.49}, {nm:'FAB', color:'#1e824c', letter:'F', fixed:3.89, variable:4.55}, {nm:'ADCB', color:'#c0392b', letter:'A', fixed:3.99, variable:4.60}, {nm:'Mashreq', color:'#e67e22', letter:'M', fixed:4.15, variable:4.74}, {nm:'Dubai Islamic',color:'#16a085', letter:'D', fixed:4.25, variable:4.85}, {nm:'RAKBANK', color:'#8e44ad', letter:'R', fixed:4.39, variable:4.95} ]; // amortised monthly payment function monthly(principal, annualRatePct, years){ var r = annualRatePct/100/12, n = years*12; if(r === 0) return principal/n; return principal * r / (1 - Math.pow(1+r, -n)); } function renderResults(){ recalcLoan(); recalcTerm(); var loan = num($('f_loan').value); var years = termYears(); var useVariable = $('f_rateType').value === 'Variable rate'; var data = LENDERS.map(function(b){ var rate = useVariable ? b.variable : b.fixed; var mFixed = monthly(loan, rate, years); var mVar = monthly(loan, b.variable, years); return {b:b, rate:rate, m:mFixed, mVar:mVar}; }).sort(function(a,c){ return a.m - c.m; }); var best = data[0]; $('r_best').innerHTML = 'AED ' + fmt(best.m) + ' <small>/mo</small>'; var html = data.map(function(d, i){ var win = i === 0; var sub = win ? '<div class="sub win">★ Lowest monthly cost</div>' : '<div class="sub">AED '+fmt(d.mVar)+'/mo variable</div>'; return ''+ '<div class="cf-row'+(win?' best':'')+'">'+ '<div class="cf-lender">'+ '<span class="badge" style="background:'+d.b.color+'">'+d.b.letter+'</span>'+ '<span><span class="nm">'+d.b.nm+'</span>'+sub+'</span>'+ '</div>'+ '<div class="fx">'+d.b.fixed.toFixed(2)+'%</div>'+ '<div class="vr">'+d.b.variable.toFixed(2)+'%</div>'+ '<div class="mo">AED '+fmt(d.m)+'</div>'+ '</div>'; }).join(''); $('cfRows').innerHTML = html; } $('cfSeeRates').addEventListener('click', function(){ renderResults(); goto(4); }); $('cfCallback').addEventListener('click', function(){ var name = ($('f_name').value || '').trim(); alert('Thanks'+(name?', '+name:'')+'! A Crown Finance adviser will call you back shortly.\\n\\n(Wire this button to your CRM / form handler in the next phase.)'); }); // init recalcLoan(); recalcTerm(); })();</script> <script type="bv_inline_delayed_js" bv_unique_id="hlsAj94oSG70QLHpHhZG" defer="1" data-cfasync="" async="">/* Auto-resize: tells the parent page how tall the tool is so there is no inner scrollbar */ (function(){ function report(){ try{ parent.postMessage({cfMortgageHeight: document.documentElement.scrollHeight}, '*'); }catch(e){} } window.addEventListener('load', report); window.addEventListener('resize', report); if(window.ResizeObserver){ new ResizeObserver(report).observe(document.body); } document.addEventListener('click', function(){ setTimeout(report, 450); }); })();</script> </body> </html> “>
Full Name
Contact Number
Email
Type of Employement
Salaried
Self-Employed
Foreigner
Check the Latest Mortgage Interest Rates
Find Best Three Mortgage Rates in UAE
Best Mortgage offers From UAE Banks