{"id":16855,"date":"2024-10-09T14:44:32","date_gmt":"2024-10-09T14:44:32","guid":{"rendered":"https:\/\/a.w3advice.com\/?page_id=16855"},"modified":"2024-12-28T20:39:17","modified_gmt":"2024-12-28T17:39:17","slug":"loan-calculator-3","status":"publish","type":"page","link":"https:\/\/icfsme.iq\/en\/loan-calculator-3\/","title":{"rendered":"Loan Calculator"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2baf823 stk-block-background\" data-block-id=\"2baf823\"><style>.stk-2baf823 {background-color:var(--theme-palette-color-2, #39929a) !important;padding-top:0px !important;padding-right:0px !important;padding-bottom:0px !important;padding-left:0px !important;margin-top:-60px !important;margin-bottom:59px !important;}.stk-2baf823:before{background-color:var(--theme-palette-color-2, #39929a) !important;}.stk-2baf823-column{--stk-columns-spacing:0px !important;--stk-column-gap:0px !important;row-gap:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2baf823-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2876f75\" data-v=\"4\" data-block-id=\"2876f75\"><style>.stk-2876f75 {align-self:center !important;}@media screen and (min-width: 768px){.stk-2876f75 {flex:var(--stk-flex-grow, 1) 1 calc(30.4% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2876f75-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2876f75-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-e96d3f6\" id=\"\u062d\u0627\u0633\u0628\u0629-\u0627\u0644\u0642\u0631\u0636\" data-block-id=\"e96d3f6\"><style>.stk-e96d3f6 {align-items:center !important;margin-top:15px !important;margin-right:5px !important;margin-bottom:15px !important;margin-left:5px !important;display:flex !important;}.stk-e96d3f6 .stk-block-heading__text{color:var(--theme-palette-color-8, #ffffff) !important;}<\/style><h2 class=\"stk-block-heading__text has-text-color has-text-align-center\">\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0642\u0631\u0636<\/h2><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9fb7862\" data-v=\"4\" data-block-id=\"9fb7862\"><style>.stk-9fb7862-container{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;}@media screen and (min-width: 768px){.stk-9fb7862 {flex:var(--stk-flex-grow, 1) 1 calc(69.6% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9fb7862-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9fb7862-inner-blocks\">\n<div class=\"wp-block-stackable-image alignfull stk-block-image stk-block stk-bdcd016\" data-block-id=\"bdcd016\"><style>.stk-bdcd016 .stk-img-wrapper{width:100% !important;height:270px !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img fetchpriority=\"high\" decoding=\"async\" class=\"stk-img wp-image-16995\" src=\"https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1.webp\" width=\"1538\" height=\"720\" srcset=\"https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1.webp 1538w, https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1-300x140.webp 300w, https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1-1024x479.webp 1024w, https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1-768x360.webp 768w, https:\/\/icfsme.iq\/wp-content\/uploads\/2024\/10\/132526715_m-scaled-1-1536x719.webp 1536w\" sizes=\"(max-width: 1538px) 100vw, 1538px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ar\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n\n<style>\n      * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n     \n      }\n      :root {\n        --primary-color: #c6c3c3;\n        --second-color: #ffffff;\n        --black-color: #000000;\n      }\n\n      .wrapper {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 50vh;\n        \/* max-width: 80%; *\/\n       \n        background-color: white;\n        border-radius: 5px;\n        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;\n      }\n      [v-cloak] {\n        display: none;\n      }\n\n      \/* Base Styles *\/\n\n      .card {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        min-width: 0;\n        word-wrap: break-word;\n        background-color: #fff;\n        background-clip: border-box;\n        border: 1px solid rgba(0, 0, 0, 0.125);\n        border-radius: 0.25rem;\n      }\n\n      .form-select {\n        display: block;\n        width: 100%;\n        padding: 0.375rem 0.75rem 0.375rem 2.25rem;\n        -moz-padding-start: calc(0.75rem - 3px);\n        font-size: 1rem;\n        font-weight: 400;\n        line-height: 1.5;\n        color: #212529;\n        background-color: #46A6AF;\n\n        background-repeat: no-repeat;\n        background-position: left 0.75rem center;\n        background-size: 16px 12px;\n        border: 1px solid #ced4da;\n        border-radius: 0.25rem;\n        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n      }\n\n\n      .btn {\n        display: inline-block;\n        font-weight: 400;\n        line-height: 1.5;\n        color: #212529;\n        text-align: center;\n        text-decoration: none;\n        vertical-align: middle;\n        cursor: pointer;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        min-width: 50%;\n        height:50px;\n        margin-right: auto;\n        margin-left: auto;\n        user-select: none;\n        background-color: transparent;\n        border: 1px solid transparent;\n        padding: 0.375rem 0.75rem;\n        font-size: 1rem;\n        border-radius: 0.25rem;\n        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n          border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n      }\n\n      .btn-primary {\n        color: #fff;\n        background: #46a6af !important; \n      }\n      .btn-primary:hover {\n        color: #fff;\n        background: #46a6af;\n\n      }\n      \/* End of Updated Styles *\/\n\n      .card {\n        width: 90%;\n        min-width: 400px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(0, 0, 0, 0);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n      }\n\n      .title {\n        font-size: 22px !important; \n        color: #46a6af;\n        margin-bottom: 5px;\n        font-weight: bold;\n       \n      }\n      .container {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n      }\n      .left-container {\n        width: 100%;\n        justify-content: center;\n        align-items: center;\n      }\n\n      .right-container {\n        width: 100%;\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        align-items: center;\n        border: 1px solid #e5e3e3;\n        border-radius: 7px;\n      }\n\n      .results-panel {\n        width: 50%;\n      }\n\n      .inner-wrapper {\n        width: 90%;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: right;\n        margin: 20px;\n      }\n      .control {\n        width: 100%;\n        position: relative;\n      }\n\n      .slider-info {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      .slider-name {\n        font-weight: bold;\n      }\n\n      .slider-value {\n        border: 1px solid #e5e3e3;\n        padding: 5px 7px;\n        border-radius: 5px;\n      }\n\n      .ticks {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        color: #9d9d9d;\n        width: 100%;\n        font-size: 0.7em;\n        margin-top: 5px;\n      }\n\n      select.form-select {\n        \/* background-color: black; *\/\n        \/* color: white !important; *\/\n        width: 100%;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        padding: 10px;\n        border: 1px solid #ccc;\n        background: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='15' height='15' fill='%23fff'><polygon points='0,0 15,0 7,7'\/><\/svg>\")\n          3% 60% no-repeat;\n        background-color: #46A6AF;\n        color: white;\n        font-size: 12px;\n        font-weight: 500;\n    \n      }\n      select.form-select > option {\n        background-color: black;\n        color: white;\n        font-size: 12px;\n        font-weight: 500;\n    \n        background-color: #46A6AF;\n      }\n\n      \/* Range control Styles *\/\n      input {\n        --c: #46a6af; \/* active color *\/\n        --g: 2px; \/* the gap *\/\n        --l: 5px; \/* line thickness*\/\n        --s: 20px; \/* thumb size*\/\n\n        width: 400px;\n        height: var(--s); \/* needed for Firefox*\/\n        --_c: color-mix(in srgb, var(--c), #000 var(--p, 0%));\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        appearance: none;\n        background: none;\n        cursor: pointer;\n        overflow: hidden;\n      }\n      input:focus-visible,\n      input:hover {\n        --p: 25%;\n      }\n      input:active,\n      input:focus-visible {\n        --_b: var(--s);\n      }\n      \/* chromium *\/\n      input[type=\"range\" i]::-webkit-slider-thumb {\n        height: var(--s);\n        aspect-ratio: 1;\n        border-radius: 50%;\n        box-shadow: 0 0 0 var(--_b, var(--l)) inset var(--_c);\n        border-image: linear-gradient(270deg, var(--_c) 50%, #ababab 0) 0 1 \/\n          calc(50% - var(--l) \/ 2) 100vw\/0 calc(100vw + var(--g));\n        -webkit-appearance: none;\n        appearance: none;\n        transition: 0.3s;\n      }\n      \/* Firefox *\/\n      input[type=\"range\"]::-moz-range-thumb {\n        height: var(--s);\n        width: var(--s);\n        background: none;\n        border-radius: 50%;\n        box-shadow: 0 0 0 var(--_b, var(--l)) inset var(--_c);\n        border-image: linear-gradient(270deg, var(--_c) 50%, #ababab 0) 0 1 \/\n          calc(50% - var(--l) \/ 2) 100vw\/0 calc(100vw + var(--g));\n        -moz-appearance: none;\n        appearance: none;\n        transition: 0.3s;\n      }\n      @supports not (color: color-mix(in srgb, red, red)) {\n        input {\n          --_c: var(--c);\n        }\n      }\n\n      .slider-tooltip-container {\n        position: relative;\n        height: 30px;\n      }\n      .slider-tooltip {\n        position: absolute;\n        transform-origin: center center;\n        top: 0;\n        transform: translateX(50%) translateY(30px);\n        background-color: transparent !important;\n        \/* background-color: white; *\/\n        color: #1e384b !important;\n\n        border-radius: 50%;\n        text-align: center;\n        padding: 3px;\n        width: 100px;\n        height: 25px;\n        line-height: 20px;\n        right: 20%;\n        border-radius: 50%;\n        border: 5px solid #46a6af;\n        transform: translateY(-2px);\n        width: 20px;\n        height: 20px;\n      }\n\n      .results-wrapper {\n        display: flex;\n        margin: 10px;\n      }\n\n      .results-panel {\n        padding: 10px;\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        font-size: 0.5em;\n      }\n      .results-panel-top {\n        background-color: #eee;\n        border-radius: 7px 7px 0px 0px;\n\n      }\n\n      .result-top-def {\n        font-size: 1rem;\n        font-weight: bold;\n        margin: 5px;\n      }\n      .result-top-val {\n        font-size: 1.5rem;\n        font-weight: bold;\n        margin: 5px;\n\n      }\n\n      .results-panel-lower {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        align-items: center;\n\n      }\n\n      .result-def {\n        font-size: 1rem;\n      }\n      .result-val {\n        font-size: 1rem;\n        font-weight: bold;\n      }\n      .results-panel > h2 {\n        color: #ed1c24;\n      }\n\n      .footnote {\n        font-size: 12px !important; \n        font-weight: 200;\n        color: #1e384b;\n        line-height: 2.1;\n        margin-top: 25px;\nfont-family: \"Droid Arabic Kufi\"!important; \n\n      }\n\n      @media only screen and (min-width: 768px) {\n        .container {\n          flex-direction: row;\n        }\n\n        .left-container {\n          width: 75%;\n        }\n\n        .right-container {\n          width: 30%;\n          flex-direction: column;\n          justify-content: flex-start;\n          border-radius: 5px;\n          margin-top: 20px;\n        }\n\n        .results-panel {\n          width: 100%;\n          \n        }\n\n        .results-panel-lower {\n          flex-direction: row;\n          min-height: 70px;\n        }\n      }\n    <\/style>\n<title>\u0627\u0644\u062d\u0627\u0633\u0628\u0629<\/title>\n<\/head>\n<body>\n<div id=\"app\" class=\"wrapper\" dir=\"rtl\" v-cloak>\n<div class=\"card\">\n    <h1 class=\"title\">\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0642\u0631\u0636<\/h1> \n<div class=\"container\">\n<div class=\"left-container\">\n<div class=\"inner-wrapper\">\n<div class=\"control\">\n<select class=\"form-select\" aria-label=\"\u0637\u0648\u0644 \u0627\u0644\u0634\u062c\u0631\u0629\" v-model=\"heightTypeSelectedIndex\" @change=\"reset\">\n<option selected disabled value=\"-1\">\u062d\u062f\u062f \u0646\u0648\u0639 \u0627\u0644\u0636\u0645\u0627\u0646\u0629<\/option>\n<option v-for=\"(t,i) in heightTypes\" :key=\"i\" :value=\"i\">\n{{t.name}}\n<\/option>\n<\/select>\n<\/div>\n<\/div>\n<div class=\"inner-wrapper\">\n<div class=\"slider-info\">\n<span class=\"slider-name\">\u0645\u0628\u0644\u063a \u0627\u0644\u0642\u0631\u0636 :<\/span>\n<span class=\"slider-value\">{{Number(treeWidthValue).toLocaleString()}} \u062f\u064a\u0646\u0627\u0631<\/span\n                >\n<\/div>\n<div class=\"control\">\n<input type=\"range\" class=\"slider\" :min=\"treeWidthMin\" :max=\"treeWidthMax\" style=\"width: 100%\" v-model=\"treeWidthValue\" step=\"100000\" @change=\"reset\" \/>\n<div class=\"ticks\">\n<span>{{treeWidthMin}}<\/span>\n<span>{{treeWidthMax}}<\/span>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"inner-wrapper\">\n<div class=\"slider-info\">\n<span class=\"slider-name\"> \u0645\u062f\u0629 \u0627\u0644\u0633\u062f\u0627\u062f :<\/span>\n<span class=\"slider-value\">{{Number(trasportValue).toLocaleString()}} \u0634\u0647\u0631<\/span\n                >\n<\/div>\n<div class=\"control\">\n<input type=\"range\" class=\"slider\" :min=\"transportMin\" :max=\"transportMax\" style=\"width: 100%\" v-model=\"trasportValue\" @change=\"reset\" \/>\n<div class=\"ticks\">\n<span>{{transportMin}}<\/span>\n<span>{{transportMax}}<\/span>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"results-wrapper\">\n<button v-if=\"calcMode\" type=\"button\" class=\"btn btn-primary\" @click=\"calcCost\">\n\u0627\u062d\u0633\u0628\n<\/button>\n<button v-if=\"!calcMode\" type=\"button\" class=\"btn btn-primary\" @click=\"gotoPage('https:\/\/icfsme.iq\/apply-for-loan\/')\">\n\u0642\u062f\u0645 \u0637\u0644\u0628 \u0627\u0644\u0627\u0646\n<\/button>\n<\/div>\n<\/div>\n<div class=\"right-container\">\n<div class=\"results-panel results-panel-top\">\n<span class=\"result-top-def\">\u0645\u0628\u0644\u063a \u0627\u0644\u062f\u0641\u0639\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629<\/span>\n<span class=\"result-top-val\" v-if=\"cost != 0\">{{nominalCost.toLocaleString()}} \u062f\u064a\u0646\u0627\u0631<\/span\n              >\n<span class=\"result-top-val\" v-if=\"cost == 0\">&#8211;<\/span>\n<\/div>\n<div class=\"results-panel results-panel-lower\">\n<span class=\"result-def\">\u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0627\u062c\u0645\u0627\u0644\u064a<\/span>\n<span class=\"result-val\" v-if=\"cost != 0\">{{cost.toLocaleString()}} \u062f\u064a\u0646\u0627\u0631<\/span\n              >\n<span class=\"result-val\" v-if=\"cost == 0\">&#8211;<\/span>\n<\/div>\n<\/div>\n<\/div>\n <h5 class=\"footnote\">\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0642\u0631\u0636 \u0647\u064a \u062f\u0644\u064a\u0644 \u062a\u0642\u0631\u064a\u0628\u064a \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0642\u0633\u0637. \u0644\u0627 \u062a\u0639\u062a\u0628\u0631 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0628\u0645\u062b\u0627\u0628\u0629 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0644\u0642\u0631\u0636\u0643. \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0628\u0627\u0644\u063a \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0648\u0623\u0633\u0639\u0627\u0631 \u0627\u0644\u0641\u0627\u0626\u062f\u0629 \u064a\u0631\u062c\u0649 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0646\u0627 \u0639\u0644\u0649 07721600500 \u0623\u0648 \u0632\u064a\u0627\u0631\u0629 \u0641\u0631\u0639 \u0627\u0644\u0634\u0631\u0643\u0629<\/h5>\n<\/div>\n<\/div>\n<div class=\"a\"><\/div>\n<\/body>\n<script src=\"https:\/\/unpkg.com\/vue@3\/dist\/vue.global.js\"><\/script>\n<script>\n    const { createApp } = Vue;\n\n    createApp({\n      data() {\n        return {\n         \/\/ \u0627\u0646\u0648\u0627\u0639 \u0627\u0644\u062a\u0645\u0648\u064a\u0644\n          treeTypes: [{ name: \"\u062a\u0645\u0648\u064a\u0644 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0648\u0633\u0637\u0629\", value: 1 },\n          { name: \"\u062a\u0645\u0648\u064a\u0644 \u0645\u0634\u0627\u0631\u064a\u0639 \u0635\u063a\u064a\u0631\u0629\", value: 1 },\n          { name: \"\u062a\u0645\u0648\u064a\u0644 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0646\u0627\u0647\u064a\u0629 \u0627\u0644\u0635\u063a\u0631\", value: 1 },\n          ],\n\n          \/\/ \u0646\u0648\u0639 \u0627\u0644\u0636\u0645\u0627\u0646\u0629\n          heightTypes: [\n            { name: \"\u0643\u0641\u064a\u0644 \u0645\u0648\u0638\u0641 \u062d\u0643\u0648\u0645\u064a\", value: 0.10 },\n            { name: \"\u0643\u0645\u0628\u064a\u0627\u0644\u0629 \u0639\u062f\u0644\u064a\u0629\", value: 0.115 },\n            { name: \"\u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0639\u0631\u0627\u0642\u064a\u0629 \u0644\u0644\u0643\u0641\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0635\u0631\u0641\u064a\u0629\", value: 0.115 },\n          ],\n\n          \/\/ \u0627\u0642\u0644 \u0648 \u0627\u0643\u0628\u0631 \u0642\u064a\u0645\u0629 \u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0642\u0631\u0636\n          treeWidthMin: 100000,\n          treeWidthMax: 25000000,\n\n          \/\/ \u0627\u0642\u0644 \u0648 \u0627\u0643\u0628\u0631 \u0642\u064a\u0645\u0629 \u0644\u0644\u0645\u062f\u0629\n          transportMin: 1,\n          transportMax: 36,\n\n          \/\/ selected values stored here\n          treeTypeValue: 0,\n          treeTypeSelectedIndex: -1,\ncalcMode: true,\n          heightTypeValue: 0,\n          heightTypeSelectedIndex: -1,\n          treeWidthValue: 100000,\n          trasportValue: 1,\n          cost: 0,\n          nominalCost: 0,\n        };\n      },\n\n      methods: {\n        gotoPage: function (url) {\n          window.location.href = url;\n        },\n        calcCost: function () {\n          if (this.treeTypes[this.treeTypeSelectedIndex])\n            this.treeTypeValue =\n              this.treeTypes[this.treeTypeSelectedIndex].value;\n\n          if (this.heightTypes[this.heightTypeSelectedIndex])\n            this.heightTypeValue =\n              this.heightTypes[this.heightTypeSelectedIndex].value;\n\n          if (\n            this.heightTypeSelectedIndex == -1 \n          ) {\n            alert(\"\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0648\u0639 \u0627\u0644\u0636\u0645\u0627\u0646\u0629\");\n            this.cost = 0;\n            return;\n          }\n\n          this.cost =\n            Number(this.treeWidthValue) *\n              Number(this.heightTypeValue) *\n              (Number(this.trasportValue) \/ 12) +\n            Number(this.treeWidthValue);\n\n          this.cost = Math.round(this.cost);\n\n          this.nominalCost =\n            ((Number(this.treeWidthValue) \/ Number(this.trasportValue) +\n              (Number(this.treeWidthValue) * Number(this.heightTypeValue)) \/\n                12) *\n              Number(this.trasportValue)) \/\n            Number(this.trasportValue);\n\n          this.nominalCost = Math.round(this.nominalCost);  this.calcMode = false;\n        },\n        reset: function () {\n          this.calcMode = true;\n        },\n      },\n    }).mount(\"#app\");\n  <\/script>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0642\u0631\u0636 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0642\u0631\u0636 \u062d\u062f\u062f \u0646\u0648\u0639 \u0627\u0644\u0636\u0645\u0627\u0646\u0629 {{t.name}} \u0645\u0628\u0644\u063a \u0627\u0644\u0642\u0631\u0636 : {{Number(treeWidthValue).toLocaleString()}} \u062f\u064a\u0646\u0627\u0631 {{treeWidthMin}} {{treeWidthMax}} \u0645\u062f\u0629 \u0627\u0644\u0633\u062f\u0627\u062f : {{Number(trasportValue).toLocaleString()}} \u0634\u0647\u0631 {{transportMin}} {{transportMax}} \u0627\u062d\u0633\u0628 \u0642\u062f\u0645 \u0637\u0644\u0628 \u0627\u0644\u0627\u0646 \u0645\u0628\u0644\u063a \u0627\u0644\u062f\u0641\u0639\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 {{nominalCost.toLocaleString()}} \u062f\u064a\u0646\u0627\u0631 &#8211; \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0627\u062c\u0645\u0627\u0644\u064a {{cost.toLocaleString()}} \u062f\u064a\u0646\u0627\u0631 &#8211; \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0642\u0631\u0636 \u0647\u064a \u062f\u0644\u064a\u0644 \u062a\u0642\u0631\u064a\u0628\u064a \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0642\u0633\u0637. \u0644\u0627 \u062a\u0639\u062a\u0628\u0631 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0628\u0645\u062b\u0627\u0628\u0629 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0644\u0642\u0631\u0636\u0643. \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0628\u0627\u0644\u063a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-16855","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/pages\/16855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/comments?post=16855"}],"version-history":[{"count":4,"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/pages\/16855\/revisions"}],"predecessor-version":[{"id":18282,"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/pages\/16855\/revisions\/18282"}],"wp:attachment":[{"href":"https:\/\/icfsme.iq\/en\/wp-json\/wp\/v2\/media?parent=16855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}