{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{# atoms #}
{% import "styleguides/general/atoms/button/button-macros.njk" as button %}
{% import "styleguides/general/atoms/switch/switch-macros.njk" as switch %}

{# molecules #}
{% import "styleguides/general/molecules/new-account/new-account-macros.njk" as newAccount %}
{% import "styleguides/general/molecules/list/list-macros.njk" as list %}

{# ========================================================================= #}
{# :: Data #}
{# ========================================================================= #}
{% set contentSwitch %}
  <p class="m-new-account__intro">
    Bij NIBC Direct spaar je voor je kind met dezelfde rentes en voorwaarden als volwassenen.
  </p>

  <p class="m-new-account__rate u-visual-h1">
    <span class="m-new-account__perc">%</span> 0,25<sup>*</sup>
  </p>

  {{switch.default("", {
    id: "switch-new-account-2",
    labelOn: "Variabel rente",
    labelOff: "Vast rente"
  })}}
{% endset %}

{# ========================================================================= #}
{# :: Partial #}
{# ========================================================================= #}
{{newAccount.default("", {
  title: "Kwartaalspaarrekening",
  content: [
    contentSwitch,
    list.withIcons("m-new-account__list", {
      items: [
        "Sparen met een variabele rente",
        "Geen minimum inleg"
      ],
      icon: "icon-checkmark"
    })
  ],
  action: button.link("m-card__action-button", { text: "Deze rekening openen" })
})}}