' + fmt(rent) + '/mo

'; btn.setAttribute('data-m', i); btn.onclick = (function(m) { return function() { selectMonth(m); }; })(i); grid.appendChild(btn); } } window.selectType = function(type) { state.type = type; document.querySelectorAll('.kv-type-card').forEach(function(c) { c.classList.toggle('active', c.getAttribute('data-type') === type); }); updateQtyLabel(); buildMonthGrid(); }; /* ── Select Size ── */ window.selectSize = function(size) { state.size = size; document.querySelectorAll('.kv-size-btn').forEach(function(b) { b.classList.toggle('active', b.getAttribute('data-size') === size); }); var nextBtn = document.getElementById('step1Next'); if (size !== '1.5') { nextBtn.textContent = 'Get Quote \u2192'; nextBtn.onclick = function() { goStep(4); }; } else { nextBtn.textContent = 'Next \u2192'; nextBtn.onclick = function() { goStep(2); }; } }; /* ── Quantity ── */ window.changeQty = function(delta) { state.qty = Math.max(1, Math.min(10, state.qty + delta)); document.getElementById('qtyVal').textContent = state.qty; document.getElementById('qtyMinus').disabled = state.qty <= 1; document.getElementById('qtyPlus').disabled = state.qty >= 10; updateQtyLabel(); buildMonthGrid(); }; function updateQtyLabel() { var t = state.type === 'split' ? 'Split AC' : 'Window AC'; document.getElementById('qtyLabel').textContent = state.qty + ' ' + t + (state.qty > 1 ? 's' : ''); } function selectMonth(m) { state.months = m; document.querySelectorAll('.kv-month-btn').forEach(function(b) { b.classList.toggle('active', parseInt(b.getAttribute('data-m')) === m); }); } /* ── Update Breakdown (Step 3) ── */ function updateBreakdown() { var r = calc(state.type, state.months); /* First month card */ var secEl = document.getElementById('dispSecurity'); var secText = fmt(r.security); if (state.qty > 1) secText += ' (' + state.qty + ' x ' + fmt(r.security / state.qty) + ')'; secEl.innerHTML = secText + 'Refundable'; var rentText = fmt(r.monthlyRent); if (state.qty > 1) rentText += ' (' + state.qty + ' x ' + fmt(r.monthlyRentPer) + ')'; document.getElementById('dispMonthly').textContent = rentText; var installRow = document.getElementById('installRow'); var installEl = document.getElementById('dispInstall'); if (state.type === 'window') { installRow.className = 'kv-row kv-free'; installEl.textContent = 'Free'; } else { installRow.className = 'kv-row kv-onetime'; installEl.textContent = fmt(r.installation); } document.getElementById('dispDelivery').textContent = fmt(r.delivery); document.getElementById('kvNote').style.display = state.type === 'split' ? '' : 'none'; document.getElementById('dispGstFirst').textContent = fmt(r.firstGst); document.getElementById('dispFirstMonth').textContent = fmt(r.firstMonthTotal); /* From next month card */ var nextCard = document.getElementById('nextMonthCard'); if (state.months > 1) { nextCard.style.display = ''; document.getElementById('nextMonthBody').innerHTML = 'Monthly Rent ' + fmt(r.monthlyRent) + ' + GST ' + fmt(r.recurringGst) + ' = ' + fmt(r.recurringMonthly) + '/month' + '
No installation or delivery charges from month 2.'; } else { nextCard.style.display = 'none'; } /* Grand total card */ document.getElementById('grandLabel').textContent = 'Total Payable for ' + state.months + (state.months === 1 ? ' Month' : ' Months'); document.getElementById('grandAmount').textContent = fmt(r.grandTotal); if (state.months > 1) { document.getElementById('grandSub').textContent = 'First month ' + fmt(r.firstMonthTotal) + ' + ' + r.remainingMonths + (r.remainingMonths === 1 ? ' month' : ' months') + ' x ' + fmt(r.recurringMonthly) + '/mo'; } else { document.getElementById('grandSub').textContent = 'One-time payment, no recurring charges'; } document.getElementById('grandSecurity').textContent = fmt(r.security); updateSavings(r); updateWhatsApp(r); updatePreview(r); } /* ── Savings Upsell ── */ function updateSavings(current) { var card = document.getElementById('savingsCard'); var compareMonths = 0; if (state.months < 3) compareMonths = 6; else if (state.months < 6) compareMonths = 9; else if (state.months < 9) compareMonths = 12; else { card.style.display = 'none'; return; } var compare = calc(state.type, compareMonths); var monthlySaving = current.monthlyRent - compare.monthlyRent; var totalSaving = current.grandTotal - compare.grandTotal; if (monthlySaving <= 0) { card.style.display = 'none'; return; } card.style.display = ''; document.getElementById('savingsText').textContent = 'Rent for ' + compareMonths + ' months instead of ' + state.months + '. Pay just ' + fmt(compare.monthlyRent) + '/mo instead of ' + fmt(current.monthlyRent) + '/mo.'; document.getElementById('savingsMonthLabel').textContent = compareMonths + ' months plan'; document.getElementById('savingsMonthlyRate').textContent = fmt(compare.monthlyRent); document.getElementById('savingsAmount').textContent = 'Save ' + fmt(monthlySaving) + '/mo'; document.getElementById('savingsTotalLabel').textContent = 'Total: ' + fmt(compare.grandTotal); var cmp = document.getElementById('savingsCompare'); cmp.onclick = (function(m) { return function() { selectMonth(m); updateBreakdown(); }; })(compareMonths); } /* ── WhatsApp Link ── */ function updateWhatsApp(r) { var lines = [ 'Hi KeyVendors! \uD83D\uDC4B', '', "I'd like to rent an AC. Here are my requirements:", '', '\uD83C\uDF21\uFE0F *AC Requirement:*', '\u2022 Type: ' + typeName(), '\u2022 Duration: ' + state.months + (state.months === 1 ? ' month' : ' months'), '' ]; if (state.size === '1.5') { lines.push('\uD83D\uDCB0 *Price Calculated:*'); lines.push('\u2022 Monthly Rent: ' + fmt(r.monthlyRent) + '/mo'); lines.push('\u2022 Pay Today (1st month): ' + fmt(r.firstMonthTotal)); if (state.months > 1) { lines.push('\u2022 From Month 2: ' + fmt(r.recurringMonthly) + '/mo'); } lines.push('\u2022 Total Payable: ' + fmt(r.grandTotal)); lines.push('\u2022 Security Deposit: ' + fmt(r.security) + ' (Refundable)'); } else { lines.push('\uD83D\uDCCC Size: ' + state.size + ' Ton \u2013 Please share a custom quote.'); } lines.push(''); lines.push('Please confirm availability and share next steps. Thank you!'); document.getElementById('waBtn').href = 'https://wa.me/' + WA_NUMBER + '?text=' + encodeURIComponent(lines.join('\n')); } /* ── Form Preview ── */ function updatePreview(r) { document.getElementById('prevType').textContent = typeName(); if (state.size !== '1.5') { document.getElementById('prevDurationRow').style.display = 'none'; document.getElementById('prevFirstRow').style.display = 'none'; document.getElementById('prevTotalRow').style.display = 'none'; } else { document.getElementById('prevDurationRow').style.display = ''; document.getElementById('prevFirstRow').style.display = ''; document.getElementById('prevTotalRow').style.display = ''; document.getElementById('prevMonths').textContent = state.months + (state.months === 1 ? ' month' : ' months'); document.getElementById('prevFirst').textContent = fmt(r.firstMonthTotal); document.getElementById('prevTotal').textContent = fmt(r.grandTotal); } } window.toggleForm = function() { var wrap = document.getElementById('formWrap'); wrap.classList.toggle('show'); if (wrap.classList.contains('show')) { wrap.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); } }; window.submitForm = function(e) { e.preventDefault(); var name = document.getElementById('fname').value.trim(); var phone = document.getElementById('fphone').value.trim(); var city = document.getElementById('fcity').value.trim(); var r = calc(state.type, state.months); var btn = document.getElementById('submitBtn'); btn.disabled = true; btn.textContent = 'Sending\u2026'; var payload; if (state.size === '1.5') { payload = { _subject : 'New AC Rental Lead \u2013 ' + name + ' (' + city + ')', _template : 'box', Name : name, Phone : phone, City : city, 'AC Type' : typeName(), Duration : state.months + (state.months === 1 ? ' month' : ' months'), 'Monthly Rent' : fmt(r.monthlyRent) + '/mo', 'Pay Today (Month 1)' : fmt(r.firstMonthTotal), 'From Month 2' : state.months > 1 ? fmt(r.recurringMonthly) + '/mo' : 'N/A', 'Total Payable' : fmt(r.grandTotal), 'Security Deposit' : fmt(r.security) + ' (Refundable)' }; } else { var acLabel = state.type === 'split' ? 'Split AC' : 'Window AC'; payload = { _subject : 'Quote Request \u2013 ' + name + ' (' + city + ') \u2013 ' + state.size + ' Ton ' + acLabel, _template : 'box', Name : name, Phone : phone, City : city, 'AC Type' : typeName(), Quantity : state.qty, Pricing : 'Custom quote \u2014 please call back' }; } fetch('https://formsubmit.co/ajax/keyvendors@gmail.com', { method : 'POST', headers : { 'Content-Type': 'application/json', 'Accept': 'application/json' }, body : JSON.stringify(payload) }) .then(function(res) { return res.json(); }) .then(function() { document.getElementById('cbForm').style.display = 'none'; document.getElementById('successMsg').classList.add('show'); }) .catch(function() { btn.disabled = false; btn.textContent = 'Send My Request'; alert('Something went wrong. Please WhatsApp us or call directly.'); }); }; /* ── Init ── */ buildMonthGrid(); })();

Login Required