{% from '@bonniernews/dn-design-system-web/njk-helpers/attributes.njk' import getAttributes %}

{% macro Footer(params) %}
  {% set componentClassName = "ds-footer" %}
  {%- set classes = [
    componentClassName,
    "ds-force-px" if params.forcePx,
    params.classNames if params.classNames
  ] | join(" ") %}
  {%- set attributes = getAttributes(params.attributes) %}
  <footer class="{{ classes }}" {{- attributes | safe }}>
    <div class="{{ componentClassName + '__inner'}}">
      <div class="{{ componentClassName + '__link-grid'}}">
        {% for group in params.linkGroups %}
          <div class="{{ componentClassName + '__link-group'}}" {{- getAttributes(group.attributes) | safe }}>
            <h2>{{ group.title }}</h2>
            <ul>
              {% for link in group.links %}
                <li><a href="{{ link.href }}" class="ds-footer__link {{ link.classNames }}" {{- getAttributes(link.attributes) | safe }}>{{ link.text }}</a></li>
              {% endfor %}
            </ul>
          </div>
        {% endfor %}
      </div>

      <div class="{{ componentClassName + '__editors'}}">
        {{ params.editorsHtml | safe  }}
        <p class="{{ componentClassName + '__copyright'}}">{{ params.copyright | safe }}</p>
      </div>

      <div class="{{ componentClassName + '__rudolf'}}">
        <img src="{{ params.rudolf.imgUrl }}" alt="Rudolf Wall" width="64" height="64" loading="lazy">
        <p>{{ params.rudolf.text }}</p>
      </div>

      <div class="{{ componentClassName + '__logo'}}">
        {% include "@bonniernews/dn-design-system-web/components/footer/logo-with-payoff.njk" %}
      </div>

      {% if params.buttons %}
        <div class="{{ componentClassName + '__buttons'}}">
          {% for button in params.buttons %}
            <button class="ds-footer__button {{ button.classNames }}" {{- getAttributes(button.attributes) | safe }}>{{ button.text }}</button>
          {% endfor %}
        </div>
      {% endif %}
    </div>
  </footer>
{% endmacro %}