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

{# ========================================================================== #}
{# :: partial #}
{# ========================================================================== #}
<div class="c-bubble__container">
	<div class="c-bubble c-bubble--arrow-right-responsive">

		<h4 class="u-margin-bottom-3x">Uw situatie</h4>

		{{formfieldset.default("", {
			question:"Wat is je dienstverband?",
			options: [
				{
					name: "button",
					text: "vast",
					type: "button"
				},
				{
					name: "button",
					text: "zelfstandig",
					type: "button"
				},
				{
					name: "button",
					text: "flexwerker",
					checked: "true",
					type: "button"
				},
				{
					name: "button",
					text: "pensioen",
					type: "button"
				}
			]
		})}}

		{{formfieldset.default("", {
			question:"Wat is je geboortedatum?",
			options: [
				{
					name: "birthdate",
					text: "DD-MM-JJJJ",
					type: "text"
				}
			]
		})}}

		{{formfieldset.combined("", {
			question:"Jouw bruto jaarinkomen? <span class='l-form__asterisk'>*</span>",
			input: {
				name: "birthdate",
				text: "€ 0",
				type: "text"
			},
			link: {
				text: "rekenhulp nodig?",
				url: "#"
			}
		})}}

		{{formfieldset.default("", {
			question:"",
			options: [
				{
					name: "hasPartner",
					text: "Ik koop mijn huis met mijn partner",
					type: "checkbox"
				}
			]
		})}}
	</div>
</div>