Highcross Bodywork

function auto_damage_calculator() {
    ob_start(); ?>
    <form id="damageCalculator">
        <label for="damageType">Type of Damage:</label>
        <select id="damageType" name="damageType">
            <option value="scratch">Scratch</option>
            <option value="dent">Dent</option>
            <option value="crack">Crack</option>
            <option value="impact">Impact</option>
        </select>

        <label for="zone">Affected Area:</label>
        <select id="zone" name="zone">
            <option value="front_bumper">Front Bumper</option>
            <option value="rear_bumper">Rear Bumper</option>
            <option value="bonnet">Bonnet</option>
            <option value="door">Door</option>
        </select>

        <label for="paintType">Paint Type:</label>
        <select id="paintType" name="paintType">
            <option value="standard">Standard</option>
            <option value="metallic">Metallic</option>
            <option value="pearl">Pearl</option>
        </select>

        <button type="button" onclick="calculateDamage()">Calculate Cost</button>
    </form>
    
    <div id="damageResult"></div>
    <a id="whatsappLink" href="#" target="_blank" style="display:none;">Send via WhatsApp</a>

    <script>
        function calculateDamage() {
            let damageType = document.getElementById("damageType").value;
            let zone = document.getElementById("zone").value;
            let paintType = document.getElementById("paintType").value;
            
            let baseCost = {
                scratch: 100,
                dent: 250,
                crack: 300,
                impact: 400
            };
            
            let zoneMultiplier = {
                front_bumper: 1.2,
                rear_bumper: 1.1,
                bonnet: 1.5,
                door: 1.3
            };
            
            let paintCost = {
                standard: 0,
                metallic: 50,
                pearl: 100
            };
            
            let totalCost = (baseCost[damageType] * zoneMultiplier[zone]) + paintCost[paintType];
            document.getElementById("damageResult").innerHTML = "Estimated Cost: " + totalCost + " GBP";
            
            let message = `Hello! I have estimated a cost of ${totalCost} GBP for the auto repair. Details: Damage Type - ${damageType}, Area - ${zone}, Paint - ${paintType}.`;
            let whatsappUrl = `https://wa.me/?text=${encodeURIComponent(message)}`;
            
            let whatsappLink = document.getElementById("whatsappLink");
            whatsappLink.href = whatsappUrl;
            whatsappLink.style.display = "block";
        }
    </script>
    <?php return ob_get_clean();
}
add_shortcode('auto_damage_calculator', 'auto_damage_calculator');