90 lines
2.0 KiB
Svelte
90 lines
2.0 KiB
Svelte
<script lang="ts">
|
|
import { PRICES } from "#lib/constants";
|
|
|
|
let showHelp: boolean = false;
|
|
|
|
</script>
|
|
|
|
<div>
|
|
<button class="button" type="button" on:click={() => (showHelp = !showHelp)}
|
|
>Hilfe anfordern</button>
|
|
</div>
|
|
|
|
{#if showHelp}
|
|
<div class="col-start-1 row-start-2 col-span-4 mt-4">
|
|
|
|
<div class="bereich-box grid relative
|
|
grid-cols-1 gap-x-4 gap-y-4
|
|
|
|
"
|
|
>
|
|
<div class="pr-12">
|
|
Gerne helfen wir Ihnen wenn Sie nicht weiterkommen oder Fragen
|
|
haben. Kurze Fragen zum Formular oder der Ausweisart werden
|
|
kostenfrei telefonisch unter <a href="tel:+4940209339850"
|
|
>040/209339850</a
|
|
> beantwortet (bis 5min). Sollten Sie Unterstützung bei der Erstellung
|
|
benötgen oder lieber die Arbeit von unserem Ingenieurbüro erledigen
|
|
lassen, bieten wir Ihnen folgende Hilfen an. Bitte treffen Sie Ihre
|
|
Auswahl und klicken auf weiter:
|
|
</div>
|
|
|
|
<hr class="m-0">
|
|
|
|
<div class="grid grid-cols-[30px_490px_200px_1fr] items-center">
|
|
|
|
<input
|
|
type="radio"
|
|
class=" accent-secondary w-[20px] h-[20px]"
|
|
id="Produkttb1"
|
|
value="ptb"
|
|
name="Produkt"
|
|
/>
|
|
|
|
<div class="justify-self-stretch">
|
|
Verbrauchsausweis online inkl. ausführlicher telefonischer Beratung
|
|
</div>
|
|
|
|
<div class="text-right">
|
|
<b>{PRICES.VerbrauchsausweisWohnen[1]} €</b> inkl. MwSt.
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid grid-cols-[30px_490px_200px_1fr] items-center">
|
|
|
|
<input
|
|
type="radio"
|
|
class=" accent-secondary w-[20px] h-[20px]"
|
|
id="Produktof1"
|
|
value="pof"
|
|
name="Produkt"
|
|
/>
|
|
|
|
<div>
|
|
Verbrauchsausweis offline (Sie schicken uns 3 Verbrauchsabrechnungen zu)
|
|
</div>
|
|
|
|
<div class="text-right">
|
|
<b>{PRICES.VerbrauchsausweisWohnen[2]} €</b> inkl. MwSt.
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr class="m-0">
|
|
|
|
<button class="button">jetzt Hilfe bestellen</button>
|
|
|
|
<button class="button absolute top-2 right-2 w-[30px] h-[30px] text-sm p-0" type="button" on:click={() => (showHelp = !showHelp)}>X</button>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
{/if}
|
|
|