{"id":2570,"date":"2026-03-24T09:06:34","date_gmt":"2026-03-24T09:06:34","guid":{"rendered":"https:\/\/dib.ly\/?page_id=2570"},"modified":"2026-09-08T10:28:46","modified_gmt":"2026-09-08T10:28:46","slug":"calculator","status":"publish","type":"page","link":"https:\/\/dib.ly\/companies\/calculator\/","title":{"rendered":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062a\u0645\u0648\u064a\u0644"},"content":{"rendered":"<div>\n<p>        <img decoding=\"async\" src=\"\/dib_content\/uploads\/2023\/06\/have-inquery.svg\" alt=\"\"><\/p>\n<h2>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/h2>\n<div>\n<h3>&#8220;\u0627\u062d\u0633\u0628 \u062a\u0645\u0648\u064a\u0644\u0643 \u0628\u0633\u0647\u0648\u0644\u0629 \u0648\u0633\u0631\u0639\u0629 \u0648\u0627\u062e\u062a\u0631 \u0627\u0644\u0623\u0646\u0633\u0628 \u0648\u0641\u0642 \u0642\u062f\u0631\u062a\u0643 \u0627\u0644\u0645\u0627\u0644\u064a\u0629&#8221;<\/h3>\n<\/div>\n<\/div>\n<div>\n<style>\n.finance-container{\n  max-width:650px;\n  margin:30px auto;\n  padding:25px 30px;\n  background:#ffffff;\n  border-radius:20px;\n  box-shadow:0 10px 25px rgba(0,0,0,0.12);\n  direction:rtl;\n  font-family:'Segoe UI', Tahoma, Arial, sans-serif;\n}<\/p>\n<p>.finance-container h3{\n  text-align:center;\n  margin-bottom:25px;\n  font-size:22px;\n  font-weight:700;\n  color:#007b55;\n}<\/p>\n<p>.finance-container .box{\n  display:flex;\n  flex-direction:column;\n  margin-bottom:18px;\n}<\/p>\n<p>.finance-container .box label{\n  margin-bottom:8px;\n  font-size:16px;\n  font-weight:600;\n}<\/p>\n<p>.finance-container .box input,\n.finance-container .box select{\n  padding:14px;\n  font-size:16px;\n  border-radius:14px;\n  border:1px solid #ccc;\n  background:#ffffff;\n}<\/p>\n<p>\/* =========================\n   \u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644\n========================= *\/<\/p>\n<p>.customer-title{\n  margin-bottom:10px;\n  font-size:16px;\n  font-weight:600;\n}<\/p>\n<p>.customer-options{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:15px;\n  margin-bottom:18px;\n}<\/p>\n<p>.customer-card{\n  position:relative;\n  cursor:pointer;\n}<\/p>\n<p>.customer-card input{\n  position:absolute;\n  opacity:0;\n  pointer-events:none;\n}<\/p>\n<p>.customer-card-content{\n  padding:18px 15px;\n  border:2px solid #d9d9d9;\n  border-radius:16px;\n  background:#ffffff;\n  text-align:center;\n  transition:all 0.25s ease;\n  min-height:100px;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  align-items:center;\n}<\/p>\n<p>.customer-card-content:hover{\n  border-color:#00a377;\n  background:#f4fbf8;\n  transform:translateY(-2px);\n}<\/p>\n<p>.customer-icon{\n  width:42px;\n  height:42px;\n  border-radius:50%;\n  background:#e8f5f2;\n  color:#007b55;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:21px;\n  margin-bottom:8px;\n}<\/p>\n<p>.customer-name{\n  font-size:16px;\n  font-weight:700;\n  color:#333;\n  margin-bottom:6px;\n}<\/p>\n<p>.customer-rate{\n  font-size:14px;\n  font-weight:600;\n  color:#007b55;\n}<\/p>\n<p>\/* \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\u0629 *\/<\/p>\n<p>.customer-card input:checked + .customer-card-content{\n  border-color:#007b55;\n  background:#e8f5f2;\n  box-shadow:0 5px 15px rgba(0,123,85,0.15);\n}<\/p>\n<p>.customer-card input:checked + .customer-card-content .customer-icon{\n  background:#007b55;\n  color:#ffffff;\n}<\/p>\n<p>\/* =========================\n   \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644\n========================= *\/<\/p>\n<p>.finance-container .info-box{\n  padding:16px;\n  background:#e8f5f2;\n  border-left:5px solid #007b55;\n  border-radius:14px;\n}<\/p>\n<p>.finance-container .info{\n  display:block;\n  margin-top:8px;\n  font-size:15px;\n  font-weight:600;\n  color:#007b55;\n}<\/p>\n<p>\/* =========================\n   \u0632\u0631\n========================= *\/<\/p>\n<p>.finance-container button{\n  width:100%;\n  padding:16px;\n  border:none;\n  border-radius:14px;\n  background:linear-gradient(90deg,#007b55,#00a377);\n  color:#fff;\n  font-size:18px;\n  font-weight:bold;\n  cursor:pointer;\n  transition:0.3s;\n}<\/p>\n<p>.finance-container button:hover{\n  transform:translateY(-3px);\n}<\/p>\n<p>\/* =========================\n   \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n========================= *\/<\/p>\n<p>.finance-container .results{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:20px;\n  margin-top:20px;\n  justify-items:center;\n}<\/p>\n<p>\/* =========================\n   \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a\n========================= *\/<\/p>\n<p>.finance-container .card{\n  padding:20px;\n  text-align:center;\n  border-radius:16px;\n  background:#fff;\n  box-shadow:0 5px 15px rgba(0,0,0,0.1);\n  transition:all 0.3s ease;\n  width:100%;\n  box-sizing:border-box;\n}<\/p>\n<p>.finance-container .card:hover{\n  transform:translateY(-6px) scale(1.02);\n  box-shadow:0 12px 30px rgba(0,0,0,0.2);\n}<\/p>\n<p>.finance-container .card label{\n  color:#007b55;\n  font-weight:600;\n  margin-bottom:12px;\n  display:block;\n}<\/p>\n<p>.finance-container .card input{\n  border:none;\n  background:transparent;\n  font-size:18px;\n  font-weight:bold;\n  text-align:center;\n  width:100%;\n  box-sizing:border-box;\n}<\/p>\n<p>\/* =========================\n   \u0627\u0644\u0631\u0633\u0627\u0626\u0644\n========================= *\/<\/p>\n<p>.finance-container .system-message{\n  color:#c40000;\n  font-weight:bold;\n  font-size:14px;\n  margin-top:4px;\n}<\/p>\n<p>\/* =========================\n   Mobile\n========================= *\/<\/p>\n<p>@media (max-width:500px){<\/p>\n<p>  .customer-options{\n    grid-template-columns:1fr;\n  }<\/p>\n<p>  .customer-card-content{\n    min-height:85px;\n  }<\/p>\n<p>  .finance-container .results{\n    grid-template-columns:1fr;\n    justify-items:center;\n  }<\/p>\n<p>  .finance-container .card{\n    width:90%;\n  }\n}\n<\/style>\n<div class=\"finance-container\">\n<h3>\u062d\u0627\u0633\u0628\u0629 \u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0645\u0631\u0627\u0628\u062d\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/h3>\n<p>  <!-- \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 --><\/p>\n<div class=\"customer-title\">\n    \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644       <\/p><\/div>\n<div class=\"customer-options\">\n<p>    <!-- \u0645\u0648\u0638\u0641\u064a \u0623\u0648 \u0645\u062a\u0642\u0627\u0639\u062f\u064a \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0636\u0645\u0627\u0646 --><\/p>\n<p>    <label class=\"customer-card\"><\/p>\n<p>      <input\n        type=\"radio\"\n        name=\"customerType\"\n        value=\"guarantee\"\n      ><\/p>\n<div class=\"customer-card-content\">\n<div class=\"customer-icon\">\n<p>          <svg\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n          >\n            <circle\n              cx=\"12\"\n              cy=\"8\"\n              r=\"4\"\n              fill=\"currentColor\"\n            \/><\/p>\n<path\n              d=\"M5 21C5 16.58 8.13 14 12 14C15.87 14 19 16.58 19 21\"\n              fill=\"currentColor\"\n            \/>\n          <\/svg><\/p><\/div>\n<div class=\"customer-name\">\n          \u0645\u0648\u0638\u0641\u064a \u0623\u0648 \u0645\u062a\u0642\u0627\u0639\u062f\u064a \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0636\u0645\u0627\u0646\n        <\/div>\n<\/p><\/div>\n<p>    <\/label><\/p>\n<p>    <!-- \u0645\u0648\u0638\u0641\u064a \u0627\u0644\u062f\u0648\u0644\u0629 --><\/p>\n<p>    <label class=\"customer-card\"><\/p>\n<p>      <input\n        type=\"radio\"\n        name=\"customerType\"\n        value=\"normal\"\n      ><\/p>\n<div class=\"customer-card-content\">\n<div class=\"customer-icon\">\n<p>          <svg\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n          >\n            <circle\n              cx=\"12\"\n              cy=\"8\"\n              r=\"4\"\n              fill=\"currentColor\"\n            \/><\/p>\n<path\n              d=\"M5 21C5 16.58 8.13 14 12 14C15.87 14 19 16.58 19 21\"\n              fill=\"currentColor\"\n            \/>\n          <\/svg><\/p><\/div>\n<div class=\"customer-name\">\n          \u0645\u0648\u0638\u0641\u064a \u0627\u0644\u062f\u0648\u0644\u0629\n        <\/div>\n<\/p><\/div>\n<p>    <\/label><\/p><\/div>\n<p>  <!-- \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c --><\/p>\n<div class=\"box\">\n<p>    <label><br \/>\n      \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c<br \/>\n    <\/label><\/p>\n<p>    <select class=\"type\"><option value=\"\"><br \/>\n        &#8212; \u0627\u062e\u062a\u0631 &#8212;<br \/>\n      <\/option><option value=\"furniture\"><br \/>\n        \u0623\u062b\u0627\u062b<br \/>\n      <\/option><option value=\"electro\"><br \/>\n        \u0643\u0647\u0631\u0648 \u0645\u0646\u0632\u0644\u064a\u0629<br \/>\n      <\/option><option value=\"build\"><br \/>\n        \u0645\u0648\u0627\u062f \u0628\u0646\u0627\u0621<br \/>\n      <\/option><option value=\"hajj\"><br \/>\n        \u062d\u062c \u0648\u0639\u0645\u0631\u0629<br \/>\n      <\/option><option value=\"car\"><br \/>\n        \u0633\u064a\u0627\u0631\u0627\u062a<br \/>\n      <\/option><\/select><\/p><\/div>\n<p>  <!-- \u0627\u0644\u0631\u0627\u062a\u0628 --><\/p>\n<div class=\"box\">\n<p>    <label><br \/>\n      \u0627\u0644\u0631\u0627\u062a\u0628 \u0627\u0644\u0634\u0647\u0631\u064a (\u062f.\u0644)<br \/>\n    <\/label><\/p>\n<p>    <input\n      type=\"text\"\n      class=\"salary\"\n    ><\/p><\/div>\n<p>  <!-- \u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 --><\/p>\n<div class=\"box\">\n<p>    <label><br \/>\n      \u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 (\u062f.\u0644)<br \/>\n    <\/label><\/p>\n<p>    <input\n      type=\"text\"\n      class=\"purchase\"\n    ><\/p>\n<p>    <span class=\"system-message error\"><\/span><\/p><\/div>\n<p>  <!-- \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 --><\/p>\n<div class=\"box info-box\">\n<p>    <label><br \/>\n      \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644<br \/>\n    <\/label><\/p>\n<p>    <label class=\"info\"><\/label><\/p><\/div>\n<p>  <!-- \u0632\u0631 \u0627\u0644\u062d\u0633\u0627\u0628 --><\/p>\n<p>  <button class=\"calc-btn\"><br \/>\n    \u0627\u062d\u0633\u0628 \u0627\u0644\u062a\u0645\u0648\u064a\u0644<br \/>\n  <\/button><\/p>\n<p>  <!-- \u0627\u0644\u0646\u062a\u0627\u0626\u062c --><\/p>\n<div class=\"results\">\n<div class=\"card\">\n<p>      <label><br \/>\n        \u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629<br \/>\n      <\/label><\/p>\n<p>      <input\n        class=\"outPurchase\"\n        readonly\n      ><\/p><\/div>\n<div class=\"card\">\n<p>      <label><br \/>\n        \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644<br \/>\n      <\/label><\/p>\n<p>      <input\n        class=\"totalFinance\"\n        readonly\n      ><\/p><\/div>\n<div class=\"card\">\n<p>      <label><br \/>\n        \u0645\u062f\u0629 \u0627\u0644\u0633\u062f\u0627\u062f<br \/>\n      <\/label><\/p>\n<p>      <input\n        class=\"duration\"\n        readonly\n      ><\/p><\/div>\n<div class=\"card\">\n<p>      <label><br \/>\n        \u0627\u0644\u0642\u0633\u0637 \u0627\u0644\u0634\u0647\u0631\u064a<br \/>\n      <\/label><\/p>\n<p>      <input\n        class=\"installment\"\n        readonly\n      ><\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><script>\n(function(){<\/p>\n<p>function clean(val){\n  return parseFloat(val.replace(\/,\/g,'')) || 0;\n}<\/p>\n<p>\/\/ \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0631\u0642\u0627\u0645<\/p>\n<p>function format(num){<\/p>\n<p>  return num.toLocaleString('en-US', {\n    maximumFractionDigits:2\n  });<\/p>\n<p>}<\/p>\n<p>\/\/ \u062a\u0646\u0633\u064a\u0642 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0643\u062a\u0627\u0628\u0629<\/p>\n<p>function formatInput(input){<\/p>\n<p>  let value = clean(input.value);<\/p>\n<p>  input.value =\n    value\n      ? value.toLocaleString('en-US')\n      : \"\";<\/p>\n<p>}<\/p>\n<p>const container =\n  document.querySelector(\".finance-container\");<\/p>\n<p>const customerOptions =\n  container.querySelectorAll(\n    'input[name=\"customerType\"]'\n  );<\/p>\n<p>const type =\n  container.querySelector(\".type\");<\/p>\n<p>const salary =\n  container.querySelector(\".salary\");<\/p>\n<p>const purchase =\n  container.querySelector(\".purchase\");<\/p>\n<p>const info =\n  container.querySelector(\".info\");<\/p>\n<p>const error =\n  container.querySelector(\".error\");<\/p>\n<p>const outPurchase =\n  container.querySelector(\".outPurchase\");<\/p>\n<p>const totalFinance =\n  container.querySelector(\".totalFinance\");<\/p>\n<p>const duration =\n  container.querySelector(\".duration\");<\/p>\n<p>const installment =\n  container.querySelector(\".installment\");<\/p>\n<p>\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0631\u0627\u062a\u0628 *\/<\/p>\n<p>salary.addEventListener(\"input\", function(){<\/p>\n<p>  formatInput(salary);<\/p>\n<p>});<\/p>\n<p>\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 *\/<\/p>\n<p>purchase.addEventListener(\"input\", function(){<\/p>\n<p>  formatInput(purchase);<\/p>\n<p>});<\/p>\n<p>\/* \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 *\/<\/p>\n<p>const financeInfo = {<\/p>\n<p>  furniture:\n    \"\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 30,000 \u062f.\u0644 \u0645\u0639 \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d\",<\/p>\n<p>  electro:\n    \"\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 30,000 \u062f.\u0644 \u0645\u0639 \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d\",<\/p>\n<p>  build:\n    \"\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 60,000 \u062f.\u0644 \u0645\u0639 \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d\",<\/p>\n<p>  hajj:\n    \"\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 60,000 \u062f.\u0644 \u0645\u0639 \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d\",<\/p>\n<p>  car:\n    \"\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 120,000 \u062f.\u0644 \u0645\u0639 \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d\"<\/p>\n<p>};<\/p>\n<p>\/* \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 *\/<\/p>\n<p>function getCustomerType(){<\/p>\n<p>  const selected =\n    container.querySelector(\n      'input[name=\"customerType\"]:checked'\n    );<\/p>\n<p>  return selected\n    ? selected.value\n    : \"\";<\/p>\n<p>}<\/p>\n<p>\/* \u062a\u062d\u062f\u064a\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 *\/<\/p>\n<p>\/* \u062a\u062d\u062f\u064a\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 *\/<\/p>\n<p>function updateInfo(){<\/p>\n<p>  if(!type.value){<\/p>\n<p>    info.textContent = \"\";<\/p>\n<p>    return;<\/p>\n<p>  }<\/p>\n<p>  info.textContent =\n    financeInfo[type.value] || \"\";<\/p>\n<p>}<\/p>\n<p>\/* \u0639\u0646\u062f \u062a\u063a\u064a\u064a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c *\/<\/p>\n<p>type.addEventListener(\n  \"change\",\n  updateInfo\n);<\/p>\n<p>\/* \u0639\u0646\u062f \u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 *\/<\/p>\n<p>customerOptions.forEach(function(option){<\/p>\n<p>  option.addEventListener(\n    \"change\",\n    updateInfo\n  );<\/p>\n<p>});<\/p>\n<p>\/* =========================\n   \u0627\u0644\u062d\u0633\u0627\u0628\n========================= *\/<\/p>\n<p>container\n.querySelector(\".calc-btn\")\n.addEventListener(\"click\", function(){<\/p>\n<p>  error.textContent = \"\";<\/p>\n<p>  outPurchase.value = \"\";<\/p>\n<p>  totalFinance.value = \"\";<\/p>\n<p>  duration.value = \"\";<\/p>\n<p>  installment.value = \"\";<\/p>\n<p>  \/* \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 *\/<\/p>\n<p>  const customerType =\n    getCustomerType();<\/p>\n<p>  \/* \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a *\/<\/p>\n<p>  if(\n    !customerType ||\n    !type.value ||\n    !salary.value ||\n    !purchase.value\n  ){<\/p>\n<p>    error.textContent =\n      \"\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\";<\/p>\n<p>    return;<\/p>\n<p>  }<\/p>\n<p>  \/*\n    \u0645\u062f\u0629 \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/p>\n<p>    \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a = 8 \u0633\u0646\u0648\u0627\u062a\n    \u0628\u0627\u0642\u064a \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a = 6 \u0633\u0646\u0648\u0627\u062a\n  *\/<\/p>\n<p>  let years = 6;<\/p>\n<p>  let maxTotal = 0;<\/p>\n<p>  if(type.value === \"car\"){<\/p>\n<p>    years = 8;<\/p>\n<p>    maxTotal = 120000;<\/p>\n<p>  }<\/p>\n<p>  else if(\n    type.value === \"furniture\" ||\n    type.value === \"electro\"\n  ){<\/p>\n<p>    maxTotal = 30000;<\/p>\n<p>  }<\/p>\n<p>  else{<\/p>\n<p>    maxTotal = 60000;<\/p>\n<p>  }<\/p>\n<p>  \/*\n    \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d \u0627\u0644\u0633\u0646\u0648\u064a<\/p>\n<p>    \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0636\u0645\u0627\u0646 = 2%\n    \u0645\u0648\u0638\u0641\u064a \u0627\u0644\u062f\u0648\u0644\u0629 = 3%\n  *\/<\/p>\n<p>  let annualRate = 0;<\/p>\n<p>  if(customerType === \"guarantee\"){<\/p>\n<p>    annualRate = 0.02;<\/p>\n<p>  }<\/p>\n<p>  else if(customerType === \"normal\"){<\/p>\n<p>    annualRate = 0.03;<\/p>\n<p>  }<\/p>\n<p>  \/*\n    \u0625\u062c\u0645\u0627\u0644\u064a \u0646\u0633\u0628\u0629 \u0627\u0644\u0631\u0628\u062d<\/p>\n<p>    6 \u0633\u0646\u0648\u0627\u062a:\n    2% \u00d7 6 = 12%\n    3% \u00d7 6 = 18%<\/p>\n<p>    \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a:\n    2% \u00d7 8 = 16%\n    3% \u00d7 8 = 24%\n  *\/<\/p>\n<p>  const totalProfitRate =\n    annualRate * years;<\/p>\n<p>  \/* \u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 *\/<\/p>\n<p>  const purchaseValue =\n    clean(purchase.value);<\/p>\n<p>  \/* \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 *\/<\/p>\n<p>  const total =\n    purchaseValue *\n    (1 + totalProfitRate);<\/p>\n<p>  \/* \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 *\/<\/p>\n<p>  if(total > maxTotal){<\/p>\n<p>    error.textContent =\n      \"\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0627\u0644\u0645\u0633\u0645\u0648\u062d \u0628\u0647 \u0644\u0644\u062a\u0645\u0648\u064a\u0644\";<\/p>\n<p>    return;<\/p>\n<p>  }<\/p>\n<p>  \/* \u0627\u0644\u0642\u0633\u0637 \u0627\u0644\u0634\u0647\u0631\u064a *\/<\/p>\n<p>  const monthly =\n    total \/ (years * 12);<\/p>\n<p>  \/* \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0644\u0644\u0642\u0633\u0637 = 35% \u0645\u0646 \u0627\u0644\u0631\u0627\u062a\u0628 *\/<\/p>\n<p>  const maxInstallment =\n    clean(salary.value) * 0.35;<\/p>\n<p>  if(monthly > maxInstallment){<\/p>\n<p>    error.textContent =\n      \"\u0627\u0644\u0642\u0633\u0637 \u0623\u0643\u0628\u0631 \u0645\u0646 35% \u0645\u0646 \u0627\u0644\u0631\u0627\u062a\u0628\";<\/p>\n<p>    return;<\/p>\n<p>  }<\/p>\n<p>  \/* \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c *\/<\/p>\n<p>  outPurchase.value =\n    format(purchaseValue) +\n    \" \u062f.\u0644\";<\/p>\n<p>  totalFinance.value =\n    format(total) +\n    \" \u062f.\u0644\";<\/p>\n<p>  duration.value =\n    years +\n    \" \u0633\u0646\u0648\u0627\u062a\";<\/p>\n<p>  installment.value =\n    format(monthly) +\n    \" \u062f.\u0644\";<\/p>\n<p>});<\/p>\n<p>})();\n<\/script><\/p>\n<\/div>\n<div>\n<h4 style=\"text-align: center;\"><strong>\u00a0 <\/strong><strong>\u064a\u0645\u0643\u0646\u0643\u0645 \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0641\u0631\u0639 \u0644\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u0643\u0627\u0641\u0629 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 .<\/strong><\/h4>\n<h4 style=\"text-align: center;\"><\/h4>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"height\":\"page\",\"image\":\"wp-content\/uploads\/2023\/06\/sides-graphic.svg\",\"image_position\":\"top-center\",\"image_size\":\"cover\",\"lsb_context\":{\"context\":\"all\"},\"padding_bottom\":\"xsmall\",\"padding_top\":\"xsmall\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"css\":\".uk-card-default.uk-card-body{border-radius:15px;}\",\"image_position\":\"center-center\",\"padding\":\"large\",\"position_sticky_breakpoint\":\"m\",\"style\":\"card-default\"},\"children\":[{\"type\":\"panel\",\"props\":{\"content\":\"\n\n<h3>\\\"\u0627\u062d\u0633\u0628 \u062a\u0645\u0648\u064a\u0644\u0643 \u0628\u0633\u0647\u0648\u0644\u0629 \u0648\u0633\u0631\u0639\u0629 \u0648\u0627\u062e\u062a\u0631 \u0627\u0644\u0623\u0646\u0633\u0628 \u0648\u0641\u0642 \u0642\u062f\u0631\u062a\u0643 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\\\"<\/h3>\n\n\",\"content_column_breakpoint\":\"m\",\"css\":\"@media(max-width:480px){\\n    .el-image{\\n        width:90px !important;\\n    }\\n}\",\"image\":\"\/dib_content\/uploads\/2023\/06\/have-inquery.svg\",\"image_align\":\"left\",\"image_grid_breakpoint\":\"s\",\"image_grid_width\":\"auto\",\"image_svg_color\":\"emphasis\",\"image_vertical_align\":true,\"image_width\":\"150\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta\":\"\",\"meta_align\":\"below-title\",\"meta_color\":\"secondary\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"title\":\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062a\u0645\u0648\u064a\u0644\",\"title_align\":\"top\",\"title_decoration\":\"bullet\",\"title_element\":\"h2\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\"}},{\"type\":\"html\",\"props\":{\"content\":\"\n\n<style>\\n.finance-container{\\n  max-width:650px;\\n  margin:30px auto;\\n  padding:25px 30px;\\n  background:#ffffff;\\n  border-radius:20px;\\n  box-shadow:0 10px 25px rgba(0,0,0,0.12);\\n  direction:rtl;\\n  font-family:'Segoe UI', Tahoma, Arial, sans-serif;\\n}\\n\\n.finance-container h3{\\n  text-align:center;\\n  margin-bottom:25px;\\n  font-size:22px;\\n  font-weight:700;\\n  color:#007b55;\\n}\\n\\n.finance-container .box{\\n  display:flex;\\n  flex-direction:column;\\n  margin-bottom:18px;\\n}\\n\\n.finance-container .box label{\\n  margin-bottom:8px;\\n  font-size:16px;\\n  font-weight:600;\\n}\\n\\n.finance-container .box input,\\n.finance-container .box select{\\n  padding:14px;\\n  font-size:16px;\\n  border-radius:14px;\\n  border:1px solid #ccc;\\n  background:#ffffff;\\n}\\n\\n\/* =========================\\n   \u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644\\n========================= *\/\\n\\n.customer-title{\\n  margin-bottom:10px;\\n  font-size:16px;\\n  font-weight:600;\\n}\\n\\n.customer-options{\\n  display:grid;\\n  grid-template-columns:repeat(2,1fr);\\n  gap:15px;\\n  margin-bottom:18px;\\n}\\n\\n.customer-card{\\n  position:relative;\\n  cursor:pointer;\\n}\\n\\n.customer-card input{\\n  position:absolute;\\n  opacity:0;\\n  pointer-events:none;\\n}\\n\\n.customer-card-content{\\n  padding:18px 15px;\\n  border:2px solid #d9d9d9;\\n  border-radius:16px;\\n  background:#ffffff;\\n  text-align:center;\\n  transition:all 0.25s ease;\\n  min-height:100px;\\n  display:flex;\\n  flex-direction:column;\\n  justify-content:center;\\n  align-items:center;\\n}\\n\\n.customer-card-content:hover{\\n  border-color:#00a377;\\n  background:#f4fbf8;\\n  transform:translateY(-2px);\\n}\\n\\n.customer-icon{\\n  width:42px;\\n  height:42px;\\n  border-radius:50%;\\n  background:#e8f5f2;\\n  color:#007b55;\\n  display:flex;\\n  align-items:center;\\n  justify-content:center;\\n  font-size:21px;\\n  margin-bottom:8px;\\n}\\n\\n.customer-name{\\n  font-size:16px;\\n  font-weight:700;\\n  color:#333;\\n  margin-bottom:6px;\\n}\\n\\n.customer-rate{\\n  font-size:14px;\\n  font-weight:600;\\n  color:#007b55;\\n}\\n\\n\/* \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\u0629 *\/\\n\\n.customer-card input:checked + .customer-card-content{\\n  border-color:#007b55;\\n  background:#e8f5f2;\\n  box-shadow:0 5px 15px rgba(0,123,85,0.15);\\n}\\n\\n.customer-card input:checked + .customer-card-content .customer-icon{\\n  background:#007b55;\\n  color:#ffffff;\\n}\\n\\n\/* =========================\\n   \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644\\n========================= *\/\\n\\n.finance-container .info-box{\\n  padding:16px;\\n  background:#e8f5f2;\\n  border-left:5px solid #007b55;\\n  border-radius:14px;\\n}\\n\\n.finance-container .info{\\n  display:block;\\n  margin-top:8px;\\n  font-size:15px;\\n  font-weight:600;\\n  color:#007b55;\\n}\\n\\n\/* =========================\\n   \u0632\u0631\\n========================= *\/\\n\\n.finance-container button{\\n  width:100%;\\n  padding:16px;\\n  border:none;\\n  border-radius:14px;\\n  background:linear-gradient(90deg,#007b55,#00a377);\\n  color:#fff;\\n  font-size:18px;\\n  font-weight:bold;\\n  cursor:pointer;\\n  transition:0.3s;\\n}\\n\\n.finance-container button:hover{\\n  transform:translateY(-3px);\\n}\\n\\n\/* =========================\\n   \u0627\u0644\u0646\u062a\u0627\u0626\u062c\\n========================= *\/\\n\\n.finance-container .results{\\n  display:grid;\\n  grid-template-columns:repeat(2,1fr);\\n  gap:20px;\\n  margin-top:20px;\\n  justify-items:center;\\n}\\n\\n\/* =========================\\n   \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a\\n========================= *\/\\n\\n.finance-container .card{\\n  padding:20px;\\n  text-align:center;\\n  border-radius:16px;\\n  background:#fff;\\n  box-shadow:0 5px 15px rgba(0,0,0,0.1);\\n  transition:all 0.3s ease;\\n  width:100%;\\n  box-sizing:border-box;\\n}\\n\\n.finance-container .card:hover{\\n  transform:translateY(-6px) scale(1.02);\\n  box-shadow:0 12px 30px rgba(0,0,0,0.2);\\n}\\n\\n.finance-container .card label{\\n  color:#007b55;\\n  font-weight:600;\\n  margin-bottom:12px;\\n  display:block;\\n}\\n\\n.finance-container .card input{\\n  border:none;\\n  background:transparent;\\n  font-size:18px;\\n  font-weight:bold;\\n  text-align:center;\\n  width:100%;\\n  box-sizing:border-box;\\n}\\n\\n\/* =========================\\n   \u0627\u0644\u0631\u0633\u0627\u0626\u0644\\n========================= *\/\\n\\n.finance-container .system-message{\\n  color:#c40000;\\n  font-weight:bold;\\n  font-size:14px;\\n  margin-top:4px;\\n}\\n\\n\/* =========================\\n   Mobile\\n========================= *\/\\n\\n@media (max-width:500px){\\n\\n  .customer-options{\\n    grid-template-columns:1fr;\\n  }\\n\\n  .customer-card-content{\\n    min-height:85px;\\n  }\\n\\n  .finance-container .results{\\n    grid-template-columns:1fr;\\n    justify-items:center;\\n  }\\n\\n  .finance-container .card{\\n    width:90%;\\n  }\\n}\\n<\/style>\n\n\\n\\n\\n\n\n<div class=\\\"finance-container\\\">\\n\\n  \n\n<h3>\u062d\u0627\u0633\u0628\u0629 \u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0645\u0631\u0627\u0628\u062d\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/h3>\n\n\\n\\n\\n  <!-- \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 -->\\n\\n  <\/p>\n<div class=\\\"customer-title\\\">\\n    \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644       \\n\\n  <\/div>\n<p>\\n\\n  <\/p>\n<div class=\\\"customer-options\\\">\\n\\n    <!-- \u0645\u0648\u0638\u0641\u064a \u0623\u0648 \u0645\u062a\u0642\u0627\u0639\u062f\u064a \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0636\u0645\u0627\u0646 -->\\n\\n    <label class=\\\"customer-card\\\">\\n\\n      <input\\n        type=\\\"radio\\\"\\n        name=\\\"customerType\\\"\\n        value=\\\"guarantee\\\"\\n      >\\n\\n      <\/p>\n<div class=\\\"customer-card-content\\\">\\n\\n        <\/p>\n<div class=\\\"customer-icon\\\">\\n          \\n          <svg\\n            width=\\\"24\\\"\\n            height=\\\"24\\\"\\n            viewBox=\\\"0 0 24 24\\\"\\n            xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\"\\n          >\\n            <circle\\n              cx=\\\"12\\\"\\n              cy=\\\"8\\\"\\n              r=\\\"4\\\"\\n              fill=\\\"currentColor\\\"\\n            \/>\\n\\n            <path\\n              d=\\\"M5 21C5 16.58 8.13 14 12 14C15.87 14 19 16.58 19 21\\\"\\n              fill=\\\"currentColor\\\"\\n            \/>\\n          <\/svg>\\n\\n        <\/div>\n<p>\\n\\n        <\/p>\n<div class=\\\"customer-name\\\">\\n          \u0645\u0648\u0638\u0641\u064a \u0623\u0648 \u0645\u062a\u0642\u0627\u0639\u062f\u064a \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0636\u0645\u0627\u0646\\n        <\/div>\n<p>\\n\\n\\n      <\/p><\/div>\n<p>\\n\\n    <\/label>\\n\\n\\n    <!-- \u0645\u0648\u0638\u0641\u064a \u0627\u0644\u062f\u0648\u0644\u0629 -->\\n\\n    <label class=\\\"customer-card\\\">\\n\\n      <input\\n        type=\\\"radio\\\"\\n        name=\\\"customerType\\\"\\n        value=\\\"normal\\\"\\n      >\\n\\n      <\/p>\n<div class=\\\"customer-card-content\\\">\\n\\n        <\/p>\n<div class=\\\"customer-icon\\\">\\n          \\n          <svg\\n            width=\\\"24\\\"\\n            height=\\\"24\\\"\\n            viewBox=\\\"0 0 24 24\\\"\\n            xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\"\\n          >\\n            <circle\\n              cx=\\\"12\\\"\\n              cy=\\\"8\\\"\\n              r=\\\"4\\\"\\n              fill=\\\"currentColor\\\"\\n            \/>\\n\\n            <path\\n              d=\\\"M5 21C5 16.58 8.13 14 12 14C15.87 14 19 16.58 19 21\\\"\\n              fill=\\\"currentColor\\\"\\n            \/>\\n          <\/svg>\\n\\n        <\/div>\n<p>\\n\\n        <\/p>\n<div class=\\\"customer-name\\\">\\n          \u0645\u0648\u0638\u0641\u064a \u0627\u0644\u062f\u0648\u0644\u0629\\n        <\/div>\n<p>\\n\\n       \\n\\n      <\/p><\/div>\n<p>\\n\\n    <\/label>\\n\\n  <\/div>\n<p>\\n\\n\\n  <!-- \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c -->\\n\\n  <\/p>\n<div class=\\\"box\\\">\\n\\n    <label>\\n      \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\\n    <\/label>\\n\\n    <select class=\\\"type\\\">\\n\\n<option value=\\\"\\\">\\n        &#8212; \u0627\u062e\u062a\u0631 &#8211;\\n      <\/option>\\n\\n<option value=\\\"furniture\\\">\\n        \u0623\u062b\u0627\u062b\\n      <\/option>\\n\\n<option value=\\\"electro\\\">\\n        \u0643\u0647\u0631\u0648 \u0645\u0646\u0632\u0644\u064a\u0629\\n      <\/option>\\n\\n<option value=\\\"build\\\">\\n        \u0645\u0648\u0627\u062f \u0628\u0646\u0627\u0621\\n      <\/option>\\n\\n<option value=\\\"hajj\\\">\\n        \u062d\u062c \u0648\u0639\u0645\u0631\u0629\\n      <\/option>\\n\\n<option value=\\\"car\\\">\\n        \u0633\u064a\u0627\u0631\u0627\u062a\\n      <\/option>\\n\\n    <\/select>\\n\\n  <\/div>\n<p>\\n\\n\\n  <!-- \u0627\u0644\u0631\u0627\u062a\u0628 -->\\n\\n  <\/p>\n<div class=\\\"box\\\">\\n\\n    <label>\\n      \u0627\u0644\u0631\u0627\u062a\u0628 \u0627\u0644\u0634\u0647\u0631\u064a (\u062f.\u0644)\\n    <\/label>\\n\\n    <input\\n      type=\\\"text\\\"\\n      class=\\\"salary\\\"\\n    >\\n\\n  <\/div>\n<p>\\n\\n\\n  <!-- \u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 -->\\n\\n  <\/p>\n<div class=\\\"box\\\">\\n\\n    <label>\\n      \u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 (\u062f.\u0644)\\n    <\/label>\\n\\n    <input\\n      type=\\\"text\\\"\\n      class=\\\"purchase\\\"\\n    >\\n\\n    <span class=\\\"system-message error\\\"><\/span>\\n\\n  <\/div>\n<p>\\n\\n\\n  <!-- \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 -->\\n\\n  <\/p>\n<div class=\\\"box info-box\\\">\\n\\n    <label>\\n      \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644\\n    <\/label>\\n\\n    <label class=\\\"info\\\"><\/label>\\n\\n  <\/div>\n<p>\\n\\n\\n  <!-- \u0632\u0631 \u0627\u0644\u062d\u0633\u0627\u0628 -->\\n\\n  <button class=\\\"calc-btn\\\">\\n    \u0627\u062d\u0633\u0628 \u0627\u0644\u062a\u0645\u0648\u064a\u0644\\n  <\/button>\\n\\n\\n  <!-- \u0627\u0644\u0646\u062a\u0627\u0626\u062c -->\\n\\n  <\/p>\n<div class=\\\"results\\\">\\n\\n    <\/p>\n<div class=\\\"card\\\">\\n\\n      <label>\\n        \u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629\\n      <\/label>\\n\\n      <input\\n        class=\\\"outPurchase\\\"\\n        readonly\\n      >\\n\\n    <\/div>\n<p>\\n\\n\\n    <\/p>\n<div class=\\\"card\\\">\\n\\n      <label>\\n        \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644\\n      <\/label>\\n\\n      <input\\n        class=\\\"totalFinance\\\"\\n        readonly\\n      >\\n\\n    <\/div>\n<p>\\n\\n\\n    <\/p>\n<div class=\\\"card\\\">\\n\\n      <label>\\n        \u0645\u062f\u0629 \u0627\u0644\u0633\u062f\u0627\u062f\\n      <\/label>\\n\\n      <input\\n        class=\\\"duration\\\"\\n        readonly\\n      >\\n\\n    <\/div>\n<p>\\n\\n\\n    <\/p>\n<div class=\\\"card\\\">\\n\\n      <label>\\n        \u0627\u0644\u0642\u0633\u0637 \u0627\u0644\u0634\u0647\u0631\u064a\\n      <\/label>\\n\\n      <input\\n        class=\\\"installment\\\"\\n        readonly\\n      >\\n\\n    <\/div>\n<p>\\n\\n  <\/p><\/div>\n<p>\\n\\n<\/p><\/div>\n<p>\\n\\n\\n<script>\\n(function(){\\n\\nfunction clean(val){\\n  return parseFloat(val.replace(\/,\/g,'')) || 0;\\n}\\n\\n\\n\/\/ \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0631\u0642\u0627\u0645\\n\\nfunction format(num){\\n\\n  return num.toLocaleString('en-US', {\\n    maximumFractionDigits:2\\n  });\\n\\n}\\n\\n\\n\/\/ \u062a\u0646\u0633\u064a\u0642 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0643\u062a\u0627\u0628\u0629\\n\\nfunction formatInput(input){\\n\\n  let value = clean(input.value);\\n\\n  input.value =\\n    value\\n      ? value.toLocaleString('en-US')\\n      : \\\"\\\";\\n\\n}\\n\\n\\nconst container =\\n  document.querySelector(\\\".finance-container\\\");\\n\\n\\nconst customerOptions =\\n  container.querySelectorAll(\\n    'input[name=\\\"customerType\\\"]'\\n  );\\n\\nconst type =\\n  container.querySelector(\\\".type\\\");\\n\\nconst salary =\\n  container.querySelector(\\\".salary\\\");\\n\\nconst purchase =\\n  container.querySelector(\\\".purchase\\\");\\n\\nconst info =\\n  container.querySelector(\\\".info\\\");\\n\\nconst error =\\n  container.querySelector(\\\".error\\\");\\n\\n\\nconst outPurchase =\\n  container.querySelector(\\\".outPurchase\\\");\\n\\nconst totalFinance =\\n  container.querySelector(\\\".totalFinance\\\");\\n\\nconst duration =\\n  container.querySelector(\\\".duration\\\");\\n\\nconst installment =\\n  container.querySelector(\\\".installment\\\");\\n\\n\\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0631\u0627\u062a\u0628 *\/\\n\\nsalary.addEventListener(\\\"input\\\", function(){\\n\\n  formatInput(salary);\\n\\n});\\n\\n\\n\/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 *\/\\n\\npurchase.addEventListener(\\\"input\\\", function(){\\n\\n  formatInput(purchase);\\n\\n});\\n\\n\\n\/* \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 *\/\\n\\nconst financeInfo = {\\n\\n  furniture:\\n    \\\"\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 30,000 \u062f.\u0644 \u0645\u0639 \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d\\\",\\n\\n  electro:\\n    \\\"\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 30,000 \u062f.\u0644 \u0645\u0639 \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d\\\",\\n\\n  build:\\n    \\\"\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 60,000 \u062f.\u0644 \u0645\u0639 \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d\\\",\\n\\n  hajj:\\n    \\\"\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 60,000 \u062f.\u0644 \u0645\u0639 \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d\\\",\\n\\n  car:\\n    \\\"\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 120,000 \u062f.\u0644 \u0645\u0639 \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d\\\"\\n\\n};\\n\\n\\n\/* \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 *\/\\n\\nfunction getCustomerType(){\\n\\n  const selected =\\n    container.querySelector(\\n      'input[name=\\\"customerType\\\"]:checked'\\n    );\\n\\n  return selected\\n    ? selected.value\\n    : \\\"\\\";\\n\\n}\\n\\n\\n\/* \u062a\u062d\u062f\u064a\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 *\/\\n\\n\/* \u062a\u062d\u062f\u064a\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 *\/\\n\\nfunction updateInfo(){\\n\\n  if(!type.value){\\n\\n    info.textContent = \\\"\\\";\\n\\n    return;\\n\\n  }\\n\\n  info.textContent =\\n    financeInfo[type.value] || \\\"\\\";\\n\\n}\\n\\n\\n\/* \u0639\u0646\u062f \u062a\u063a\u064a\u064a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c *\/\\n\\ntype.addEventListener(\\n  \\\"change\\\",\\n  updateInfo\\n);\\n\\n\\n\/* \u0639\u0646\u062f \u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 *\/\\n\\ncustomerOptions.forEach(function(option){\\n\\n  option.addEventListener(\\n    \\\"change\\\",\\n    updateInfo\\n  );\\n\\n});\\n\\n\\n\/* =========================\\n   \u0627\u0644\u062d\u0633\u0627\u0628\\n========================= *\/\\n\\ncontainer\\n.querySelector(\\\".calc-btn\\\")\\n.addEventListener(\\\"click\\\", function(){\\n\\n\\n  error.textContent = \\\"\\\";\\n\\n  outPurchase.value = \\\"\\\";\\n\\n  totalFinance.value = \\\"\\\";\\n\\n  duration.value = \\\"\\\";\\n\\n  installment.value = \\\"\\\";\\n\\n\\n  \/* \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 *\/\\n\\n  const customerType =\\n    getCustomerType();\\n\\n\\n  \/* \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a *\/\\n\\n  if(\\n    !customerType ||\\n    !type.value ||\\n    !salary.value ||\\n    !purchase.value\\n  ){\\n\\n    error.textContent =\\n      \\\"\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\\\";\\n\\n    return;\\n\\n  }\\n\\n\\n  \/*\\n    \u0645\u062f\u0629 \u0627\u0644\u062a\u0645\u0648\u064a\u0644\\n\\n    \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a = 8 \u0633\u0646\u0648\u0627\u062a\\n    \u0628\u0627\u0642\u064a \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a = 6 \u0633\u0646\u0648\u0627\u062a\\n  *\/\\n\\n  let years = 6;\\n\\n  let maxTotal = 0;\\n\\n\\n  if(type.value === \\\"car\\\"){\\n\\n    years = 8;\\n\\n    maxTotal = 120000;\\n\\n  }\\n\\n  else if(\\n    type.value === \\\"furniture\\\" ||\\n    type.value === \\\"electro\\\"\\n  ){\\n\\n    maxTotal = 30000;\\n\\n  }\\n\\n  else{\\n\\n    maxTotal = 60000;\\n\\n  }\\n\\n\\n  \/*\\n    \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d \u0627\u0644\u0633\u0646\u0648\u064a\\n\\n    \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0636\u0645\u0627\u0646 = 2%\\n    \u0645\u0648\u0638\u0641\u064a \u0627\u0644\u062f\u0648\u0644\u0629 = 3%\\n  *\/\\n\\n  let annualRate = 0;\\n\\n\\n  if(customerType === \\\"guarantee\\\"){\\n\\n    annualRate = 0.02;\\n\\n  }\\n\\n  else if(customerType === \\\"normal\\\"){\\n\\n    annualRate = 0.03;\\n\\n  }\\n\\n\\n  \/*\\n    \u0625\u062c\u0645\u0627\u0644\u064a \u0646\u0633\u0628\u0629 \u0627\u0644\u0631\u0628\u062d\\n\\n    6 \u0633\u0646\u0648\u0627\u062a:\\n    2% \u00d7 6 = 12%\\n    3% \u00d7 6 = 18%\\n\\n    \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a:\\n    2% \u00d7 8 = 16%\\n    3% \u00d7 8 = 24%\\n  *\/\\n\\n  const totalProfitRate =\\n    annualRate * years;\\n\\n\\n  \/* \u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 *\/\\n\\n  const purchaseValue =\\n    clean(purchase.value);\\n\\n\\n  \/* \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 *\/\\n\\n  const total =\\n    purchaseValue *\\n    (1 + totalProfitRate);\\n\\n\\n  \/* \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 *\/\\n\\n  if(total > maxTotal){\\n\\n    error.textContent =\\n      \\\"\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0627\u0644\u0645\u0633\u0645\u0648\u062d \u0628\u0647 \u0644\u0644\u062a\u0645\u0648\u064a\u0644\\\";\\n\\n    return;\\n\\n  }\\n\\n\\n  \/* \u0627\u0644\u0642\u0633\u0637 \u0627\u0644\u0634\u0647\u0631\u064a *\/\\n\\n  const monthly =\\n    total \/ (years * 12);\\n\\n\\n  \/* \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0644\u0644\u0642\u0633\u0637 = 35% \u0645\u0646 \u0627\u0644\u0631\u0627\u062a\u0628 *\/\\n\\n  const maxInstallment =\\n    clean(salary.value) * 0.35;\\n\\n\\n  if(monthly > maxInstallment){\\n\\n    error.textContent =\\n      \\\"\u0627\u0644\u0642\u0633\u0637 \u0623\u0643\u0628\u0631 \u0645\u0646 35% \u0645\u0646 \u0627\u0644\u0631\u0627\u062a\u0628\\\";\\n\\n    return;\\n\\n  }\\n\\n\\n  \/* \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c *\/\\n\\n  outPurchase.value =\\n    format(purchaseValue) +\\n    \\\" \u062f.\u0644\\\";\\n\\n\\n  totalFinance.value =\\n    format(total) +\\n    \\\" \u062f.\u0644\\\";\\n\\n\\n  duration.value =\\n    years +\\n    \\\" \u0633\u0646\u0648\u0627\u062a\\\";\\n\\n\\n  installment.value =\\n    format(monthly) +\\n    \\\" \u062f.\u0644\\\";\\n\\n});\\n\\n})();\\n<\/script>\\n&#8221;,&#8221;css&#8221;:&#8221;.frm_button_submit {\\n    background: #006754;\\n    background: linear-gradient(-216deg, #006754 3%, #00997d 100%);\\n    border: 0;\\n}\\n\\n\\n&#8221;,&#8221;id&#8221;:&#8221;forms&#8221;}},{&#8220;type&#8221;:&#8221;text&#8221;,&#8221;props&#8221;:{&#8220;column_breakpoint&#8221;:&#8221;m&#8221;,&#8221;content&#8221;:&#8221;<\/p>\n<h4 style=\\\"text-align: center;\\\"><strong>\u00a0 <\/strong><strong>\u064a\u0645\u0643\u0646\u0643\u0645 \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0641\u0631\u0639 \u0644\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u0643\u0627\u0641\u0629 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 .<\/strong><\/h4>\n<p>\\n<\/p>\n<h4 style=\\\"text-align: center;\\\"><\/h4>\n<p>&#8220;,&#8221;margin_bottom&#8221;:&#8221;default&#8221;,&#8221;margin_top&#8221;:&#8221;default&#8221;}}]}]}],&#8221;name&#8221;:&#8221;\u0627\u062a\u0635\u0644 \u0628\u0646\u0627&#8221;}],&#8221;version&#8221;:&#8221;5.0.14&#8243;} &#8211;><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062a\u0645\u0648\u064a\u0644 &#8220;\u0627\u062d\u0633\u0628 \u062a\u0645\u0648\u064a\u0644\u0643 \u0628\u0633\u0647\u0648\u0644\u0629 \u0648\u0633\u0631\u0639\u0629 \u0648\u0627\u062e\u062a\u0631 \u0627\u0644\u0623\u0646\u0633\u0628 \u0648\u0641\u0642 \u0642\u062f\u0631\u062a\u0643 \u0627\u0644\u0645\u0627\u0644\u064a\u0629&#8221; \u062d\u0627\u0633\u0628\u0629 \u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0645\u0631\u0627\u0628\u062d\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629 \u0646\u0648\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0645\u0648\u0638\u0641\u064a \u0623\u0648 \u0645\u062a\u0642\u0627\u0639\u062f\u064a \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0636\u0645\u0627\u0646 \u0645\u0648\u0638\u0641\u064a \u0627\u0644\u062f\u0648\u0644\u0629 \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c &#8212; \u0627\u062e\u062a\u0631 &#8212; \u0623\u062b\u0627\u062b \u0643\u0647\u0631\u0648 \u0645\u0646\u0632\u0644\u064a\u0629 \u0645\u0648\u0627\u062f \u0628\u0646\u0627\u0621 \u062d\u062c \u0648\u0639\u0645\u0631\u0629 \u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0627\u062a\u0628 \u0627\u0644\u0634\u0647\u0631\u064a (\u062f.\u0644) \u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 (\u062f.\u0644) \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u062d\u0633\u0628 \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0642\u064a\u0645\u0629 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0645\u062f\u0629 \u0627\u0644\u0633\u062f\u0627\u062f \u0627\u0644\u0642\u0633\u0637 \u0627\u0644\u0634\u0647\u0631\u064a [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":2503,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2570","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dib.ly\/ranijic\/wp\/v2\/pages\/2570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dib.ly\/ranijic\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dib.ly\/ranijic\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dib.ly\/ranijic\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/dib.ly\/ranijic\/wp\/v2\/comments?post=2570"}],"version-history":[{"count":46,"href":"https:\/\/dib.ly\/ranijic\/wp\/v2\/pages\/2570\/revisions"}],"predecessor-version":[{"id":3862,"href":"https:\/\/dib.ly\/ranijic\/wp\/v2\/pages\/2570\/revisions\/3862"}],"up":[{"embeddable":true,"href":"https:\/\/dib.ly\/ranijic\/wp\/v2\/pages\/2503"}],"wp:attachment":[{"href":"https:\/\/dib.ly\/ranijic\/wp\/v2\/media?parent=2570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}