{"id":1748,"date":"2024-07-06T07:06:08","date_gmt":"2024-07-06T07:06:08","guid":{"rendered":"https:\/\/dreamshomes.co.in\/?page_id=1748"},"modified":"2024-07-06T08:59:29","modified_gmt":"2024-07-06T08:59:29","slug":"emi-calculator","status":"publish","type":"page","link":"https:\/\/dreamshomes.co.in\/?page_id=1748","title":{"rendered":"Emi Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1748\" class=\"elementor elementor-1748\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd69ac5 e-flex e-con-boxed e-con e-parent\" data-id=\"dd69ac5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c87c990 elementor-widget elementor-widget-shortcode\" data-id=\"c87c990\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"wp-loan-calculator-main\" id=\"wp-loan-calculator-main\">\n        <style type=\"text\/css\">\n            :root {\n                --calc-background-color: #242c4c;\n                --calc-select-color: #404245;\n                --calc-bg-light-color: #ecf5fe;\n                --calc-border-color: #000000;\n                --calc-graph-color: #ebeeff;\n                --calc-graph-color-sub: #53597d;\n                --calc-graph-border-color: #1e73be;\n                --calc-graph-border-color-sub: #ffffff;\n                --calc-graph-balance-border-color: #b8204c;\n                --calc-graph-balance-point-background-color: #b8204c;\n                --calc-graph-extra-payment-graph-color: #00636b;\n                --calc-summary-chart-principal-fill-color: #ed8c2b;\n                --calc-summary-chart-interest-fill-color: #88a825;\n                --calc-summary-chart-balloon-payment-fill-color: #25649f;\n                --calc-summary-chart-down-payment-fill-color: #b8204c;\n                --calc-summary-chart-extra-payment-fill-color: #cf4a30;                \n\n            }\n        <\/style>\n        <div id=\"overlay\" style=\"display: none;\"><\/div>\n        <div id=\"loader\" style=\"display: none;\">\n          <div class=\"spinner\"><\/div>\n      <\/div>\n      <section class=\"heading-section\">\n        <div class=\"menu-sec-cls\">\n            <ul class=\"heading-sec-link\">\n                                    <li>\n                        <a href=\"javascript:void(0);\" class=\"print-table\"><i class=\"fa fa-print\" aria-hidden=\"true\"><\/i>Print<\/a>\n                    <\/li>\n                                            <\/ul>\n        <\/div>\n        <div class=\"about-this-calculator-popup\" style=\"display: none;\">\n            <div class=\"about-this-calculator-popup-body\">\n                <a href=\"javascript:void(0);\" class=\"close-button\" onclick=\"jQuery('.about-this-calculator-popup').hide();jQuery('body').removeClass('body-overflow-hidden');\">\u2715<\/a>\n                                <div class=\"calculator-content\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"main-sec\" class=\"ctm_main_wrap\">\n        <section class=\"calculator-heading-section calculator-heading-block\">\n            <div class=\"calculator-child-heading\">\n                <h2>\n                    <center><strong>EMI Calculator<\/strong><\/center>\n                <\/h2>\n            <\/div>\n        <\/section>\n        <section class=\"loan-option-text-info\">\n            <div class=\"custom-container loan-option-text-info-section\">\n                <div class=\"loan-option-text-info-block\">\n                    <div class=\"first-row\">\n                        <div class=\"first-row-sub-child \"  >\n\n                            <label for=\"loan_amt\" class=\"loan-text\">Loan Amount<i class=\"fa fa-info-circle\" aria-hidden=\"true\" tabindex=\"1\"><\/i><span class=\"text-tooltip-disp\">Please enter your loan amount here.<\/span><\/label>\n                            <div class=\"loan-text-dis loan-amount\">\n                                <span class=\"extra-info\">&#8377;<\/span>\n                                <input type=\"text\" name=\"loan_amount\" id=\"loan_amount\" value=\"\" tabindex=\"2\" oninput=\"validateInputLoanRate(this)\" onkeydown=\"return onlyNos(event,'loan_amount')\" \/>\n                            <\/div>\n                            <input type=\"range\" min=\"100000\" max=\"100000000\" value=\"1000000\" class=\"slider \" id=\"loan_amount_range\" tabindex=\"3\" >\n                        <\/div>\n                        <div class=\"first-row-sub-child \">\n                            <label for=\"loan_terms\" class=\"loan-text\">No. of Payments<i class=\"fa fa-info-circle\" aria-hidden=\"true\" tabindex=\"4\"><\/i><span class=\"text-tooltip-disp\">Please enter the number of years in which you plan to repay the loan.<\/span><\/label>\n                            <div class=\"loan-number-payment-with-label\">\n                                <div class=\"loan-text-dis no-payment\">\n                                    <!-- <span class=\"extra-info\"><\/\/?php echo __('Months', 'loan-calculator-wp'); ?><\/span> -->\n                                                                            <select name=\"repayment_freq\" id=\"repayment_freq\" class=\"payment-opt-drop \">\n                                                                                            <option value=\"Monthly\" selected>Monthly<\/option>\n                                                                                                <option value=\"Quarterly\" >Quarterly<\/option>\n                                                                                                <option value=\"Yearly\" >Yearly<\/option>\n                                                                                        <\/select>                                  \n                                                                        <input type=\"text\" name=\"loan_terms\" min=\"12\" max=\"84\" maxlength=\"5\" id=\"loan_terms\" value=\"\" tabindex=\"5\" onkeydown=\"return onlyNos(event,'loan_terms')\" \/>\n\n                                <\/div>\n\n                                                            <\/div>\n\n                            <input type=\"range\" min=\"12\" max=\"84\" value=\"12\" class=\"slider \" id=\"loan_terms_range\" tabindex=\"6\" step=\"1\">\n                            <input type=\"hidden\" name=\"default_value\" value=\"12\">\n                            <input type=\"hidden\" name=\"min_value\" value=\"12\">\n                            <input type=\"hidden\" name=\"max_value\" value=\"84\">\n                            <input type=\"hidden\" name=\"current_repayment_freq\" value=\"\">\n                        <\/div>\n                        <div class=\"first-row-sub-child\" >\n                                                            <div class=\"first-row-main-child\">\n                                    <label for=\"loan_amt\" class=\"loan-text\">Payment Mode<i class=\"fa fa-info-circle\" aria-hidden=\"true\" tabindex=\"8\"><\/i><span class=\"text-tooltip-disp\">Please choose payment mode of the loan.<\/span><\/label>\n                                    <select name=\"payment_type\" id=\"payment_type\" class=\"payment-opt-drop\">\n                                        <option  value=\"In Advance\">In Advance<\/option>\n                                        <option selected value=\"In Arrears\">In Arrears<\/option>\n                                    <\/select>\n                                <\/div>\n                                                       \n                        <\/div>\n                    <\/div>\n                    <div class=\"second-row\">\n                         <div class=\"second-row-sub-child\">\n                            <label for=\"loan_amt\" class=\"loan-text\">Interest Rate<i class=\"fa fa-info-circle\" aria-hidden=\"true\" tabindex=\"8\"><\/i><span class=\"text-tooltip-disp\">The interest rate will default to the product you selected. You can also change the rate up or down to understand the effect on your repayments and total interest payable.<\/span><\/label>\n                            <div class=\"loan-text-dis\">\n                                <input type=\"text\" name=\"interest_rates\" id=\"interest_rates\" value=\"\" tabindex=\"9\"  \/>\n                                <span id=\"interest_rate_range_dis\" class=\"rate_disp\"><\/span>\n                            <\/div>\n                            <input type=\"range\" min=\"1.25\" max=\"24.00\" value=\"4.5\" class=\"slider  \" id=\"interest_rate_range\" tabindex=\"10\" step=\"0.25\">\n                        <\/div>\n                                                    <div class=\"second-row-sub-child\">\n\n                                <div class=\"loan-text-dis\">\n                                    <input type=\"hidden\" name=\"ballon_amounts\" id=\"ballon_amounts\" value=\"\" tabindex=\"11\" onkeydown=\"return onlyNos(event,'ballon_amounts')\" \/>\n\n                                    <input type=\"hidden\" name=\"ballon_amounts_per\" id=\"ballon_amounts_per\" value=\"0\" tabindex=\"12\" \/>\n                                <\/div>\n                                <input type=\"hidden\" id=\"ballon_amount_range\" tabindex=\"13\" step=\"1\" value=\"0\">\n                            <\/div>\n                                            <\/div>\n                    <div class=\"site-wraps-row-downpayment-extrapayment-row\">\n                        \n                                            <\/div>\n                <\/div>\n            <\/div>\n                        <div class=\"loan-detail-section \">\n                <div class=\"loan-detail-section-child\">\n                    <div class=\"sub-main-tab\">\n                        <div class=\"ww-loan-container\">\n                            <div class=\"tabs\">\n\n                                                                \n                                <input type=\"radio\" name=\"tabs\" id=\"tab1\" checked>\n                                <label for=\"tab1\" style=\"display: block;\">\n                                                                            <i class=\"fa fa-chart-bar\"><\/i>\n                                        <span class=\"tooltip-disp\">Repayment Chart<\/span>\n                                                                    <\/label>\n                                <input type=\"radio\" name=\"tabs\" id=\"tab3\" >\n                                <label for=\"tab3\" style=\"display: block;\">\n                                                                            <i class=\"fa fa-tasks\"><\/i>\n                                        <span class=\"tooltip-disp\">Loan Amortisation Table<\/span>\n                                                                    <\/label>\n                                <input type=\"radio\" name=\"tabs\" id=\"tab2\" >\n                                <label for=\"tab2\" style=\"display: block;\">\n                                                                            <i class=\"fa fa-play\"><\/i>\n                                        <span class=\"tooltip-disp\">Video<\/span>\n                                                                    <\/label>\n                                                                <div id=\"tab-content1\" class=\"tab-content\">\n                                    <canvas id=\"loan-process-graph\" width=\"650\" height=\"320\"><\/canvas>\n                                                                            <div id=\"chart-note\" class=\"chart-note\"><p>**Note: For exceeding 120 no. of payments, a group of 12 payments will be combined into a single payment number for better chart visibility.<\/p><\/div>\n                                <\/div>\n                                <div id=\"tab-content2\" class=\"tab-content\">\n                                                                            <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/VhvlcwYUyIg?si=XQyDoLGla6aoue1v\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n                                                                    <\/div>                               \n                                <div id=\"tab-content3\" class=\"tab-content\">\n                                    <table id=\"loan-process-tbl\">\n                                        <thead>\n                                            <tr>\n                                                <th>Period<\/th>\n                                                <th>Payment<\/th>\n                                                                                                <th>Interest<\/th>\n                                                <th>Balance<\/th>\n                                            <\/tr>\n                                        <\/thead>\n                                        <tbody id=\"loan_table_data\">\n                                        <\/tbody>\n                                    <\/table>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"loan-detail-section-child \" >\n                    <div class=\"summary-calculation-and-chart-wrappar\">\n                    <div class=\"loan-detail-cal-desc\">\n                        <div class=\"loan-cal-desc\">\n                            <div class=\"loan-cal-desc-heading main-heading\">\n                                <label id=\"regular_repayment_heading\"><strong>Monthly Payment (incl fees)<\/strong><\/label>\n\n                        <\/div>\n                        <div class=\"loan-cal-desc-val\">\n                            <label><span><small>&#8377;<\/small><span id=\"per_month_amount\"><\/span><\/span> <strong id=\"loan_amount_term_label\"><\/strong><span id=\"loan_amount_year\"><\/span><\/label>\n                        <\/div>\n                    <\/div>\n                                            <div class=\"loan-cal-desc\">\n                            <div class=\"loan-cal-desc-heading\">\n                                <label><strong>Total interest payable<\/strong><\/label>\n                            <\/div>\n                            <div class=\"loan-cal-desc-val\">\n                                <label><small>&#8377;<\/small><span id=\"total_interests_amt\"><\/span> over <span id=\"total_interests_years\"><\/span> <\/label>\n                            <\/div>\n\n                        <\/div>\n                                        <span id=\"total_interests_amt_hidden\"><\/span>\n                    <div class=\"loan-cal-desc\" id=\"ballon_amt_section\">\n                        <div class=\"loan-cal-desc-heading\">\n                            <label><strong>Balloon amount (<span id=\"bill_ballon_per\">0.00<\/span>%)<\/strong><\/label>\n                        <\/div>\n                        <div class=\"loan-cal-desc-val\">\n                            <label><small>&#8377;<\/small><strong><span id=\"bill_ballon_amt\">0.00<\/span><\/strong><\/label>\n                        <\/div>\n\n                    <\/div>\n\n                    \n                    \n            <\/div>\n            \n                    <\/div>\n                                <\/div>\n    <\/div>\n<\/section>\n<div class=\"contact-us-popup\" style=\"display:none;\">\n    <div class=\"contact-us-popup-body\">\n        <a href=\"javascript:void(0);\" class=\"close-button\" onclick=\"jQuery('.contact-us-popup').hide();jQuery('body').removeClass('body-overflow-hidden');\">X<\/a>\n            <\/div>\n<\/div>\n\n\n<\/section>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/dreamshomes.co.in\/index.php?rest_route=\/wp\/v2\/pages\/1748"}],"collection":[{"href":"https:\/\/dreamshomes.co.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dreamshomes.co.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dreamshomes.co.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dreamshomes.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1748"}],"version-history":[{"count":16,"href":"https:\/\/dreamshomes.co.in\/index.php?rest_route=\/wp\/v2\/pages\/1748\/revisions"}],"predecessor-version":[{"id":1836,"href":"https:\/\/dreamshomes.co.in\/index.php?rest_route=\/wp\/v2\/pages\/1748\/revisions\/1836"}],"wp:attachment":[{"href":"https:\/\/dreamshomes.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}