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

{# organisms #}
{% import "styleguides/general/organisms/interest-overview/interest-overview-macros.njk" as interestOverview %}

{# ========================================================================= #}
{# :: Partial #}
{# ========================================================================= #}
<div class="l-section p-more__tabs">
  <div class="l-container">
    <div class="l-content">
      <form class="l-content__item l-content__item--spacing-large l-form">
        <div class="l-form__grid l-grid l-grid--with-margins">
          {{input.select("l-grid__col-4-12", {
            label: "Kies een rekening",
            name: "styleguide-select-example1",
            placeholder: "Kies een rekening",
            options: ["BE96 5120 0240 4605", "BE96 5120 0240 4605", "BE96 5120 0240 4605"]
          })}}

          {{input.select("l-grid__col-3-12", {
            label: "Jaar",
            name: "styleguide-select-example1",
            options: ["2017", "2018", "2019"]
          })}}
        </div>
      </form>

      {{interestOverview.table("l-content__item")}}
    </div>
  </div>
</div>