<script lang="ts">
	import {
		AufnahmeClient,
		ObjektClient,
		UploadedGebaeudeBild,
	} from "./types.js";
	import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte";
	import AnlagenTechnikImage from "./AnlagenTechnikImage.svelte";
	import { BedarfsausweisGewerbe } from "#lib/client/prisma.js";

	export let objekt: ObjektClient;
	export let aufnahme: AufnahmeClient;
	export let ausweis: BedarfsausweisGewerbe;
	export let images: UploadedGebaeudeBild[];
</script>

<div
	id="sanierungszustand"
	class="bereich-box grid
    grid-cols-1 gap-x-4 gap-y-2
         
    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="Abluftanlage"
		name="abluftanlage"
		help=""
		value="AWD"
		bind:checked={ausweis.abluftanlage}
	></SanierungsOption>
	<SanierungsOption
		label="Zu- und Abluftanlage"
		name="zu_abluftanlage"
		help=""
		value="KWD"
		bind:checked={ausweis.zu_abluftanlage}
	></SanierungsOption>
	<SanierungsOption
		label="Konditionierung der Zuluft"
		name="konditionierung_der_zuluft"
		help=""
		value="KDD"
		bind:checked={ausweis.konditionierung_der_zuluft}
	></SanierungsOption>
	<SanierungsOption
		label="Luftheizung"
		name="luftheizung"
		help=""
		value="DGD"
		bind:checked={ausweis.luftheizung}
	></SanierungsOption>
	<SanierungsOption
		label="Hallenheizung"
		name="hallenheizung"
		help=""
		value="DGD"
		bind:checked={ausweis.hallenheizung}
	></SanierungsOption>
	<SanierungsOption
		label="Dunkelstrahler"
		name="dunkelstrahler"
		help=""
		value="DGD"
		bind:checked={ausweis.dunkelstrahler}
	></SanierungsOption>
	<SanierungsOption
		label="Direktheizung"
		name="direktheizung"
		help=""
		value="DGD"
		bind:checked={ausweis.direktheizung}
	></SanierungsOption>
	<SanierungsOption
		label="Infrarotstrahler"
		name="infrarotstrahler"
		help=""
		value="DGD"
		bind:checked={ausweis.infrarotstrahler}
	></SanierungsOption>
	<SanierungsOption
		label="Fußbodenheizung"
		name="fussbodenheizung"
		help=""
		value="DGD"
		bind:checked={ausweis.fussbodenheizung}
	></SanierungsOption>
	<SanierungsOption
		label="Bauteilaktivierung"
		name="bauteilaktivierung"
		help=""
		value="DGD"
		bind:checked={ausweis.bauteilaktivierung}
	></SanierungsOption>
	<SanierungsOption
		label="Klimatisierung"
		name="klimatisierung"
		help=""
		value="DGD"
		bind:checked={ausweis.klimatisierung}
	></SanierungsOption>
</div>

<AnlagenTechnikImage bind:images bind:ausweis bind:objekt />
<style lang="postcss">
</style>
