{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "general/components/formfieldset/formfieldset-macros.njk" as formfieldset %}

{# ========================================================================== #}
{# :: partial #}
{# ========================================================================== #}
<div class="c-bubble__container u-margin-top-5x">
	<div class="c-bubble c-bubble--arrow-right-responsive">

		<h4 class="u-margin-bottom-3x">Verplichtingen max</h4>

		{{formfieldset.yesNoRadio("", {
			question:"Heb je leningen en/of Verplichtingen",
			options:[
				{
					name: "loansOrObligations",
				text: "ja",
				type: "radio",
				checked:"true"
				},
				{
					name: "loansOrObligations",
				text: "nee",
				type: "radio"
				}
			]
		})}}

		{{formfieldset.default("", {
			question:"Wat is het limiet van je krediet?",
			options:[
				{
					name: "creditLimit",
					text: "€ 0",
					type: "text"
				}
			]
		})}}

		{{formfieldset.yesNoRadio("", {
			question:"Heb je een studieschuld?",
			options:[
				{
					name: "studyDebt",
					text: "ja",
					type: "radio",
					checked:"true"
				},
				{
					name: "studyDebt",
					text: "nee",
					type: "radio"
				}
			]
		})}}

		{{formfieldset.combined("", {
			question:"Er is een studieschuld van",
			input: {
				name: "studyDebtValue",
				text: "€ 0",
				type: "text"
			},
			select: {
				id: "studyDebtType",
				name:"studyDebtType",
				type:"select",
				input: {
					placeholder: "stelsel type",
					icon: "far fa-chevron-down",
					options: [
						{
							text:"Oud stelsel"
						},
						{
							text:"Nieuw stelsel"
						}
					]
				}
			}
		})}}

		{{formfieldset.yesNoRadio("", {
			question:"Betaal je partneralimentatie?",
			options:[
				{
					name: "partnerAlimony",
					text: "ja",
					type: "radio",
					checked:"true"
				},
				{
					name: "partnerAlimony",
					text: "nee",
					type: "radio"
				}
			]
		})}}

		<hr class="l-form__hr">

		<h4 class="u-margin-bottom-3x">Nieuwe woning</h4>

		{{formfieldset.yesNoRadio("", {
			question:"Heb je al een nieuwe woning op het oog?",
			options:[
				{
					name: "newHome",
					text: "ja",
					type: "radio",
					checked:"true"
				},
				{
					name: "newHome",
					text: "nee",
					type: "radio"
				}
			]
		})}}

		{{formfieldset.default("", {
			question:"Marktwaarde van de nieuwe woning?",
			options:[
				{
					name: "marketValue",
					text: "€ 0",
					type: "text"
				}
			]
		})}}

		{{formfieldset.default("", {
			question:"Energiezuinig",
			options:[
				{
					name: "energyEfficiency",
					text: "Energiezuinigheid",
					type: "select",
					options:[
						{
							text:"Nee"
						},
						{
							text:"Ja"
						},
						{
							text:"NulopdeMeter-Woning"
						},
						{
							text:"NulopdeMeter met EP-garantie"
						}
					]
				}
			]
		})}}
	</div>
</div>
