<script lang="ts">
	import HelpLabel from "#components/labels/HelpLabel.svelte";
	import Inputlabel from "#components/labels/InputLabel.svelte";

	import HeizungImage from "./HeizungImage.svelte";

	import {
		AufnahmeClient,
		ObjektClient,
		UploadedGebaeudeBild,
		VerbrauchsausweisGewerbeClient,
		VerbrauchsausweisWohnenClient,
	} from "./types.js";
	import { boolean } from "astro:schema";
	import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte";
	import AngabenZurHeizunganlage from "#components/Ausweis/AngabenZurHeizunganlage.svelte";

	export let objekt: ObjektClient;
	export let aufnahme: AufnahmeClient;
	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbeClient;
	export let images: UploadedGebaeudeBild[];

	export let ausweisart: Enums.Ausweisart;
</script>

{#if ausweisart=="BedarfsausweisWohnen"}
<AngabenZurHeizunganlage bind:ausweis/>
{/if}

<div
	id="sanierungszustand"
	class="bereich-box grid
    grid-cols-1 gap-x-4 gap-y-1
    
    sm:grid-cols-1 sm:gap-x-6 sm:gap-y-1
    md:grid-cols-2 md:gap-x-6 md:gap-y-8
    
    xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
    2xl:grid-cols-3 2xl:gap-x-8 2xl:gap-y-2
    "
>
	<SanierungsOption
		label="Zentral/Etage"
		name="zentralheizung"
		help="Bitte anklicken wenn die Heizwärme <strong>zentral erzeugt</strong> und von dort in die Räume verteilt wird. Gasthermen und Etagenheizungen in der Wohnung gehören auch dazu."
		value="ZH"
		bind:checked={aufnahme.zentralheizung}
	></SanierungsOption>
	<SanierungsOption
		label="Einzelofen"
		name="einzelofen"
		help="Bei <strong>dezentraler Erzeugung</strong> in den Räumen wie z.B. Nachtspeicher, Kami- oder Kachelofen. Dezentrale Klimageräte zur Wärmeerzeugung gehören auch dazu."
		value="EO"
		bind:checked={aufnahme.einzelofen}
	></SanierungsOption>
	<SanierungsOption
		label="Durchlauferhitzer (elektrisch)"
		name="durchlauf_erhitzer"
		help="Wenn <strong>dezentrale</strong> elektrische <strong>Warmwassererzeugung</strong> vorhanden ist"
		value="DH"
		bind:checked={aufnahme.durchlauf_erhitzer}
	></SanierungsOption>
	<SanierungsOption
		label="Standardkessel"
		name="standard_kessel"
		help="Gemeint sind Konstanttemperaturkessel und ältere Gebläse- oder Feststoffkessel"
		value="SK"
		bind:checked={aufnahme.standard_kessel}
	></SanierungsOption>
	<SanierungsOption
		label="Solarsystem für Warmwasser"
		name="solarsystem_warmwasser"
		help="Solarpanele auf dem Dach zur <strong>alternativen Warmwassererzeugung</strong> aus Sonnenenergie. Nicht zu verwechseln mit Photovoltaik."
		value="SSWW"
		bind:checked={aufnahme.solarsystem_warmwasser}
	></SanierungsOption>
	<SanierungsOption
		label="Wärmepumpe"
		name="waermepumpe"
		help="Elektrisch betriebener Wärmerzeuger der thermische Energie aus natürlichen Wärmequellen wie der <strong>Umgebungsluft, dem Erdreich oder Grundwasser</strong> nutzbar macht."
		value="WP"
		bind:checked={aufnahme.waermepumpe}
	></SanierungsOption>
	<SanierungsOption
		label="Niedertemperaturkessel"
		name="niedertemperatur_kessel"
		help="Heizkessel der mit <strong>niedrigen Vorlauftemperaturen</strong> (35-75 °C) arbeitet. Im Vergleich zum Brennwertkessel ist er weniger effizient, wird aber noch in älteren Heizsystemen eingesetzt."
		value="NK"
		bind:checked={aufnahme.niedertemperatur_kessel}
	></SanierungsOption>
	<SanierungsOption
		label="Brennwertkessel"
		name="brennwert_kessel"
		help="Hat einen besonders <strong>hohen Wirkungsgrad</strong> weil er die im Abgas enthaltene Kondensationswärme zurückgewinnt. Auch zu erkennen am doppelwandigem Abgasrohr welches sich nicht erhitzt."
		value="BWK"
		bind:checked={aufnahme.brennwert_kessel}
	></SanierungsOption>
	<SanierungsOption
		label="Warmwasserrohre gedämmt"
		name="warmwasser_rohre_gedaemmt"
		help="Gemeint sind die sichtbaren Rohre des Verteilsystems Warmwasser. Gedämmte Rohre sind an den <strong>dunklen Ummantelungen</strong> (Manschetten) zu erkennen."
		value="BWK"
		bind:checked={aufnahme.warmwasser_rohre_gedaemmt}
	></SanierungsOption>
	<SanierungsOption
		label="Heizungsrohre gedämmt"
		name="heizungsrohre_gedaemmt"
		help="Gemeint sind die sichtbaren Rohre des Verteilsystems Heizung. Gedämmte Rohre sind an den <strong>dunklen Ummantelungen</strong> (Manschetten) zu erkennen.ext"
		value="HRGD"
		bind:checked={aufnahme.heizungsrohre_gedaemmt}
	></SanierungsOption>
	<SanierungsOption
		label="Zirkulation"
		name="zirkulation"
		help="Kreislauf von Heizungs- oder Warmwasser <strong>innerhalb eines Leitungssystems</strong>, um eine gleichmäßige Wärmeverteilung sicherzustellen."
		value="ZK"
		bind:checked={aufnahme.zirkulation}
	></SanierungsOption>
	<SanierungsOption
		label="Photovoltaik auf dem Dach"
		name="photovoltaik"
		help="Direkte Umwandlung von Sonnenlicht in <strong>elektrische Energie</strong> mittels Solarzellen, die den photoelektrischen Effekt nutzen."
		value="PV"
		bind:checked={aufnahme.photovoltaik}
	></SanierungsOption>
</div>

<HeizungImage bind:images bind:ausweis bind:gebaeude={objekt} />

<style lang="postcss">
</style>
