{"id":78797,"date":"2025-12-27T16:40:21","date_gmt":"2025-12-27T16:40:21","guid":{"rendered":"https:\/\/admin.thriftyautosalesshop.com\/?page_id=78797"},"modified":"2026-08-10T00:00:41","modified_gmt":"2026-08-10T00:00:41","slug":"home-request","status":"publish","type":"page","link":"https:\/\/voyep.com\/work\/home-request\/","title":{"rendered":"Home Request"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"78797\" class=\"elementor elementor-78797\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1b9f7c e-flex e-con-boxed e-con e-parent\" data-id=\"a1b9f7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c27afe elementor-widget elementor-widget-shortcode\" data-id=\"0c27afe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <style>\r\n        .thrifty-request-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            background: #ffffff;\r\n            padding: 40px;\r\n            border-radius: 10px;\r\n            box-shadow: 0 8px 30px rgba(0,0,0,0.06);\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            border-top: 5px solid #FF7A00;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .thrifty-request-container * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .thrifty-request-container h3 {\r\n            font-size: 2rem;\r\n            color: #111;\r\n            margin-top: 0;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .thrifty-request-container p.form-desc {\r\n            color: #666;\r\n            margin-bottom: 30px;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .form-section-title {\r\n            font-size: 1.15rem;\r\n            color: #FF7A00;\r\n            border-bottom: 2px solid #f0f0f0;\r\n            padding-bottom: 8px;\r\n            margin: 20px 0 15px 0;\r\n            font-weight: 700;\r\n            grid-column: 1 \/ -1;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .home-form-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 15px 20px;\r\n        }\r\n\r\n        .home-form-group {\r\n            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n        }\r\n\r\n        .home-form-group.full-width {\r\n            grid-column: 1 \/ -1;\r\n        }\r\n\r\n        \/* TOOLTIP CSS *\/\r\n        .label-wrap {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .label-wrap label {\r\n            font-weight: 600;\r\n            color: #333;\r\n            font-size: 0.9rem;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .tooltip-container {\r\n            position: relative;\r\n            display: inline-block;\r\n            cursor: help;\r\n        }\r\n\r\n        .tooltip-icon {\r\n            background-color: #f0f0f0;\r\n            color: #777;\r\n            border-radius: 50%;\r\n            width: 16px;\r\n            height: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 11px;\r\n            font-weight: bold;\r\n            transition: background 0.2s;\r\n        }\r\n\r\n        .tooltip-container:hover .tooltip-icon {\r\n            background-color: #FF7A00;\r\n            color: #fff;\r\n        }\r\n\r\n        .tooltip-text {\r\n            visibility: hidden;\r\n            width: 220px;\r\n            background-color: #222;\r\n            color: #fff;\r\n            text-align: center;\r\n            border-radius: 4px;\r\n            padding: 8px 10px;\r\n            font-size: 0.75rem;\r\n            font-weight: normal;\r\n            position: absolute;\r\n            z-index: 10;\r\n            bottom: 130%;\r\n            right: 0;\r\n            opacity: 0;\r\n            transition: opacity 0.3s;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .tooltip-text::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 100%;\r\n            right: 5px;\r\n            border-width: 5px;\r\n            border-style: solid;\r\n            border-color: #222 transparent transparent transparent;\r\n        }\r\n\r\n        .tooltip-container:hover .tooltip-text {\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n\r\n        \/* INPUTS *\/\r\n        .home-form-group input[type=\"text\"],\r\n        .home-form-group input[type=\"email\"],\r\n        .home-form-group input[type=\"tel\"],\r\n        .home-form-group input[type=\"number\"],\r\n        .home-form-group select,\r\n        .home-form-group textarea {\r\n            padding: 10px 14px;\r\n            border: 1px solid #d1d5db;\r\n            border-radius: 5px;\r\n            font-size: 0.95rem;\r\n            transition: all 0.3s ease;\r\n            background: #fdfdfd;\r\n            width: 100%;\r\n            color: #111;\r\n        }\r\n\r\n        .home-form-group input::placeholder,\r\n        .home-form-group textarea::placeholder {\r\n            color: #9ca3af;\r\n        }\r\n\r\n        .home-form-group input:focus,\r\n        .home-form-group select:focus,\r\n        .home-form-group textarea:focus {\r\n            outline: none;\r\n            border-color: #FF7A00;\r\n            box-shadow: 0 0 0 3px rgba(255, 122, 0, 0.1);\r\n            background: #ffffff;\r\n        }\r\n\r\n        .home-form-group textarea {\r\n            resize: vertical;\r\n            min-height: 80px;\r\n        }\r\n\r\n        \/* TRADE IN & CUSTOM DURATION SECTIONS *\/\r\n        .dynamic-section {\r\n            display: none; \/* Hidden by default *\/\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 15px 20px;\r\n            background: #f9fafb;\r\n            padding: 20px;\r\n            border-radius: 6px;\r\n            border: 1px dashed #cbd5e1;\r\n            grid-column: 1 \/ -1;\r\n            margin-top: -5px;\r\n            animation: slideDown 0.3s ease forwards;\r\n        }\r\n\r\n        @keyframes slideDown {\r\n            from { opacity: 0; transform: translateY(-10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* CALCULATOR *\/\r\n        .calculator-panel {\r\n            background-color: #f8f9fa;\r\n            border: 1px solid #e2e8f0;\r\n            border-radius: 6px;\r\n            padding: 20px;\r\n            grid-column: 1 \/ -1;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr 1fr;\r\n            gap: 15px;\r\n            align-items: start;\r\n        }\r\n\r\n        .calc-result-box {\r\n            background-color: #111;\r\n            color: white;\r\n            padding: 15px;\r\n            border-radius: 6px;\r\n            text-align: center;\r\n            grid-column: 1 \/ -1;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .calc-result-box p { margin: 0; font-size: 0.9rem; color: #aaa; }\r\n        .calc-result-box h4 { margin: 5px 0 0 0; font-size: 2rem; color: #fff; }\r\n        .calc-result-box span.disclaimer { font-size: 0.75rem; color: #777; display: block; margin-top: 5px; }\r\n\r\n        .checkbox-group {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        .checkbox-group input[type=\"checkbox\"] {\r\n            width: 16px;\r\n            height: 16px;\r\n            accent-color: #FF7A00;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .checkbox-group label {\r\n            font-size: 0.9rem;\r\n            color: #555;\r\n            cursor: pointer;\r\n            margin: 0;\r\n            font-weight: normal;\r\n        }\r\n\r\n        \/* SUBMIT BUTTON *\/\r\n        .submit-btn {\r\n            background-color: #FF7A00;\r\n            color: white;\r\n            padding: 15px 30px;\r\n            border: none;\r\n            border-radius: 5px;\r\n            font-size: 1.1rem;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            width: 100%;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            box-shadow: 0 4px 15px rgba(255, 122, 0, 0.2);\r\n            position: relative;\r\n        }\r\n\r\n        .submit-btn:hover {\r\n            background-color: #e06900;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(224, 105, 0, 0.3);\r\n        }\r\n\r\n        .submit-btn.processing {\r\n            background-color: #999;\r\n            pointer-events: none;\r\n            box-shadow: none;\r\n            transform: none;\r\n        }\r\n\r\n        .home-form-msg { padding: 15px; border-radius: 5px; margin-bottom: 20px; font-size: 0.95rem; }\r\n        .home-form-msg.success { background-color: #e8f5e9; color: #2e7d32; border: 1px solid #c8e6c9; }\r\n        .home-form-msg.error { background-color: #ffebee; color: #c62828; border: 1px solid #ffcdd2; }\r\n\r\n        \/* MOBILE RESPONSIVE *\/\r\n        @media (max-width: 768px) {\r\n            .home-form-grid { grid-template-columns: 1fr; }\r\n            .calculator-panel { grid-template-columns: 1fr; }\r\n            .dynamic-section { grid-template-columns: 1fr; }\r\n            .thrifty-request-container { padding: 25px 15px; }\r\n            .home-form-group { width: 100%; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"thrifty-request-container\">\r\n        <h3>Find Your Perfect Mobile Home<\/h3>\r\n        <p class=\"form-desc\">Tell us what you want and how you want to pay. Our team handles the rest.<\/p>\r\n        \r\n        \r\n        <form id=\"thriftyHomeForm\" method=\"POST\" action=\"\">\r\n            <input type=\"hidden\" id=\"mobilehome_request_nonce\" name=\"mobilehome_request_nonce\" value=\"dd791c4f00\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/work\/wp-json\/wp\/v2\/pages\/78797\" \/>            \r\n            <div class=\"home-form-grid\">\r\n                \r\n                <div class=\"form-section-title\">1. Your Details<\/div>\r\n                \r\n                <div class=\"home-form-group\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"first_name\">First Name *<\/label>\r\n                    <\/div>\r\n                    <input type=\"text\" id=\"first_name\" name=\"first_name\" placeholder=\"John\" required>\r\n                <\/div>\r\n                <div class=\"home-form-group\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"last_name\">Last Name *<\/label>\r\n                    <\/div>\r\n                    <input type=\"text\" id=\"last_name\" name=\"last_name\" placeholder=\"Doe\" required>\r\n                <\/div>\r\n                <div class=\"home-form-group\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"email\">Email Address *<\/label>\r\n                        <div class=\"tooltip-container\">\r\n                            <span class=\"tooltip-icon\">?<\/span>\r\n                            <span class=\"tooltip-text\">We will send your confirmation and mobile home matches here.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"john@example.com\" required>\r\n                <\/div>\r\n                <div class=\"home-form-group\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"phone\">Phone Number *<\/label>\r\n                    <\/div>\r\n                    <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"(555) 000-0000\" required>\r\n                <\/div>\r\n                <div class=\"home-form-group full-width\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"contact_pref\">Preferred Contact Method *<\/label>\r\n                    <\/div>\r\n                    <select id=\"contact_pref\" name=\"contact_pref\" required>\r\n                        <option value=\"Phone Call\">Phone Call<\/option>\r\n                        <option value=\"Text Message\">Text Message<\/option>\r\n                        <option value=\"Email\">Email<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"form-section-title\">2. Mobile Home Preferences<\/div>\r\n\r\n                <div class=\"home-form-group\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"home_condition\">Condition *<\/label>\r\n                    <\/div>\r\n                    <select id=\"home_condition\" name=\"home_condition\" required>\r\n                        <option value=\"Any\">No Preference<\/option>\r\n                        <option value=\"Brand New\">Brand New<\/option>\r\n                        <option value=\"Used\">Used \/ Pre-Owned<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <div class=\"home-form-group\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"square_footage\">Square Footage<\/label>\r\n                    <\/div>\r\n                    <select id=\"square_footage\" name=\"square_footage\">\r\n                        <option value=\"N\/A (New Home)\">Looking for New<\/option>\r\n                        <option value=\"Under 800 sqft\">Under 800 sqft<\/option>\r\n                        <option value=\"800 - 1,200 sqft\">800 - 1,200 sqft<\/option>\r\n                        <option value=\"1,200 - 1,800 sqft\">1,200 - 1,800 sqft<\/option>\r\n                        <option value=\"Any Size\">Any Size<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <div class=\"home-form-group\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"home_make\">Make *<\/label>\r\n                    <\/div>\r\n                    <input type=\"text\" id=\"home_make\" name=\"home_make\" placeholder=\"e.g. Clayton Homes\" required>\r\n                <\/div>\r\n                <div class=\"home-form-group\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"home_model\">Model *<\/label>\r\n                    <\/div>\r\n                    <input type=\"text\" id=\"home_model\" name=\"home_model\" placeholder=\"e.g. The Rosewood\" required>\r\n                <\/div>\r\n                <div class=\"home-form-group\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"home_year\">Preferred Year(s)<\/label>\r\n                        <div class=\"tooltip-container\">\r\n                            <span class=\"tooltip-icon\">?<\/span>\r\n                            <span class=\"tooltip-text\">Leave blank if you are open to any year, or enter a range like 2020-2024.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <input type=\"text\" id=\"home_year\" name=\"home_year\" placeholder=\"e.g. 2020-2024\">\r\n                <\/div>\r\n                \r\n                <div class=\"home-form-group\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"trade_in\">Do you have a Trade-In? *<\/label>\r\n                    <\/div>\r\n                    <select id=\"trade_in\" name=\"trade_in\" required>\r\n                        <option value=\"No\">No Trade-In<\/option>\r\n                        <option value=\"Yes\">Yes, I have a mobile home to trade<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"dynamic-section\" id=\"trade_in_section\">\r\n                    <div class=\"form-section-title\" style=\"margin-top:0; border:none; font-size:1rem; color:#444;\">Current Mobile Home Details<\/div>\r\n                    <div class=\"home-form-group\">\r\n                        <label for=\"trade_make\">Make<\/label>\r\n                        <input type=\"text\" id=\"trade_make\" name=\"trade_make\" placeholder=\"e.g. Fleetwood\">\r\n                    <\/div>\r\n                    <div class=\"home-form-group\">\r\n                        <label for=\"trade_model\">Model<\/label>\r\n                        <input type=\"text\" id=\"trade_model\" name=\"trade_model\" placeholder=\"e.g. Berkshire\">\r\n                    <\/div>\r\n                    <div class=\"home-form-group\">\r\n                        <label for=\"trade_year\">Year<\/label>\r\n                        <input type=\"number\" id=\"trade_year\" name=\"trade_year\" placeholder=\"e.g. 2015\">\r\n                    <\/div>\r\n                    <div class=\"home-form-group\">\r\n                        <label for=\"trade_sqft\">Approximate Square Footage<\/label>\r\n                        <input type=\"number\" id=\"trade_sqft\" name=\"trade_sqft\" placeholder=\"e.g. 1200\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-section-title\">3. Payment & Financing Planner<\/div>\r\n                \r\n                <div class=\"calculator-panel\">\r\n                    <div class=\"home-form-group\">\r\n                        <div class=\"label-wrap\">\r\n                            <label for=\"target_price\">Target Price ($) *<\/label>\r\n                        <\/div>\r\n                        <input type=\"number\" id=\"target_price\" name=\"target_price\" min=\"1000\" step=\"500\" placeholder=\"15000\" required>\r\n                    <\/div>\r\n                    <div class=\"home-form-group\">\r\n                        <div class=\"label-wrap\">\r\n                            <label for=\"down_payment\">Down Payment ($)<\/label>\r\n                            <div class=\"tooltip-container\">\r\n                                <span class=\"tooltip-icon\">?<\/span>\r\n                                <span class=\"tooltip-text\">Enter $0 if you need 100% financing, or enter your full purchase price to pay cash.<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <input type=\"number\" id=\"down_payment\" name=\"down_payment\" min=\"0\" step=\"100\" placeholder=\"0 or amount\" required>\r\n                    <\/div>\r\n                    <div class=\"home-form-group\">\r\n                        <div class=\"label-wrap\">\r\n                            <label for=\"term_months\">Payment Term *<\/label>\r\n                        <\/div>\r\n                        <select id=\"term_months\" name=\"term_months\" required>\r\n                            <option value=\"60\" selected>60 Months<\/option>\r\n                            <option value=\"72\">72 Months<\/option>\r\n                            <option value=\"48\">48 Months<\/option>\r\n                            <option value=\"36\">36 Months<\/option>\r\n                            <option value=\"24\">24 Months<\/option>\r\n                            <option value=\"12\">12 Months<\/option>\r\n                            <option value=\"0\">Full Cash Purchase (0 Months)<\/option>\r\n                            <option value=\"Custom\">Custom Duration...<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"home-form-group full-width\" id=\"custom_term_wrapper\" style=\"display:none; margin-top:-10px;\">\r\n                        <label for=\"custom_term\" style=\"font-size: 0.85rem; color:#666;\">Enter Custom Months<\/label>\r\n                        <input type=\"number\" id=\"custom_term\" name=\"custom_term\" placeholder=\"e.g. 84\" min=\"1\">\r\n                    <\/div>\r\n\r\n                    <input type=\"hidden\" id=\"calc_monthly\" name=\"calc_monthly\" value=\"0\">\r\n                    <input type=\"hidden\" name=\"submit_mobilehome_request\" value=\"1\"> <div class=\"calc-result-box\">\r\n                        <p>Estimated Monthly Payment<\/p>\r\n                        <h4 id=\"display_monthly\">$0<\/h4>\r\n                        <span class=\"disclaimer\">*Estimate only. Excludes taxes, title, and financing interest rates.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"home-form-group full-width\" style=\"margin-top: 5px;\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"timeframe\">How soon are you looking to buy? *<\/label>\r\n                    <\/div>\r\n                    <select id=\"timeframe\" name=\"timeframe\" required>\r\n                        <option value=\"Immediately (ASAP)\">Immediately (ASAP)<\/option>\r\n                        <option value=\"Within 1-2 Weeks\">Within 1-2 Weeks<\/option>\r\n                        <option value=\"Within 30 Days\">Within 30 Days<\/option>\r\n                        <option value=\"Just Browsing\">Just Browsing \/ Flexible<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"home-form-group full-width\">\r\n                    <div class=\"label-wrap\">\r\n                        <label for=\"notes\">Additional Requirements<\/label>\r\n                        <div class=\"tooltip-container\">\r\n                            <span class=\"tooltip-icon\">?<\/span>\r\n                            <span class=\"tooltip-text\">List specific floor plans, must-have features (like a covered porch, upgraded kitchen), or exterior color preferences.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <textarea id=\"notes\" name=\"notes\" placeholder=\"Must have a covered porch, upgraded kitchen appliances, and be white or gray...\"><\/textarea>\r\n                <\/div>\r\n\r\n                <div class=\"home-form-group full-width checkbox-group\">\r\n                    <input type=\"checkbox\" id=\"marketing_optin\" name=\"marketing_optin\" value=\"Yes\" checked>\r\n                    <label for=\"marketing_optin\">Keep me updated on new inventory and exclusive mobile home offers.<\/label>\r\n                <\/div>\r\n\r\n                <div class=\"home-form-group full-width\">\r\n                    <button type=\"submit\" id=\"submitBtn\" class=\"submit-btn\">Submit Mobile Home Request<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/form>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const form = document.getElementById('thriftyHomeForm');\r\n            const submitBtn = document.getElementById('submitBtn');\r\n            \r\n            \/\/ Trade-In Toggle\r\n            const tradeInSelect = document.getElementById('trade_in');\r\n            const tradeInSection = document.getElementById('trade_in_section');\r\n            \r\n            tradeInSelect.addEventListener('change', function() {\r\n                if (this.value === 'Yes') {\r\n                    tradeInSection.style.display = 'grid';\r\n                } else {\r\n                    tradeInSection.style.display = 'none';\r\n                    \/\/ Clear fields if they hide it\r\n                    document.getElementById('trade_make').value = '';\r\n                    document.getElementById('trade_model').value = '';\r\n                    document.getElementById('trade_year').value = '';\r\n                    document.getElementById('trade_sqft').value = '';\r\n                }\r\n            });\r\n\r\n            \/\/ Calculator Elements\r\n            const targetPriceInput = document.getElementById('target_price');\r\n            const downPaymentInput = document.getElementById('down_payment');\r\n            const termSelect = document.getElementById('term_months');\r\n            const customTermWrapper = document.getElementById('custom_term_wrapper');\r\n            const customTermInput = document.getElementById('custom_term');\r\n            \r\n            const displayMonthly = document.getElementById('display_monthly');\r\n            const hiddenMonthlyInput = document.getElementById('calc_monthly');\r\n\r\n            function calculateMonthlyPayment() {\r\n                const price = parseFloat(targetPriceInput.value) || 0;\r\n                const downPayment = parseFloat(downPaymentInput.value) || 0;\r\n                \r\n                let terms = 0;\r\n\r\n                \/\/ Handle Custom vs Standard terms\r\n                if (termSelect.value === 'Custom') {\r\n                    customTermWrapper.style.display = 'block';\r\n                    terms = parseInt(customTermInput.value) || 1; \/\/ Prevent div by 0\r\n                } else {\r\n                    customTermWrapper.style.display = 'none';\r\n                    terms = parseInt(termSelect.value) || 0;\r\n                }\r\n\r\n                let amountToFinance = price - downPayment;\r\n                \r\n                \/\/ If they pay full price in cash, or select 0 months\r\n                if (amountToFinance <= 0 || terms === 0) {\r\n                    displayMonthly.innerText = amountToFinance <= 0 ? \"Paid in Full\" : \"$0\";\r\n                    hiddenMonthlyInput.value = \"0\";\r\n                    return;\r\n                }\r\n\r\n                let monthlyPayment = amountToFinance \/ terms;\r\n                let formattedMonthly = monthlyPayment.toFixed(2);\r\n                \r\n                displayMonthly.innerText = \"$\" + formattedMonthly;\r\n                hiddenMonthlyInput.value = formattedMonthly; \r\n            }\r\n\r\n            \/\/ Listeners for calculator\r\n            targetPriceInput.addEventListener('input', calculateMonthlyPayment);\r\n            downPaymentInput.addEventListener('input', calculateMonthlyPayment);\r\n            termSelect.addEventListener('change', calculateMonthlyPayment);\r\n            customTermInput.addEventListener('input', calculateMonthlyPayment);\r\n\r\n            \/\/ Form Submit Processing State\r\n            form.addEventListener('submit', function() {\r\n                \/\/ Change button state\r\n                submitBtn.innerHTML = '<span style=\"display:inline-block; animation: spin 1s linear infinite;\">\u23f3<\/span> Processing...';\r\n                submitBtn.classList.add('processing');\r\n                \/\/ Allow the form to submit naturally\r\n            });\r\n        });\r\n    <\/script>\r\n    <\/div>\n\t\t\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":"","meta":{"footnotes":""},"class_list":["post-78797","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/voyep.com\/work\/wp-json\/wp\/v2\/pages\/78797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/voyep.com\/work\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/voyep.com\/work\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/voyep.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/voyep.com\/work\/wp-json\/wp\/v2\/comments?post=78797"}],"version-history":[{"count":12,"href":"https:\/\/voyep.com\/work\/wp-json\/wp\/v2\/pages\/78797\/revisions"}],"predecessor-version":[{"id":81650,"href":"https:\/\/voyep.com\/work\/wp-json\/wp\/v2\/pages\/78797\/revisions\/81650"}],"wp:attachment":[{"href":"https:\/\/voyep.com\/work\/wp-json\/wp\/v2\/media?parent=78797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}