
<div class="c-footer-wrapper">
  <div class="c-footer-wrapper__inner">

    <ul class="c-footer-accordion c-footer-accordion--top-level" aria-live="polite" >
      {{#each items}}
        <li class="c-footer-accordion__item">
          <div class="c-footer-accordion__item__container">
            <button class="c-footer-accordion-button" type="button" aria-controls="subcategory-level-2-A-{{@index}}" aria-expanded="false">
              <span class="c-footer-accordion__title">{{this.label}}</span>
              <svg class="c-control__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
                <use xlink:href="{{ basePath }}/assets/patterns/images/sprite.svg#nav-arrow-down"></use>
              </svg>
              <span class="c-footer-accordion-category u-visually-hidden">open sub categories</span>
            </button>
          </div>
          {{#if this.subItems}}
            <ul id="subcategory-level-2-A-{{@index}}" class="c-footer-accordion c-footer-accordion--level-2">
              {{#each this.subItems}}
                <li class="c-footer-accordion__item">
                  <div class="c-footer-accordion__item__container">
                    <a href="#" class="c-footer-accordion__link">{{this.label}}</a>
                  </div>
                </li>
              {{/each}}
            </ul>
          {{/if}}
        </li>
      {{/each}}
    </ul>

    <ul class="c-footer-column u-hidden">
      {{#each items}}
        <li class="c-footer-column-heading__item">
          <h2 class="c-footer-accordion__title c-footer-accordion__title--column">{{this.label}}</h2>
          {{#if this.subItems}}
            <ul class="c-footer-column-level-2">
              {{#each this.subItems}}
                <li class="c-footer-column__item">
                  <a href="#" class="c-footer-accordion__link c-footer-accordion__link--column">{{this.label}}</a>
                </li>
              {{/each}}
            </ul>
          {{/if}}
        </li>
      {{/each}}
    </ul>

  </div>
</div>
