{"id":11444,"date":"2021-09-02T06:11:18","date_gmt":"2021-09-02T06:11:18","guid":{"rendered":"http:\/\/localhost\/cardealer\/?page_id=11444"},"modified":"2026-06-10T00:05:29","modified_gmt":"2026-06-10T00:05:29","slug":"finance-calculator","status":"publish","type":"page","link":"https:\/\/arabityarabity.net\/index.php\/finance-calculator\/","title":{"rendered":"Finance Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11444\" class=\"elementor elementor-11444\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ed70583 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1ed70583\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-46dd8d35\" data-id=\"46dd8d35\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-488ee291 elementor-widget elementor-widget-cdhl_section-title\" data-id=\"488ee291\" data-element_type=\"widget\" data-widget_type=\"cdhl_section-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cdhl_section-title_wrapper\">\n\t<div class=\"section-title text-center style_1\" id=\"488ee291\">\n\t\t\t<span class=\"sub-title\"><\/span>\n\t\t<h2 class=\"main-title\">\n\t\t\tPrice Calculator\t\t<\/h2>\n\t\t\t\t\t<div class=\"separator\"><\/div>\n\t\t\t\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb2bef0 elementor-widget elementor-widget-html\" data-id=\"fb2bef0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ArabityArabity Car Finance Calculator - Red Brand Version - Elementor Ready -->\n<div class=\"aa-car-calc\" dir=\"ltr\">\n  <div class=\"aa-car-calc__wrap\">\n    <div class=\"aa-car-calc__head\">\n      <span>ArabityArabity Finance Tool<\/span>\n      <h2>Car Finance Calculator<\/h2>\n      <p>Estimate your monthly car payment based on vehicle price, down payment, fixed interest rate, and a fixed 12-month period.<\/p>\n    <\/div>\n\n    <div class=\"aa-car-calc__grid\">\n      <div class=\"aa-car-calc__controls\">\n\n        <!-- Car Price -->\n        <div class=\"aa-calc-card\">\n          <div class=\"aa-calc-row\">\n            <label for=\"aaCarPrice\">Car Price<\/label>\n            <div class=\"aa-input-pill\">\n              <small>AED<\/small>\n              <input id=\"aaCarPriceInput\" type=\"text\" inputmode=\"numeric\" value=\"50,000\">\n            <\/div>\n          <\/div>\n\n          <input id=\"aaCarPrice\" class=\"aa-slider\" type=\"range\" min=\"50000\" max=\"5000000\" step=\"5000\" value=\"50000\">\n\n          <div class=\"aa-slider-labels\">\n            <span>AED 50,000<\/span>\n            <span>AED 5,000,000<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Down Payment -->\n        <div class=\"aa-calc-card\">\n          <div class=\"aa-calc-row\">\n            <label for=\"aaDownPayment\">Down Payment<\/label>\n            <div class=\"aa-input-pill\">\n              <small>AED<\/small>\n              <input id=\"aaDownPaymentInput\" type=\"text\" inputmode=\"numeric\" value=\"10,000\">\n            <\/div>\n          <\/div>\n\n          <input id=\"aaDownPayment\" class=\"aa-slider\" type=\"range\" min=\"0\" max=\"40000\" step=\"1000\" value=\"10000\">\n\n          <div class=\"aa-slider-labels\">\n            <span>AED 0<\/span>\n            <span id=\"aaDownMaxLabel\">AED 40,000<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Fixed Interest -->\n        <div class=\"aa-calc-card aa-locked-card\">\n          <div class=\"aa-calc-row aa-locked-row\">\n            <label>Interest Rate<\/label>\n            <div class=\"aa-locked-pill\">\n              <strong id=\"aaInterestShown\">4.75%<\/strong>\n              <small>Fixed<\/small>\n            <\/div>\n          <\/div>\n          <p>This interest rate is fixed by ArabityArabity and cannot be changed by the website visitor.<\/p>\n        <\/div>\n\n        <!-- Period Locked -->\n        <div class=\"aa-calc-card aa-locked-card\">\n          <div class=\"aa-calc-row aa-locked-row\">\n            <label>Finance Period<\/label>\n            <div class=\"aa-locked-pill\">\n              <strong>12 Months<\/strong>\n              <small>Fixed<\/small>\n            <\/div>\n          <\/div>\n          <p>The finance period is fixed to 1 year and cannot be changed by the website visitor.<\/p>\n        <\/div>\n\n      <\/div>\n\n      <!-- Results -->\n      <div class=\"aa-result-box\">\n        <div class=\"aa-main-result\">\n          <span>Estimated Monthly Payment<\/span>\n          <strong id=\"aaMonthlyPayment\">AED 3,492<\/strong>\n          <small>Based on 12 months<\/small>\n        <\/div>\n\n        <div class=\"aa-summary\">\n          <div>\n            <span>Car Price<\/span>\n            <strong id=\"aaSummaryPrice\">AED 50,000<\/strong>\n          <\/div>\n          <div>\n            <span>Down Payment<\/span>\n            <strong id=\"aaSummaryDown\">AED 10,000<\/strong>\n          <\/div>\n          <div>\n            <span>Financed Amount<\/span>\n            <strong id=\"aaSummaryLoan\">AED 40,000<\/strong>\n          <\/div>\n          <div>\n            <span>Interest Rate<\/span>\n            <strong id=\"aaSummaryInterest\">4.75%<\/strong>\n          <\/div>\n          <div>\n            <span>Finance Period<\/span>\n            <strong>12 Months<\/strong>\n          <\/div>\n          <div>\n            <span>Total Interest<\/span>\n            <strong id=\"aaTotalInterest\">AED 1,900<\/strong>\n          <\/div>\n          <div>\n            <span>Total Payable<\/span>\n            <strong id=\"aaTotalPayable\">AED 41,900<\/strong>\n          <\/div>\n        <\/div>\n\n        <a id=\"aaWhatsappBtn\" class=\"aa-whatsapp-btn\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n          Request This Estimate\n        <\/a>\n\n        <p class=\"aa-note\">\n          This is an estimated calculation only. Final payment may vary depending on bank approval and finance terms.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.aa-car-calc{\n  --aa-primary:#112B45;\n  --aa-text:#101828;\n  --aa-muted:#667085;\n  --aa-line:#e6e8ec;\n  --aa-soft:#f8fafc;\n  --aa-soft2:#f2f4f7;\n  --aa-red:#8b1116;\n  --aa-red-dark:#6e0d11;\n  --aa-red-soft:#fff5f5;\n  --aa-radius:20px;\n  width:100%;\n  font-family:Inter, Poppins, Arial, sans-serif;\n  color:var(--aa-text);\n  background:transparent;\n}\n\n.aa-car-calc *{\n  box-sizing:border-box;\n}\n\n.aa-car-calc__wrap{\n  width:min(1160px, 100%);\n  margin:0 auto;\n  padding:0;\n  background:transparent;\n}\n\n.aa-car-calc__head{\n  margin-bottom:24px;\n}\n\n.aa-car-calc__head span{\n  display:inline-flex;\n  margin-bottom:10px;\n  padding:7px 12px;\n  border-radius:999px;\n  background:var(--aa-red-soft);\n  color:var(--aa-red);\n  border:1px solid #f3c7c9;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.04em;\n  text-transform:uppercase;\n}\n\n.aa-car-calc__head h2{\n  margin:0 0 10px;\n  color:var(--aa-primary);\n  font-size:clamp(30px, 4vw, 48px);\n  line-height:1.05;\n  letter-spacing:-.04em;\n  font-weight:850;\n}\n\n.aa-car-calc__head p{\n  max-width:700px;\n  margin:0;\n  color:var(--aa-muted);\n  font-size:16px;\n  line-height:1.7;\n}\n\n.aa-car-calc__grid{\n  display:grid;\n  grid-template-columns:1.15fr .85fr;\n  gap:22px;\n  align-items:start;\n}\n\n.aa-car-calc__controls{\n  display:grid;\n  gap:14px;\n}\n\n.aa-calc-card,\n.aa-result-box{\n  background:#fff;\n  border:1px solid var(--aa-line);\n  border-radius:var(--aa-radius);\n  box-shadow:0 10px 30px rgba(16,24,40,.055);\n}\n\n.aa-calc-card{\n  padding:20px;\n}\n\n.aa-calc-row{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:14px;\n  margin-bottom:16px;\n}\n\n.aa-calc-row label{\n  color:var(--aa-primary);\n  font-size:15px;\n  font-weight:800;\n}\n\n.aa-input-pill,\n.aa-locked-pill{\n  min-height:44px;\n  padding:8px 12px;\n  border-radius:14px;\n  border:1px solid var(--aa-line);\n  background:var(--aa-soft);\n  display:flex;\n  align-items:center;\n  gap:8px;\n}\n\n.aa-input-pill small{\n  color:var(--aa-red);\n  font-size:12px;\n  font-weight:850;\n}\n\n.aa-input-pill input{\n  width:124px;\n  border:0;\n  outline:0;\n  background:transparent;\n  color:var(--aa-text);\n  font-size:17px;\n  font-weight:850;\n  text-align:right;\n}\n\n.aa-locked-pill{\n  flex-direction:column;\n  align-items:flex-end;\n  justify-content:center;\n  gap:1px;\n}\n\n.aa-locked-pill strong{\n  color:var(--aa-primary);\n  font-size:16px;\n  line-height:1;\n}\n\n.aa-locked-pill small{\n  color:var(--aa-red);\n  font-size:10px;\n  line-height:1;\n  text-transform:uppercase;\n  letter-spacing:.08em;\n  font-weight:850;\n}\n\n.aa-locked-card p{\n  margin:0;\n  color:var(--aa-muted);\n  font-size:13px;\n  line-height:1.6;\n}\n\n.aa-slider{\n  width:100%;\n  height:7px;\n  border-radius:999px;\n  outline:0;\n  appearance:none;\n  -webkit-appearance:none;\n  background:linear-gradient(90deg, var(--aa-red) 0%, var(--aa-red) 0%, var(--aa-soft2) 0%, var(--aa-soft2) 100%);\n}\n\n.aa-slider::-webkit-slider-thumb{\n  appearance:none;\n  -webkit-appearance:none;\n  width:23px;\n  height:23px;\n  border-radius:50%;\n  background:#fff;\n  border:6px solid var(--aa-red);\n  box-shadow:0 8px 22px rgba(139,17,22,.22);\n  cursor:pointer;\n}\n\n.aa-slider::-moz-range-thumb{\n  width:23px;\n  height:23px;\n  border-radius:50%;\n  background:#fff;\n  border:6px solid var(--aa-red);\n  box-shadow:0 8px 22px rgba(139,17,22,.22);\n  cursor:pointer;\n}\n\n.aa-slider-labels{\n  display:flex;\n  justify-content:space-between;\n  gap:12px;\n  margin-top:11px;\n  color:var(--aa-muted);\n  font-size:12px;\n}\n\n.aa-result-box{\n  position:sticky;\n  top:20px;\n  padding:22px;\n}\n\n.aa-main-result{\n  padding:22px;\n  margin-bottom:16px;\n  border-radius:18px;\n  background:linear-gradient(135deg, var(--aa-primary), var(--aa-red));\n  color:#fff;\n  overflow:hidden;\n}\n\n.aa-main-result span{\n  display:block;\n  margin-bottom:8px;\n  color:rgba(255,255,255,.76);\n  font-size:13px;\n}\n\n.aa-main-result strong{\n  display:block;\n  font-size:clamp(31px, 4vw, 46px);\n  line-height:1;\n  letter-spacing:-.04em;\n}\n\n.aa-main-result small{\n  display:block;\n  margin-top:10px;\n  color:rgba(255,255,255,.86);\n  font-size:13px;\n  font-weight:800;\n}\n\n.aa-summary{\n  display:grid;\n  gap:0;\n  margin-bottom:18px;\n  border:1px solid var(--aa-line);\n  border-radius:18px;\n  overflow:hidden;\n}\n\n.aa-summary div{\n  display:flex;\n  justify-content:space-between;\n  gap:14px;\n  padding:13px 14px;\n  border-bottom:1px solid var(--aa-line);\n  background:#fff;\n}\n\n.aa-summary div:nth-child(even){\n  background:var(--aa-soft);\n}\n\n.aa-summary div:last-child{\n  border-bottom:0;\n}\n\n.aa-summary span{\n  color:var(--aa-muted);\n  font-size:13px;\n}\n\n.aa-summary strong{\n  color:var(--aa-primary);\n  font-size:13px;\n  text-align:right;\n}\n\n.aa-whatsapp-btn{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  width:100%;\n  min-height:52px;\n  border-radius:16px;\n  background:var(--aa-red);\n  color:#fff !important;\n  text-decoration:none !important;\n  font-size:15px;\n  font-weight:850;\n  transition:transform .22s ease, background .22s ease, box-shadow .22s ease;\n  box-shadow:0 12px 24px rgba(139,17,22,.18);\n}\n\n.aa-whatsapp-btn:hover{\n  background:var(--aa-red-dark);\n  transform:translateY(-2px);\n  box-shadow:0 16px 30px rgba(139,17,22,.24);\n}\n\n.aa-note{\n  margin:13px 0 0;\n  color:var(--aa-muted);\n  font-size:11px;\n  line-height:1.6;\n  text-align:center;\n}\n\n@media (max-width:900px){\n  .aa-car-calc__grid{\n    grid-template-columns:1fr;\n    gap:16px;\n  }\n\n  .aa-result-box{\n    position:relative;\n    top:auto;\n  }\n}\n\n@media (max-width:560px){\n  .aa-car-calc__wrap{\n    width:100%;\n  }\n\n  .aa-car-calc__head{\n    margin-bottom:18px;\n  }\n\n  .aa-car-calc__head span{\n    font-size:11px;\n    padding:6px 10px;\n  }\n\n  .aa-car-calc__head h2{\n    font-size:30px;\n    letter-spacing:-.03em;\n  }\n\n  .aa-car-calc__head p{\n    font-size:14px;\n    line-height:1.6;\n  }\n\n  .aa-car-calc__grid{\n    gap:14px;\n  }\n\n  .aa-car-calc__controls{\n    gap:12px;\n  }\n\n  .aa-calc-card,\n  .aa-result-box{\n    border-radius:17px;\n    box-shadow:0 8px 20px rgba(16,24,40,.045);\n  }\n\n  .aa-calc-card{\n    padding:15px;\n  }\n\n  .aa-calc-row{\n    display:grid;\n    grid-template-columns:1fr;\n    gap:9px;\n    margin-bottom:13px;\n  }\n\n  .aa-calc-row label{\n    font-size:14px;\n  }\n\n  .aa-input-pill,\n  .aa-locked-pill{\n    width:100%;\n    min-height:42px;\n    justify-content:space-between;\n    border-radius:13px;\n  }\n\n  .aa-input-pill input{\n    width:100%;\n    min-width:0;\n    font-size:16px;\n  }\n\n  .aa-locked-pill{\n    flex-direction:row;\n    align-items:center;\n  }\n\n  .aa-slider{\n    height:8px;\n  }\n\n  .aa-slider-labels{\n    font-size:10.5px;\n    line-height:1.3;\n  }\n\n  .aa-locked-card p{\n    font-size:12px;\n  }\n\n  .aa-result-box{\n    padding:15px;\n  }\n\n  .aa-main-result{\n    padding:18px;\n    border-radius:15px;\n  }\n\n  .aa-main-result strong{\n    font-size:32px;\n    line-height:1.08;\n  }\n\n  .aa-summary{\n    border-radius:15px;\n  }\n\n  .aa-summary div{\n    padding:11px 12px;\n    align-items:center;\n  }\n\n  .aa-summary span,\n  .aa-summary strong{\n    font-size:12px;\n  }\n\n  .aa-whatsapp-btn{\n    min-height:50px;\n    border-radius:14px;\n    font-size:14px;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const MONTHS = 12;\n  const MIN_PRICE = 50000;\n  const MAX_PRICE = 5000000;\n  const WHATSAPP_NUMBER = '971544458614';\n\n  \/*\n    Change only this value when you want to update the fixed interest rate.\n    Example: 4.75 means 4.75%\n  *\/\n  const FIXED_INTEREST_RATE = 4.75;\n\n  const carRange = document.getElementById('aaCarPrice');\n  const carInput = document.getElementById('aaCarPriceInput');\n  const downRange = document.getElementById('aaDownPayment');\n  const downInput = document.getElementById('aaDownPaymentInput');\n\n  const interestShown = document.getElementById('aaInterestShown');\n  const monthlyPayment = document.getElementById('aaMonthlyPayment');\n  const summaryPrice = document.getElementById('aaSummaryPrice');\n  const summaryDown = document.getElementById('aaSummaryDown');\n  const summaryLoan = document.getElementById('aaSummaryLoan');\n  const summaryInterest = document.getElementById('aaSummaryInterest');\n  const totalInterestEl = document.getElementById('aaTotalInterest');\n  const totalPayable = document.getElementById('aaTotalPayable');\n  const downMaxLabel = document.getElementById('aaDownMaxLabel');\n  const whatsappBtn = document.getElementById('aaWhatsappBtn');\n\n  function cleanNumber(value){\n    return Number(String(value).replace(\/[^\\d.]\/g, '')) || 0;\n  }\n\n  function clamp(num, min, max){\n    return Math.min(Math.max(num, min), max);\n  }\n\n  function money(num){\n    return 'AED ' + Math.round(num).toLocaleString('en-US');\n  }\n\n  function inputMoney(num){\n    return Math.round(num).toLocaleString('en-US');\n  }\n\n  function paintRange(range){\n    const min = Number(range.min);\n    const max = Number(range.max);\n    const val = Number(range.value);\n    const percent = ((val - min) \/ (max - min)) * 100;\n    range.style.background =\n      'linear-gradient(90deg, var(--aa-red) 0%, var(--aa-red) ' + percent + '%, var(--aa-soft2) ' + percent + '%, var(--aa-soft2) 100%)';\n  }\n\n  function update(){\n    let price = clamp(cleanNumber(carInput.value || carRange.value), MIN_PRICE, MAX_PRICE);\n    carRange.value = price;\n    carInput.value = inputMoney(price);\n\n    const maxDown = Math.floor(price * 0.80);\n    downRange.max = maxDown;\n    downMaxLabel.textContent = money(maxDown);\n\n    let down = clamp(cleanNumber(downInput.value || downRange.value), 0, maxDown);\n    downRange.value = down;\n    downInput.value = inputMoney(down);\n\n    const loan = Math.max(price - down, 0);\n    const interest = FIXED_INTEREST_RATE;\n\n    const totalInterest = loan * (interest \/ 100);\n    const total = loan + totalInterest;\n    const monthly = total \/ MONTHS;\n\n    interestShown.textContent = interest.toFixed(2) + '%';\n    monthlyPayment.textContent = money(monthly);\n    summaryPrice.textContent = money(price);\n    summaryDown.textContent = money(down);\n    summaryLoan.textContent = money(loan);\n    summaryInterest.textContent = interest.toFixed(2) + '%';\n    totalInterestEl.textContent = money(totalInterest);\n    totalPayable.textContent = money(total);\n\n    paintRange(carRange);\n    paintRange(downRange);\n\n    const message =\n      'Hello ArabityArabity, I want a car finance estimate:%0A' +\n      'Car Price: ' + money(price) + '%0A' +\n      'Down Payment: ' + money(down) + '%0A' +\n      'Finance Period: 12 months%0A' +\n      'Fixed Interest Rate: ' + interest.toFixed(2) + '%25%0A' +\n      'Estimated Monthly Payment: ' + money(monthly);\n\n    whatsappBtn.href = 'https:\/\/wa.me\/' + WHATSAPP_NUMBER + '?text=' + message;\n  }\n\n  carRange.addEventListener('input', function(){\n    carInput.value = inputMoney(carRange.value);\n    update();\n  });\n\n  downRange.addEventListener('input', function(){\n    downInput.value = inputMoney(downRange.value);\n    update();\n  });\n\n  carInput.addEventListener('input', update);\n  downInput.addEventListener('input', update);\n\n  carInput.addEventListener('blur', update);\n  downInput.addEventListener('blur', update);\n\n  update();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Price Calculator ArabityArabity Finance Tool Car Finance Calculator Estimate your monthly car payment based on vehicle price, down payment, fixed interest rate, and a fixed 12-month period. Car Price AED AED 50,000 AED 5,000,000 Down Payment AED AED 0 AED 40,000 Interest Rate 4.75% Fixed This interest rate is fixed by ArabityArabity and cannot be [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/cadealer-elementor-full-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11444","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/arabityarabity.net\/index.php\/wp-json\/wp\/v2\/pages\/11444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arabityarabity.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arabityarabity.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arabityarabity.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arabityarabity.net\/index.php\/wp-json\/wp\/v2\/comments?post=11444"}],"version-history":[{"count":11,"href":"https:\/\/arabityarabity.net\/index.php\/wp-json\/wp\/v2\/pages\/11444\/revisions"}],"predecessor-version":[{"id":13558,"href":"https:\/\/arabityarabity.net\/index.php\/wp-json\/wp\/v2\/pages\/11444\/revisions\/13558"}],"wp:attachment":[{"href":"https:\/\/arabityarabity.net\/index.php\/wp-json\/wp\/v2\/media?parent=11444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}