<form id="calc-form" class="calculator-form">
    <!-- Step 1: Basement Size -->
    <div class="calc-step active" data-step="1">
        <h3>What's your basement size?</h3>
        <div class="input-group">
            <label for="basement-length">Length (feet)</label>
            <input type="number" id="basement-length" min="10" max="100" value="40" required>
        </div>
        <div class="input-group">
            <label for="basement-width">Width (feet)</label>
            <input type="number" id="basement-width" min="10" max="100" value="30" required>
        </div>
        <div class="perimeter-display">
            <span>Perimeter: </span>
            <strong id="perimeter">140</strong> linear feet
        </div>
    </div>

    <!-- Step 2: Waterproofing Type -->
    <div class="calc-step" data-step="2">
        <h3>What type of waterproofing do you need?</h3>
        <div class="radio-group">
            <label class="radio-option">
                <input type="radio" name="waterproofing-type" value="interior" checked>
                <div class="radio-content">
                    <strong>Interior Waterproofing</strong>
                    <span>Less invasive, great for finished basements</span>
                    <span class="price-range">$70-$100 per linear foot</span>
                </div>
            </label>
            <label class="radio-option">
                <input type="radio" name="waterproofing-type" value="exterior">
                <div class="radio-content">
                    <strong>Exterior Waterproofing</strong>
                    <span>Most comprehensive protection</span>
                    <span class="price-range">$100-$350 per linear foot</span>
                </div>
            </label>
            <label class="radio-option">
                <input type="radio" name="waterproofing-type" value="both">
                <div class="radio-content">
                    <strong>Both Interior & Exterior</strong>
                    <span>Maximum protection for severe issues</span>
                    <span class="price-range">$150-$400 per linear foot</span>
                </div>
            </label>
        </div>
    </div>

    <!-- Step 3: Additional Services -->
    <div class="calc-step" data-step="3">
        <h3>Do you need any additional services?</h3>
        <div class="checkbox-group">
            <label class="checkbox-option">
                <input type="checkbox" name="additions" value="sump-pump" data-cost="2000">
                <div class="checkbox-content">
                    <strong>Sump Pump Installation</strong>
                    <span>Essential for water management</span>
                    <span class="price-tag">+$1,500 - $3,500</span>
                </div>
            </label>
            <label class="checkbox-option">
                <input type="checkbox" name="additions" value="battery-backup" data-cost="1000">
                <div class="checkbox-content">
                    <strong>Battery Backup System</strong>
                    <span>Protection during power outages</span>
                    <span class="price-tag">+$800 - $1,500</span>
                </div>
            </label>
            <label class="checkbox-option">
                <input type="checkbox" name="additions" value="crack-repair" data-cost="1000">
                <div class="checkbox-content">
                    <strong>Foundation Crack Repair</strong>
                    <span>Fix existing cracks</span>
                    <span class="price-tag">+$500 - $2,000</span>
                </div>
            </label>
            <label class="checkbox-option">
                <input type="checkbox" name="additions" value="window-wells" data-cost="1500">
                <div class="checkbox-content">
                    <strong>Window Well Installation</strong>
                    <span>Protect basement windows</span>
                    <span class="price-tag">+$1,000 - $2,000 per well</span>
                </div>
            </label>
        </div>
    </div>

    <!-- Step 4: Current Issues -->
    <div class="calc-step" data-step="4">
        <h3>What issues are you experiencing?</h3>
        <div class="checkbox-group">
            <label class="checkbox-option">
                <input type="checkbox" name="issues" value="active-leak">
                <span>Active water leaks</span>
            </label>
            <label class="checkbox-option">
                <input type="checkbox" name="issues" value="dampness">
                <span>Dampness or humidity</span>
            </label>
            <label class="checkbox-option">
                <input type="checkbox" name="issues" value="mold">
                <span>Mold or mildew</span>
            </label>
            <label class="checkbox-option">
                <input type="checkbox" name="issues" value="cracks">
                <span>Visible cracks</span>
            </label>
            <label class="checkbox-option">
                <input type="checkbox" name="issues" value="preventive">
                <span>Preventive (no current issues)</span>
            </label>
        </div>
    </div>

    <!-- Navigation -->
    <div class="calc-navigation">
        <button type="button" class="calc-btn prev" onclick="previousStep()">Previous</button>
        <button type="button" class="calc-btn next" onclick="nextStep()">Next</button>
        <button type="button" class="calc-btn calculate" onclick="calculateCost()" style="display:none;">Calculate Cost</button>
    </div>
</form>

<!-- Results Section -->
<div id="calc-results" class="calculator-results" style="display:none;">
    <h2>Your Estimated Cost</h2>
    
    <div class="cost-breakdown">
        <div class="cost-range">
            <span class="label">Estimated Range:</span>
            <div class="range-values">
                <span class="min-cost">$<span id="min-cost">0</span></span>
                <span class="separator">to</span>
                <span class="max-cost">$<span id="max-cost">0</span></span>
            </div>
        </div>

        <div class="cost-details">
            <h3>Cost Breakdown:</h3>
            <ul id="breakdown-list"></ul>
        </div>

        <div class="rebate-info">
            <h3>💰 Available Rebates</h3>
            <p>You may qualify for up to <strong>$3,400</strong> in Toronto basement flooding protection subsidies!</p>
            <ul>
                <li>Sump pump rebate: Up to $1,750</li>
                <li>Backwater valve: Up to $1,250</li>
                <li>Severance/capping: Up to $400</li>
            </ul>
        </div>

        <div class="financing-options">
            <h3>Payment Options</h3>
            <div class="payment-cards">
                <div class="payment-card">
                    <h4>0% Financing</h4>
                    <p>12 months same as cash</p>
                    <span class="monthly">From $<span id="monthly-0">0</span>/month</span>
                </div>
                <div class="payment-card">
                    <h4>Low Monthly</h4>
                    <p>Up to 60 months</p>
                    <span class="monthly">From $<span id="monthly-low">0</span>/month</span>
                </div>
            </div>
        </div>
    </div>

    <div class="cta-section">
        <h3>Get Your Exact Quote</h3>
        <p>This is an estimate based on average costs. Every home is unique - get your personalized quote with our free inspection.</p>
        <div class="cta-buttons">
            <a href="tel:4375450067" class="cta-btn primary">
                📞 Call (437) 545-0067
            </a>
            <button class="cta-btn secondary" onclick="scheduleInspection()">
                📋 Schedule Free Inspection
            </button>
        </div>
    </div>

    <button class="calc-btn recalculate" onclick="resetCalculator()">Recalculate</button>
</div>