Text + image

<h2 style="white-space:pre-line">Prijs berekeningstool</h2>
<p>Met onze prijsberekeningstool krijgt u een prijs indicatie voor elke extreme kuis opdracht. Of het nu gaat over het kuisen na een overlijden of simpelweg het ontgeuren van een kamer. Hieronder vind je onze zelfgemaakte prijs berekeningstool terug.</p>
<p><strong>Let op!</strong> Dit is enkel een indicatie, elke situatie is anders dus voor een concrete offerte neemt u best met ons contact op.</p>

Young woman going over her finances at home while using her laptop

Embed

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prijsindicatie Tool - Het Vetzakske</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }
        label, select, input {
            display: block;
            margin-bottom: 10px;
        }
        button {
            padding: 10px 20px;
            background-color: #FFBD59;
            color: white;
            border: none;
            cursor: pointer;
        }
        button:hover {
            background-color: #e6a848;
        }
        .result {
            margin-top: 20px;
            padding: 15px;
            border: 1px solid #ddd;
            background-color: #f9f9f9;
            text-align: center;
        }
        .result h2 {
            color: #E74C3C;
        }
        .highlighted-price {
            font-size: 1.5em;
            font-weight: bold;
            color: #E74C3C;
        }
    </style>
</head>
<body>
    <h1>Prijsindicatie Tool</h1>
    <form id="priceForm">
        <label for="service">Kies een dienst:</label>
        <select id="service" name="service" required>
            <option value="1000">Opkuis na overlijden</option>
            <option value="1200">Ontruimen en kuisen van een woning</option>
            <option value="1050">Geurverwijdering / Ontgeuren</option>
            <option value="1000">Crime Scene Cleaning</option>
            <option value="1500">Drugslab of wietplantage ontruimen</option>
            <option value="600">Duivenpoep verwijderen</option>
            <option value="500">Industriële reinigingen</option>
            <option value="1200">Brandschade</option>
            <option value="1200">Waterschade</option>
            <option value="500">Deepcleaning</option>
        </select>

        <label for="rooms">Aantal kamers:</label>
        <input type="number" id="rooms" name="rooms" min="1" value="1" required>

        <label for="severity">Mate van vervuiling:</label>
        <select id="severity" name="severity" required>
            <option value="1">Licht</option>
            <option value="1.2">Gemiddeld</option>
            <option value="1.4">Zwaar</option>
        </select>

        <button type="button" onclick="calculatePrice()" style="color: #FFFFFF;">Bereken Prijs</button>
    </form>

    <div id="result" class="result" style="display: none;">
        <h2>Prijsindicatie</h2>
        <p class="highlighted-price" id="price"></p>
        <p><strong>Let op:</strong> Dit is slechts een indicatie. Voor een concrete offerte, neem contact met ons op.</p>
        <p>Contactgegevens:</p>
        <p>Email: <a href="mailto:hetvetzakske@gmail.com">hetvetzakske@gmail.com</a></p>
        <p>Telefoon: <a href="tel:+32488812881">+32 488 81 28 81</a></p>
    </div>

    <script>
        function calculatePrice() {
            const servicePrice = parseFloat(document.getElementById('service').value);
            const rooms = parseInt(document.getElementById('rooms').value);
            const severityFactor = parseFloat(document.getElementById('severity').value);

            const basePrice = servicePrice + (rooms * 250);
            const totalPrice = basePrice * severityFactor;

            document.getElementById('price').innerText = `€${totalPrice.toFixed(2)}`;
            document.getElementById('result').style.display = 'block';
        }
    </script>
</body>
</html>
