{"id":12464,"date":"2020-07-06T15:35:57","date_gmt":"2020-07-06T15:35:57","guid":{"rendered":"https:\/\/demo1.mycartheme.com\/?page_id=12464"},"modified":"2020-10-05T14:57:07","modified_gmt":"2020-10-05T14:57:07","slug":"auto-loan-calculator","status":"publish","type":"page","link":"https:\/\/metcoreit.co.za\/vehica\/auto-loan-calculator\/","title":{"rendered":"Auto Loan Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12464\" class=\"elementor elementor-12464\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-be4c023 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"be4c023\" 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\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ff5ae5e\" data-id=\"ff5ae5e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2fdcac elementor-widget elementor-widget-spacer\" data-id=\"b2fdcac\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-459e4e0 elementor-widget elementor-widget-vehica_loan_calculator_general_widget\" data-id=\"459e4e0\" data-element_type=\"widget\" data-widget_type=\"vehica_loan_calculator_general_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"vehica-app\">\r\n    <vehica-loan-calculator\r\n            :initial-months=\"36\"\r\n            :initial-rate=\"5\"\r\n            >\r\n        <div slot-scope=\"props\" class=\"vehica-loan-calculator\">\r\n            <div class=\"vehica-loan-calculator__title\">\r\n                Loan Calculator            <\/div>\r\n\r\n                            <div class=\"vehica-loan-calculator__subtitle\">\r\n                    Use our auto loan calculator to calculate car payments over the life of your loan. Enter your information to see how much your monthly payments could be. You can adjust length of loan, down payment and interest rate to see how those changes raise or lower your auto payments.                <\/div>\r\n            \r\n            <template v-if=\"props.showErrors\">\r\n                <div class=\"vehica-loan-calculator__error\">\r\n                    <div class=\"vehica-loan-calculator__error__inner\">\r\n                        Not all fields filled properly                    <\/div>\r\n                <\/div>\r\n            <\/template>\r\n\r\n            <form @submit.prevent=\"props.onCalculate\">\r\n                <div class=\"vehica-loan-calculator__fields\">\r\n                    <div class=\"vehica-loan-calculator__fields__inner\">\r\n                        <div\r\n                                class=\"vehica-loan-calculator__field-wrapper\"\r\n                                :class=\"{'vehica-loan-calculator__field-wrapper--is-error': props.showPriceError}\"\r\n                        >\r\n                            <h4>\r\n                                Vehicle Price                                <span class=\"vehica-text-primary\">*<\/span>\r\n                            <\/h4>\r\n                            <div class=\"vehica-loan-calculator__field\">\r\n                                <div class=\"vehica-loan-calculator__sign\">\r\n                                    <i class=\"fas fa-car\"><\/i>\r\n                                <\/div>\r\n                                <input\r\n                                        @input=\"props.setPrice($event.target.value)\"\r\n                                        :value=\"props.price\"\r\n                                        type=\"number\"\r\n                                >\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div\r\n                                class=\"vehica-loan-calculator__field-wrapper\"\r\n                                :class=\"{'vehica-loan-calculator__field-wrapper--is-error': props.showRateError}\"\r\n                        >\r\n                            <h4>\r\n                                Interest Rate                                <span class=\"vehica-text-primary\">*<\/span>\r\n                            <\/h4>\r\n\r\n\r\n                            <div class=\"vehica-loan-calculator__field\">\r\n                                <div class=\"vehica-loan-calculator__sign\">\r\n                                    %                                <\/div>\r\n                                <input\r\n                                        @input=\"props.setRate($event.target.value)\"\r\n                                        :value=\"props.rate\"\r\n                                        type=\"number\"\r\n                                >\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div\r\n                                class=\"vehica-loan-calculator__field-wrapper\"\r\n                                :class=\"{'vehica-loan-calculator__field-wrapper--is-error': props.showMonthsError}\"\r\n                        >\r\n\r\n                            <h4>Period (months)                                <span class=\"vehica-text-primary\">*<\/span>\r\n                            <\/h4>\r\n\r\n                            <div class=\"vehica-loan-calculator__field\">\r\n                                <div class=\"vehica-loan-calculator__sign\">\r\n                                    <i class=\"far fa-calendar-alt\"><\/i>\r\n                                <\/div>\r\n                                <input\r\n                                        @input=\"props.setMonths($event.target.value)\"\r\n                                        :value=\"props.months\"\r\n                                        type=\"number\"\r\n                                >\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"vehica-loan-calculator__field-wrapper\">\r\n                            <h4>Down Payment<\/h4>\r\n                            <div class=\"vehica-loan-calculator__field\">\r\n                                <div class=\"vehica-loan-calculator__sign\">\r\n                                    R                                <\/div>\r\n                                <input\r\n                                        @input=\"props.setContribution($event.target.value)\"\r\n                                        :value=\"props.contribution\"\r\n                                        type=\"number\"\r\n                                >\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"vehica-loan-calculator__button\">\r\n                            <button class=\"vehica-button vehica-button--icon vehica-button--icon-calculate\">\r\n                                Calculate<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/form>\r\n\r\n            <div>\r\n                <div class=\"vehica-loan-calculator__separator\"><\/div>\r\n                <div class=\"vehica-loan-calculator__results--wrapper\">\r\n                    <div class=\"vehica-loan-calculator__results\">\r\n                        <div class=\"vehica-loan-calculator__results__col\">\r\n                            <h3>Monthly Payment<\/h3>\r\n                            <h4 v-if=\"!props.showResults\">-<\/h4>\r\n                            <template>\r\n                                <h4 v-if=\"props.showResults\">{{ props.installment }}<\/h4>\r\n                            <\/template>\r\n                        <\/div>\r\n                        <div class=\"vehica-loan-calculator__results__col\">\r\n                            <h3>Total Interest<\/h3>\r\n                            <h4 v-if=\"!props.showResults\">-<\/h4>\r\n                            <template>\r\n                                <h4 v-if=\"props.showResults\">{{ props.interest }}<\/h4>\r\n                            <\/template>\r\n                        <\/div>\r\n                        <div class=\"vehica-loan-calculator__results__col\">\r\n                            <h3>Total Payments<\/h3>\r\n                            <h4 v-if=\"!props.showResults\">-<\/h4>\r\n                            <template>\r\n                                <h4 v-if=\"props.showResults\">\r\n                                    {{ props.total }}\r\n                                <\/h4>\r\n                            <\/template>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                                    <div class=\"vehica-loan-calculator__end-text\">\r\n                        Title and other fees and incentives are not included in this calculation, which is an estimate only. Monthly payment estimates are for informational purpose and do not represent a financing offer from the seller of this vehicle. Other taxes may apply.                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/vehica-loan-calculator>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1607bc3 elementor-widget elementor-widget-spacer\" data-id=\"1607bc3\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Loan Calculator Use our auto loan calculator to calculate car payments over the life of your loan. Enter your information to see how much your monthly payments could be. You can adjust length of loan, down payment and interest rate to see how those changes raise or lower your auto payments. Not all fields filled [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/metcoreit.co.za\/vehica\/wp-json\/wp\/v2\/pages\/12464"}],"collection":[{"href":"https:\/\/metcoreit.co.za\/vehica\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metcoreit.co.za\/vehica\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metcoreit.co.za\/vehica\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metcoreit.co.za\/vehica\/wp-json\/wp\/v2\/comments?post=12464"}],"version-history":[{"count":0,"href":"https:\/\/metcoreit.co.za\/vehica\/wp-json\/wp\/v2\/pages\/12464\/revisions"}],"wp:attachment":[{"href":"https:\/\/metcoreit.co.za\/vehica\/wp-json\/wp\/v2\/media?parent=12464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}