<script lang="ts">
	import DaemmungImage from "./DaemmungImage.svelte";
	//import Label from "../Label.svelte";

	import {
		AufnahmeClient,
		BedarfsausweisWohnenClient,
		ObjektClient,
		UploadedGebaeudeBild,
		VerbrauchsausweisGewerbeClient,
		VerbrauchsausweisWohnenClient,
	} from "./types.js";
	import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte";

	export let objekt: ObjektClient;
	export let aufnahme: AufnahmeClient;
	export let ausweis:
		| VerbrauchsausweisWohnenClient
		| VerbrauchsausweisGewerbeClient
		| BedarfsausweisWohnenClient;
	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="Außenwand gedämmt"
		name="aussenwand_gedaemmt"
		help=""
		value="AWD"
		bind:checked={aufnahme.aussenwand_gedaemmt}
	></SanierungsOption>
	<SanierungsOption
		label="Kelleraußenwand gedämmt"
		name="keller_wand_gedaemmt"
		help=""
		value="KWD"
		bind:checked={aufnahme.keller_wand_gedaemmt}
	></SanierungsOption>
	<SanierungsOption
		label="Kellerdecke gedämmt"
		name="keller_decke_gedaemmt"
		help=""
		value="KDD"
		bind:checked={aufnahme.keller_decke_gedaemmt}
	></SanierungsOption>
	<SanierungsOption
		label="Dachgeschoss gedämmt"
		name="dachgeschoss_gedaemmt"
		help=""
		value="DGD"
		bind:checked={aufnahme.dachgeschoss_gedaemmt}
	></SanierungsOption>
	<SanierungsOption
		label="Oberste Geschossdecke gedämmt"
		name="oberste_geschossdecke_gedaemmt"
		help=""
		value="DGD"
		bind:checked={aufnahme.oberste_geschossdecke_gedaemmt}
	></SanierungsOption>
	<SanierungsOption
		label="Oberste Geschossdecke min. 12cm gedämmt"
		name="oberste_geschossdecke_min_12cm_gedaemmt"
		help=""
		value="DGD"
		bind:checked={aufnahme.oberste_geschossdecke_min_12cm_gedaemmt}
	></SanierungsOption>
</div>

<DaemmungImage bind:images bind:ausweis bind:objekt />
<!--
    <div class="GRB3">
        <div class="form-group col-md-12">
            <HelpLabel title="Wärmedämmung (bitte zutreffendes ankreuzen) *">
                Wir benötigen diese Angaben um den allgemeinen Modernisierungsstand
                einschätzen zu können. Bitte setzen Sie den Haken wenn zutreffend.
                Das seit Mai 2021 gültige GEG erfordert eine genauere Prüfung anhand
                von Fotos. Bitte laden Sie ein oder mehrere Fotos der Außenwand und
                des Dachbereiches hoch.
            </HelpLabel>
            <hr />
        </div>


    
    <hr />
    
    <Label
        >H - Hier können Sie ein Gebäudebild hochladen und sich Ihren Energieausweis
        als PDF anschauen</Label
    >
    
    <AusweisPreviewContainer bind:images bind:ausweis bind:gebaeude />
    
    -->

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