{"id":8,"date":"2026-01-09T15:42:33","date_gmt":"2026-01-09T15:42:33","guid":{"rendered":"https:\/\/woonlasten-berekening.nl\/?page_id=8"},"modified":"2026-01-09T15:42:33","modified_gmt":"2026-01-09T15:42:33","slug":"test-page","status":"publish","type":"page","link":"https:\/\/woonlasten-berekening.nl\/?page_id=8","title":{"rendered":"Test Page"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><div id=\"hsc-form-1\" class=\"hsc-form-container \">\n            <div class=\"hsc-form-header\">\n            <h1 class=\"hsc-form-title\">Housing Subsidy Calculator<\/h1>\n            <p class=\"hsc-form-subtitle\">Calculate your housing costs and sustainability measures<\/p>\n        <\/div>\n        \n                    <div class=\"hsc-progress-container\">\n            <div class=\"hsc-progress-steps\">\n                                    <div class=\"hsc-step-indicator\">\n                        <div class=\"hsc-step-number active\">\n                            1                        <\/div>\n                        <span class=\"hsc-step-text active\">\n                            General Information                        <\/span>\n                    <\/div>\n                                            <div class=\"hsc-progress-line\">\n                            <div class=\"hsc-progress-fill\" style=\"width: 0%;\"><\/div>\n                        <\/div>\n                                                        <div class=\"hsc-step-indicator\">\n                        <div class=\"hsc-step-number \">\n                            2                        <\/div>\n                        <span class=\"hsc-step-text \">\n                            Scenario &amp; Costs                        <\/span>\n                    <\/div>\n                                            <div class=\"hsc-progress-line\">\n                            <div class=\"hsc-progress-fill\" style=\"width: 0%;\"><\/div>\n                        <\/div>\n                                                        <div class=\"hsc-step-indicator\">\n                        <div class=\"hsc-step-number \">\n                            3                        <\/div>\n                        <span class=\"hsc-step-text \">\n                            Sustainability Measures                        <\/span>\n                    <\/div>\n                                                <\/div>\n        <\/div>\n            \n    <form id=\"hsc-calculator-form\" method=\"post\" class=\"hsc-calculator-form\" novalidate>\n        <input type=\"hidden\" id=\"hsc_calculator_nonce\" name=\"hsc_calculator_nonce\" value=\"23a0d30a2e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F8\" \/>        <input type=\"hidden\" name=\"action\" value=\"hsc_calculate\">\n        <input type=\"hidden\" name=\"current_step\" value=\"1\">\n\n                <div id=\"step1\" class=\"step-content\" data-step=\"1\">\n            <h2 class=\"section-title\">\n                <i class=\"fas fa-info-circle\" style=\"color: #3182ce; margin-right: 0.5rem;\"><\/i>\n                General Information            <\/h2>\n\n            <!-- Appartementen -->\n            <div class=\"form-group mb-6\">\n                <div class=\"form-group\"><label for=\"appartementen\" class=\"form-label\">Appartementen <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"appartementen\" name=\"appartementen\" value=\"3\" class=\"form-input rounded-l-lg\" required min=\"1\"><div class=\"input-addon\">Aantal<\/div><\/div><p class=\"form-help\">Number of apartments in the building<\/p><\/div>            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                <!-- Column 1: Building Information -->\n                <div>\n                    <h2 class=\"subsection-title\" style=\"margin-top: 0;\">\n                        <i class=\"fas fa-building\" style=\"color: #3182ce; margin-right: 0.5rem;\"><\/i>\n                        Building Information                    <\/h2>\n\n                    <!-- Dak & Gevel -->\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <div class=\"form-group\"><label for=\"dak\" class=\"form-label\">Dak <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"dak\" name=\"dak\" value=\"76\" class=\"form-input rounded-l-lg\" required step=\"0.01\"><div class=\"input-addon\">m\u00b2<\/div><\/div><\/div><div class=\"form-group\"><label for=\"gevel\" class=\"form-label\">Gevel <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"gevel\" name=\"gevel\" value=\"150\" class=\"form-input rounded-l-lg\" required step=\"0.01\"><div class=\"input-addon\">m\u00b2<\/div><\/div><\/div>                    <\/div>\n\n                    <!-- Vloer & Beglazing -->\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <div class=\"form-group\"><label for=\"vloer\" class=\"form-label\">Vloer <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"vloer\" name=\"vloer\" value=\"76\" class=\"form-input rounded-l-lg\" required step=\"0.01\"><div class=\"input-addon\">m\u00b2<\/div><\/div><\/div><div class=\"form-group\"><label for=\"beglazing\" class=\"form-label\">Beglazing <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"beglazing\" name=\"beglazing\" value=\"70\" class=\"form-input rounded-l-lg\" required step=\"0.01\"><div class=\"input-addon\">m\u00b2<\/div><\/div><\/div>                    <\/div>\n\n                    <!-- Kozijnen & Voordeuren -->\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <div class=\"form-group\"><label for=\"kozijnen\" class=\"form-label\">Kozijnen <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"kozijnen\" name=\"kozijnen\" value=\"15\" class=\"form-input rounded-l-lg\" required><div class=\"input-addon\">stuks<\/div><\/div><\/div><div class=\"form-group\"><label for=\"voordeuren\" class=\"form-label\">Voordeuren <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"voordeuren\" name=\"voordeuren\" value=\"3\" class=\"form-input rounded-l-lg\" required><div class=\"input-addon\">stuks<\/div><\/div><\/div>                    <\/div>\n\n                    <!-- Balkondeuren & Portieken -->\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <div class=\"form-group\"><label for=\"balkondeuren\" class=\"form-label\">Balkondeuren <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"balkondeuren\" name=\"balkondeuren\" value=\"3\" class=\"form-input rounded-l-lg\" required><div class=\"input-addon\">stuks<\/div><\/div><\/div><div class=\"form-group\"><label for=\"portieken\" class=\"form-label\">Portieken <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"portieken\" name=\"portieken\" value=\"1\" class=\"form-input rounded-l-lg\" required><div class=\"input-addon\">stuks<\/div><\/div><\/div>                    <\/div>\n                <\/div>\n\n                <!-- Column 2: Additional Information -->\n                <div>\n                    <h3 class=\"subsection-title\" style=\"margin-top: 0;\">\n                        Additional Information                    <\/h3>\n\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <div class=\"form-group\"><label for=\"panelen\" class=\"form-label\">Panelen<\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"panelen\" name=\"panelen\" value=\"0\" class=\"form-input rounded-l-lg\"><div class=\"input-addon\">stuks<\/div><\/div><\/div><div class=\"form-group\"><label for=\"ventilatieboxen\" class=\"form-label\">Ventilatieboxen <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"ventilatieboxen\" name=\"ventilatieboxen\" value=\"3\" class=\"form-input rounded-l-lg\" required><div class=\"input-addon\">stuks<\/div><\/div><\/div><div class=\"form-group\"><label for=\"zonnepanelen\" class=\"form-label\">Zonnepanelen<\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"zonnepanelen\" name=\"zonnepanelen\" value=\"0\" class=\"form-input rounded-l-lg\"><div class=\"input-addon\">stuks<\/div><\/div><\/div><div class=\"form-group\"><label for=\"groepenkast\" class=\"form-label\">Groepenkast<\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"groepenkast\" name=\"groepenkast\" value=\"0\" class=\"form-input rounded-l-lg\"><div class=\"input-addon\">stuks<\/div><\/div><\/div>                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Energy Section -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mt-8\">\n                <!-- Besparing Table -->\n                <div>\n                    <h3 class=\"subsection-title\">Besparing (Savings)<\/h3>\n                    <table class=\"table-auto w-full hsc-data-table\">\n                        <thead>\n                            <tr class=\"text-left bg-gray-100\">\n                                <th class=\"p-2\"><\/th>\n                                <th class=\"p-2\">Gas<\/th>\n                                <th class=\"p-2\">Elektra<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                                                            <tr>\n                                    <td class=\"p-2 font-medium\">Scenario I<\/td>\n                                    <td class=\"p-2\">\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"number\" name=\"besparing_gas_i\"\n                                                value=\"-10\" class=\"form-input text-right w-full\">\n                                            <span class=\"input-addon\">%<\/span>\n                                        <\/div>\n                                    <\/td>\n                                    <td class=\"p-2\">\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"number\" name=\"besparing_elektra_i\"\n                                                value=\"-10\" class=\"form-input text-right w-full\">\n                                            <span class=\"input-addon\">%<\/span>\n                                        <\/div>\n                                    <\/td>\n                                <\/tr>\n                                                            <tr>\n                                    <td class=\"p-2 font-medium\">Scenario II<\/td>\n                                    <td class=\"p-2\">\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"number\" name=\"besparing_gas_ii\"\n                                                value=\"-15\" class=\"form-input text-right w-full\">\n                                            <span class=\"input-addon\">%<\/span>\n                                        <\/div>\n                                    <\/td>\n                                    <td class=\"p-2\">\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"number\" name=\"besparing_elektra_ii\"\n                                                value=\"-10\" class=\"form-input text-right w-full\">\n                                            <span class=\"input-addon\">%<\/span>\n                                        <\/div>\n                                    <\/td>\n                                <\/tr>\n                                                            <tr>\n                                    <td class=\"p-2 font-medium\">Scenario III<\/td>\n                                    <td class=\"p-2\">\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"number\" name=\"besparing_gas_iii\"\n                                                value=\"-20\" class=\"form-input text-right w-full\">\n                                            <span class=\"input-addon\">%<\/span>\n                                        <\/div>\n                                    <\/td>\n                                    <td class=\"p-2\">\n                                        <div class=\"input-wrapper\">\n                                            <input type=\"number\" name=\"besparing_elektra_iii\"\n                                                value=\"-20\" class=\"form-input text-right w-full\">\n                                            <span class=\"input-addon\">%<\/span>\n                                        <\/div>\n                                    <\/td>\n                                <\/tr>\n                                                    <\/tbody>\n                    <\/table>\n                <\/div>\n\n                <!-- Verbruik\/Prijs Table -->\n                <div>\n                    <h3 class=\"subsection-title\">Verbruik & Prijs<\/h3>\n                    <table class=\"table-auto w-full hsc-data-table\">\n                        <thead>\n                            <tr class=\"text-left bg-gray-100\">\n                                <th class=\"p-2\"><\/th>\n                                <th class=\"p-2\">Gas<\/th>\n                                <th class=\"p-2\">Elektra<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <!-- Verbruik -->\n                            <tr>\n                                <td class=\"p-2 font-medium\">Verbruik<\/td>\n                                <td class=\"p-2\">\n                                    <div class=\"input-wrapper\">\n                                        <input type=\"number\" name=\"verbruik_gas\" value=\"800\"\n                                            class=\"form-input text-right w-full\">\n                                    <\/div>\n                                <\/td>\n                                <td class=\"p-2\">\n                                    <div class=\"input-wrapper\">\n                                        <input type=\"number\" name=\"verbruik_elektra\" value=\"1200\"\n                                            class=\"form-input text-right w-full\">\n                                    <\/div>\n                                <\/td>\n                            <\/tr>\n                            <!-- Prijs -->\n                            <tr>\n                                <td class=\"p-2 font-medium\">Prijs<\/td>\n                                <td class=\"p-2\">\n                                    <div class=\"input-wrapper\">\n                                        <input type=\"number\" name=\"prijs_gas\" value=\"1.75\" step=\"0.01\"\n                                            class=\"form-input text-right w-full rounded-r-none\">\n                                        <span class=\"input-addon\">\u20ac<\/span>\n                                    <\/div>\n                                <\/td>\n                                <td class=\"p-2\">\n                                    <div class=\"input-wrapper\">\n                                        <input type=\"number\" name=\"prijs_elektra\" value=\"0.25\" step=\"0.01\"\n                                            class=\"form-input text-right w-full rounded-r-none\">\n                                        <span class=\"input-addon\">\u20ac<\/span>\n                                    <\/div>\n                                <\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n\n            <!-- Navigation buttons -->\n            <div class=\"btn-group btn-group-single\">\n                <button type=\"button\" class=\"btn btn-primary\" onclick=\"hscGoToStep(2)\">\n                    Next                    <i class=\"fas fa-arrow-right ml-2\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n\n                <div id=\"step2\" class=\"step-content hidden\" data-step=\"2\">\n            <h2 class=\"section-title\">\n                <i class=\"fas fa-calculator\" style=\"color: #3182ce; margin-right: 0.5rem;\"><\/i>\n                Scenario & Costs            <\/h2>\n\n            <!-- Scenario Selection -->\n            <div class=\"form-group mb-8\">\n                <label class=\"form-label\">\n                    Scenario Selection <span class=\"required\">*<\/span>\n                <\/label>\n                <div class=\"scenario-grid\">\n                    <div class=\"radio-wrapper\"><input type=\"radio\" id=\"scenario0\" name=\"scenario\" value=\"0\" class=\"radio-input\" onchange=\"hscUpdateScenario(this)\"><label for=\"scenario0\" class=\"radio-label\"><div class=\"radio-title\">0<\/div><div class=\"radio-subtitle\">Geen scenario<\/div><\/label><\/div><div class=\"radio-wrapper\"><input type=\"radio\" id=\"scenarioI\" name=\"scenario\" value=\"I\" class=\"radio-input\" onchange=\"hscUpdateScenario(this)\" checked><label for=\"scenarioI\" class=\"radio-label\"><div class=\"radio-title\">I<\/div><div class=\"radio-subtitle\">Scenario I<\/div><\/label><\/div><div class=\"radio-wrapper\"><input type=\"radio\" id=\"scenarioII\" name=\"scenario\" value=\"II\" class=\"radio-input\" onchange=\"hscUpdateScenario(this)\"><label for=\"scenarioII\" class=\"radio-label\"><div class=\"radio-title\">II<\/div><div class=\"radio-subtitle\">Scenario II<\/div><\/label><\/div><div class=\"radio-wrapper\"><input type=\"radio\" id=\"scenarioIII\" name=\"scenario\" value=\"III\" class=\"radio-input\" onchange=\"hscUpdateScenario(this)\"><label for=\"scenarioIII\" class=\"radio-label\"><div class=\"radio-title\">III<\/div><div class=\"radio-subtitle\">Scenario III<\/div><\/label><\/div>                <\/div>\n                <p class=\"form-help\">Select the desired sustainability scenario                <\/p>\n            <\/div>\n\n            <!-- Costs -->\n            <div class=\"grid grid-cols-1 hsc-cols-2-desktop\" style=\"gap: 2rem;\">\n                <!-- Input costs -->\n                <div>\n                    <h3 class=\"subsection-title\">Monthly Costs<\/h3>\n\n                    <div class=\"grid grid-cols-1 hsc-cols-2-desktop\" style=\"gap: 1rem;\">\n                        <!-- Administratiekosten -->\n                        <div class=\"form-group\"><label for=\"administratiekosten\" class=\"form-label\">Administratiekosten <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"administratiekosten\" name=\"administratiekosten\" value=\"35\" class=\"form-input hsc-cost-field rounded-l-lg\" required min=\"0\" step=\"0.01\"><div class=\"input-addon\">\u20ac<\/div><\/div><\/div>\n                        <!-- Verzekering -->\n                        <div class=\"form-group\"><label for=\"verzekering\" class=\"form-label\">Verzekering <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"verzekering\" name=\"verzekering\" value=\"15\" class=\"form-input hsc-cost-field rounded-l-lg\" required min=\"0\" step=\"0.01\"><div class=\"input-addon\">\u20ac<\/div><\/div><\/div>\n                        <!-- Bankkosten -->\n                        <div class=\"form-group\"><label for=\"bankkosten\" class=\"form-label\">Bankkosten <span class=\"required\">*<\/span><\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"bankkosten\" name=\"bankkosten\" value=\"6\" class=\"form-input hsc-cost-field rounded-l-lg\" required min=\"0\" step=\"0.01\"><div class=\"input-addon\">\u20ac<\/div><\/div><\/div>\n                        <!-- Contracten -->\n                        <div class=\"form-group\"><label for=\"contracten\" class=\"form-label\">Contracten<\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"contracten\" name=\"contracten\" value=\"0\" class=\"form-input hsc-cost-field rounded-l-lg\" min=\"0\" step=\"0.01\"><div class=\"input-addon\">\u20ac<\/div><\/div><\/div>\n                        <!-- Spaarbedrag onderhoud -->\n                        <div class=\"form-group\"><label for=\"spaarbedrag_onderhoud\" class=\"form-label\">Spaarbedrag onderhoud<\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"spaarbedrag_onderhoud\" name=\"spaarbedrag_onderhoud\" value=\"0\" class=\"form-input hsc-cost-field rounded-l-lg\" min=\"0\" step=\"0.01\"><div class=\"input-addon\">\u20ac<\/div><\/div><\/div>\n                        <!-- Financiering -->\n                        <div class=\"form-group\"><label for=\"financiering\" class=\"form-label\">Financiering<\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"financiering\" name=\"financiering\" value=\"0\" class=\"form-input hsc-cost-field rounded-l-lg\" min=\"0\" step=\"0.01\"><div class=\"input-addon\">\u20ac<\/div><\/div><\/div>                    <\/div>\n                <\/div>\n\n                <!-- Calculated costs -->\n                <div>\n                    <h3 class=\"subsection-title\">Calculated Costs<\/h3>\n\n                    <div class=\"grid grid-cols-1 hsc-cols-2-desktop\" style=\"gap: 1rem;\">\n                        <!-- VvE Bijdrage -->\n                        <div class=\"cost-display blue\" style=\"margin-bottom: 0;\">\n                            <label class=\"form-label\">VvE Bijdrage<\/label>\n                            <div class=\"cost-display-header\">\n                                <div class=\"cost-value blue\" id=\"vveBijdrageDisplay\">\n                                    \u20ac56,00                                <\/div>\n                                <div class=\"cost-icon blue\">\n                                    <i class=\"fas fa-calculator\"><\/i>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Energiekosten -->\n                        <div class=\"form-group\"><label for=\"energiekosten\" class=\"form-label\">Energiekosten<\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"energiekosten\" name=\"energiekosten\" value=\"0\" class=\"form-input hsc-cost-field rounded-l-lg\" min=\"0\" step=\"0.01\"><div class=\"input-addon\">\u20ac<\/div><\/div><\/div>\n                        <!-- Overige kosten -->\n                        <div class=\"form-group\"><label for=\"overige_kosten\" class=\"form-label\">Overige kosten (inboedel verzekering)<\/label><div class=\"input-wrapper\"><input type=\"number\" id=\"overige_kosten\" name=\"overige_kosten\" value=\"0\" class=\"form-input hsc-cost-field rounded-l-lg\" min=\"0\" step=\"0.01\"><div class=\"input-addon\">\u20ac<\/div><\/div><\/div>\n                        <!-- Totale Woonlasten -->\n                        <div class=\"cost-display green\" style=\"margin-bottom: 0;\">\n                            <label class=\"form-label\">Totale Woonlasten<\/label>\n                            <div class=\"cost-display-header\">\n                                <div class=\"cost-value green\" id=\"totaleWoonlastenDisplay\">\n                                    \u20ac56,00                                <\/div>\n                                <div class=\"cost-icon green\">\n                                    <i class=\"fas fa-home\"><\/i>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Navigation buttons -->\n            <div class=\"btn-group\">\n                <button type=\"button\" class=\"btn btn-secondary\" onclick=\"hscGoToStep(1)\">\n                    <i class=\"fas fa-arrow-left\"><\/i>\n                    Previous                <\/button>\n                <button type=\"button\" class=\"btn btn-primary\" onclick=\"hscGoToStep(3)\">\n                    Next                    <i class=\"fas fa-arrow-right ml-2\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n                <div id=\"step3\" class=\"step-content hidden\" data-step=\"3\">\n            <h2 class=\"section-title\">\n                <i class=\"fas fa-leaf\" style=\"color: #3182ce; margin-right: 0.5rem;\"><\/i>\n                Sustainability Measures            <\/h2>\n\n            <div class=\"table-container\">\n                <table class=\"data-table\">\n                    <thead class=\"table-header\">\n                        <tr>\n                            <th style=\"width: 25%;\">Measure<\/th>\n                            <th style=\"width: 15%;\">Costs<\/th>\n                            <th style=\"width: 15%;\">Rc\/U Value<\/th>\n                            <th style=\"width: 15%;\">Scenario I<\/th>\n                            <th style=\"width: 15%;\">Scenario II<\/th>\n                            <th style=\"width: 15%;\">Scenario III<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody class=\"table-body\">\n                                                    <tr class=\"bg-gray-50 border-b\">\n                                <td>Dak Hellend Isoleren<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"dak_hellend_isoleren_kosten\"\n                                                name=\"dak_hellend_isoleren_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_dak_hellend_isoleren\"\n                                            name=\"rcu_dak_hellend_isoleren\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_dak_hellend_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_dak_hellend_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_dak_hellend_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-white border-b\">\n                                <td>Dak Hellend niet Isoleren<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"dak_hellend_niet_isoleren_kosten\"\n                                                name=\"dak_hellend_niet_isoleren_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_dak_hellend_niet_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_dak_hellend_niet_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_dak_hellend_niet_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-gray-50 border-b\">\n                                <td>Dak Bitumen Isoleren<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"dak_bitumen_isoleren_kosten\"\n                                                name=\"dak_bitumen_isoleren_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_dak_bitumen_isoleren\"\n                                            name=\"rcu_dak_bitumen_isoleren\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_dak_bitumen_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_dak_bitumen_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_dak_bitumen_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-white border-b\">\n                                <td>Dak Bitumen Niet Isoleren<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"dak_bitumen_niet_isoleren_kosten\"\n                                                name=\"dak_bitumen_niet_isoleren_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_dak_bitumen_niet_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_dak_bitumen_niet_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_dak_bitumen_niet_isoleren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-gray-50 border-b\">\n                                <td>Spouwmuurisolatie<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"spouwmuurisolatie_kosten\"\n                                                name=\"spouwmuurisolatie_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_spouwmuurisolatie\"\n                                            name=\"rcu_spouwmuurisolatie\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_spouwmuurisolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_spouwmuurisolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_spouwmuurisolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-white border-b\">\n                                <td>Gevelisolatie<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"gevelisolatie_kosten\"\n                                                name=\"gevelisolatie_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_gevelisolatie\"\n                                            name=\"rcu_gevelisolatie\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_gevelisolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_gevelisolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_gevelisolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-gray-50 border-b\">\n                                <td>HR++ in bestaande kozijnen<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"hrpp_bestande_kozijnen_kosten\"\n                                                name=\"hrpp_bestande_kozijnen_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_hrpp_bestande_kozijnen\"\n                                            name=\"rcu_hrpp_bestande_kozijnen\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_hrpp_bestande_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_hrpp_bestande_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_hrpp_bestande_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-white border-b\">\n                                <td>HR++ in nieuwe kozijnen<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"hrpp_nieuwe_kozijnen_kosten\"\n                                                name=\"hrpp_nieuwe_kozijnen_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_hrpp_nieuwe_kozijnen\"\n                                            name=\"rcu_hrpp_nieuwe_kozijnen\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_hrpp_nieuwe_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_hrpp_nieuwe_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_hrpp_nieuwe_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-gray-50 border-b\">\n                                <td>HR++ in overige kozijnen<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"hrpp_overige_kozijnen_kosten\"\n                                                name=\"hrpp_overige_kozijnen_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_hrpp_overige_kozijnen\"\n                                            name=\"rcu_hrpp_overige_kozijnen\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_hrpp_overige_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_hrpp_overige_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_hrpp_overige_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-white border-b\">\n                                <td>Triple Glas in nieuwe raamkozijnen<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"triple_glas_nieuwe_raamkozijnen_kosten\"\n                                                name=\"triple_glas_nieuwe_raamkozijnen_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_triple_glas_nieuwe_raamkozijnen\"\n                                            name=\"rcu_triple_glas_nieuwe_raamkozijnen\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_triple_glas_nieuwe_raamkozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_triple_glas_nieuwe_raamkozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_triple_glas_nieuwe_raamkozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-gray-50 border-b\">\n                                <td>Triple glas in overige kozijnen<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"triple_glas_overige_kozijnen_kosten\"\n                                                name=\"triple_glas_overige_kozijnen_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_triple_glas_overige_kozijnen\"\n                                            name=\"rcu_triple_glas_overige_kozijnen\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_triple_glas_overige_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_triple_glas_overige_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_triple_glas_overige_kozijnen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-white border-b\">\n                                <td>Isolerende deuren<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"isolerende_deuren_kosten\"\n                                                name=\"isolerende_deuren_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_isolerende_deuren\"\n                                            name=\"rcu_isolerende_deuren\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_isolerende_deuren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_isolerende_deuren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_isolerende_deuren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-gray-50 border-b\">\n                                <td>Balkondeuren<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"balkondeuren_kosten\"\n                                                name=\"balkondeuren_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_balkondeuren\"\n                                            name=\"rcu_balkondeuren\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_balkondeuren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_balkondeuren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_balkondeuren\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-white border-b\">\n                                <td>Isolerende panelen<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"isolerende_panelen_kosten\"\n                                                name=\"isolerende_panelen_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_isolerende_panelen\"\n                                            name=\"rcu_isolerende_panelen\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_isolerende_panelen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_isolerende_panelen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_isolerende_panelen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-gray-50 border-b\">\n                                <td>Vloerisolatie<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"vloerisolatie_kosten\"\n                                                name=\"vloerisolatie_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_vloerisolatie\"\n                                            name=\"rcu_vloerisolatie\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_vloerisolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_vloerisolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_vloerisolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-white border-b\">\n                                <td>Plafondberging isolatie<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"plafondberging_isolatie_kosten\"\n                                                name=\"plafondberging_isolatie_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                            <input type=\"number\" id=\"rcu_plafondberging_isolatie\"\n                                            name=\"rcu_plafondberging_isolatie\" value=\"1.00\" class=\"form-input\"\n                                            style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_plafondberging_isolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_plafondberging_isolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_plafondberging_isolatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-gray-50 border-b\">\n                                <td>Mechanische Ventilatie<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"mechanische_ventilatie_kosten\"\n                                                name=\"mechanische_ventilatie_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_mechanische_ventilatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_mechanische_ventilatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_mechanische_ventilatie\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-white border-b\">\n                                <td>WTW<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"wtw_kosten\"\n                                                name=\"wtw_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_wtw\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_wtw\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_wtw\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-gray-50 border-b\">\n                                <td>Zonnepanelen<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"zonnepanelen_kosten\"\n                                                name=\"zonnepanelen_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_zonnepanelen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_zonnepanelen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_zonnepanelen\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-white border-b\">\n                                <td>Steigerkosten<\/td>\n                                <td>\n                                                                            <div class=\"input-wrapper\">\n                                            <input type=\"number\" id=\"steigerkosten_kosten\"\n                                                name=\"steigerkosten_kosten\" value=\"0.00\" class=\"form-input\"\n                                                style=\"padding: 0.25rem; font-size: 0.875rem;\">\n                                            <div class=\"input-addon\" style=\"padding: 0.25rem;\">\u20ac                                            <\/div>\n                                        <\/div>\n                                                                    <\/td>\n                                <td>\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_steigerkosten\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_steigerkosten\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_steigerkosten\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                        <tr class=\"bg-gray-50 border-b\">\n                                <td>Nij Begun<\/td>\n                                <td>\n                                                                    <\/td>\n                                <td>\n                                                                    <\/td>\n                                <td>\n                                    <select id=\"scenario1_nij_begun\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario2_nij_begun\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                                <td>\n                                    <select id=\"scenario3_nij_begun\" class=\"form-select\">\n                                        <option value=\"Nee\">No<\/option>\n                                        <option value=\"Ja\">Yes<\/option>\n                                    <\/select>\n                                <\/td>\n                            <\/tr>\n                                                <\/tbody>\n                <\/table>\n            <\/div>\n\n            <!-- Summary -->\n            <div class=\"hsc-measures-summary\">\n                <h3>Scenario Summary<\/h3>\n                <div class=\"grid grid-cols-1 md:grid-cols-3\">\n                    <div class=\"hsc-summary-item\">\n                        <h4>Scenario I<\/h4>\n                        <div class=\"hsc-summary-cost\" id=\"scenario1_total\">\n                            \u20ac0,00                        <\/div>\n                    <\/div>\n                    <div class=\"hsc-summary-item\">\n                        <h4>Scenario II<\/h4>\n                        <div class=\"hsc-summary-cost\" id=\"scenario2_total\">\n                            \u20ac0,00                        <\/div>\n                    <\/div>\n                    <div class=\"hsc-summary-item\">\n                        <h4>Scenario III<\/h4>\n                        <div class=\"hsc-summary-cost\" id=\"scenario3_total\">\n                            \u20ac0,00                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Navigation buttons -->\n            <div class=\"btn-group\">\n                <button type=\"button\" class=\"btn btn-secondary\" onclick=\"hscGoToStep(2)\">\n                    <i class=\"fas fa-arrow-left\"><\/i>\n                    Previous                <\/button>\n                <div class=\"btn-group-right\">\n                    <button type=\"button\" class=\"btn btn-success\" onclick=\"hscSubmitForm()\">\n                        <i class=\"fas fa-check\"><\/i>\n                        Calculate Housing Costs                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"hsc-form-messages\" id=\"hsc-form-messages\" style=\"display: none;\">\n            <div class=\"hsc-message hsc-message-error\"><\/div>\n            <div class=\"hsc-message hsc-message-success\"><\/div>\n        <\/div>\n    <\/form>\n\n            <div id=\"hsc-results\" class=\"hsc-results\" style=\"display: none;\">\n            <h2 class=\"section-title\">\n                <i class=\"fas fa-chart-bar\" style=\"color: #38a169; margin-right: 0.5rem;\"><\/i>\n                Calculation Results            <\/h2>\n\n            <div class=\"hsc-results-grid\">\n                <!-- VvE Contribution -->\n                <div class=\"hsc-result-card\">\n                    <div class=\"hsc-result-header\">\n                        <h3>VvE Contribution<\/h3>\n                        <i class=\"fas fa-calculator\"><\/i>\n                    <\/div>\n                    <div class=\"hsc-result-value\" id=\"result-vve\">\n                        \u20ac0,00                    <\/div>\n                    <div class=\"hsc-result-description\">\n                        Monthly VvE contribution                    <\/div>\n                <\/div>\n\n                <!-- Total Housing Costs -->\n                <div class=\"hsc-result-card hsc-result-highlight\">\n                    <div class=\"hsc-result-header\">\n                        <h3>Total Housing Costs<\/h3>\n                        <i class=\"fas fa-home\"><\/i>\n                    <\/div>\n                    <div class=\"hsc-result-value\" id=\"result-total\">\n                        \u20ac0,00                    <\/div>\n                    <div class=\"hsc-result-description\">\n                        Total monthly housing costs                    <\/div>\n                <\/div>\n\n                <!-- Scenario Investments -->\n                            <\/div>\n\n            <!-- Detailed Results -->\n            <div class=\"hsc-detailed-results\">\n                <h3>Detailed Breakdown<\/h3>\n                <div class=\"hsc-results-tabs\">\n                    <button class=\"hsc-tab-button active\" data-tab=\"costs\">Cost Breakdown<\/button>\n                    <button class=\"hsc-tab-button\" data-tab=\"measures\">Sustainability Measures<\/button>\n                    <button class=\"hsc-tab-button\" data-tab=\"summary\">Summary<\/button>\n                <\/div>\n\n                <div class=\"hsc-tab-content active\" id=\"tab-costs\">\n                            <table class=\"hsc-breakdown-table\">\n            <thead>\n                <tr>\n                    <th>Cost Type<\/th>\n                    <th>Amount<\/th>\n                    <th>Frequency<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                                                                            <\/tbody>\n        <\/table>\n                        <\/div>\n\n                <div class=\"hsc-tab-content\" id=\"tab-measures\">\n                                    <\/div>\n\n                <div class=\"hsc-tab-content\" id=\"tab-summary\">\n                            <div class=\"hsc-summary-grid\">\n            <div class=\"hsc-summary-item\">\n                <h4>Calculation Date<\/h4>\n                <p>juli 8, 2026 9:26 am<\/p>\n            <\/div>\n            <div class=\"hsc-summary-item\">\n                <h4>Building Information<\/h4>\n                <p>\n                                                        <\/p>\n            <\/div>\n            <div class=\"hsc-summary-item\">\n                <h4>Selected Scenario<\/h4>\n                <p>\n                                    <\/p>\n            <\/div>\n        <\/div>\n                        <\/div>\n            <\/div>\n\n            <!-- Actions -->\n            <div class=\"hsc-results-actions\">\n                <button type=\"button\" class=\"btn btn-secondary\" onclick=\"hscResetForm()\">\n                    <i class=\"fas fa-redo\"><\/i>\n                    New Calculation                <\/button>\n                <button type=\"button\" class=\"btn btn-primary\" onclick=\"hscPrintResults()\">\n                    <i class=\"fas fa-print\"><\/i>\n                    Print Results                <\/button>\n            <\/div>\n        <\/div>\n                    <div class=\"hsc-loading-overlay\" id=\"hsc-loading-overlay\" style=\"display: none;\">\n            <div class=\"hsc-loading-spinner\">\n                <div class=\"hsc-spinner\"><\/div>\n                <p>Calculating...<\/p>\n            <\/div>\n        <\/div>\n                    <div class=\"hsc-form-footer\">\n            <p class=\"hsc-form-note\">\n                This calculator helps you estimate housing costs and sustainability measures.            <\/p>\n        <\/div>\n        <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/woonlasten-berekening.nl\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/woonlasten-berekening.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/woonlasten-berekening.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/woonlasten-berekening.nl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/woonlasten-berekening.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":1,"href":"https:\/\/woonlasten-berekening.nl\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/woonlasten-berekening.nl\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/woonlasten-berekening.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}