{% from "../../macros/attributes.njk" import govukAttributes -%}
{% from "../../macros/logo.njk" import govukLogo -%}

<div class="govuk-footer {%- if params.classes %} {{ params.classes }}{% endif %}"
  {{- govukAttributes(params.attributes) }}>
  <div class="govuk-width-container {%- if params.containerClasses %} {{ params.containerClasses }}{% endif %}">
    {{- govukLogo({
      classes: 'govuk-footer__crown',
      useLogotype: false
    }) }}
    {% if params.navigation | length %}
      <div class="govuk-footer__navigation">
        {% for nav in params.navigation %}
          <div class="govuk-footer__section govuk-grid-column-{{ nav.width | default("full", true) }}">
            <h2 class="govuk-footer__heading govuk-heading-m">{{ nav.title }}</h2>
            {% if nav.items | length %}
              {% set listClasses = "govuk-footer__list--columns-" + nav.columns if nav.columns %}
              <ul class="govuk-footer__list {%- if listClasses %} {{ listClasses }}{% endif %}">
                {% for item in nav.items %}
                  {% if item.href and item.text %}
                    <li class="govuk-footer__list-item">
                      <a class="govuk-footer__link" href="{{ item.href }}"
                        {{- govukAttributes(item.attributes) }}>
                        {{ item.text }}
                      </a>
                    </li>
                  {% endif %}
                {% endfor %}
              </ul>
            {% endif %}
          </div>
        {% endfor %}
      </div>
      <hr class="govuk-footer__section-break">
    {% endif %}
    <div class="govuk-footer__meta">
      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
        {% if params.meta %}
        <h2 class="govuk-visually-hidden">{{ params.meta.visuallyHiddenTitle | default("Support links", true) }}</h2>
        {% if params.meta.items | length %}
        <ul class="govuk-footer__inline-list">
        {% for item in params.meta.items %}
          <li class="govuk-footer__inline-list-item">
            <a class="govuk-footer__link" href="{{ item.href }}"
              {{- govukAttributes(item.attributes) }}>
              {{ item.text }}
            </a>
          </li>
        {% endfor %}
        </ul>
        {% endif %}
        {% if params.meta.text or params.meta.html %}
        <div class="govuk-footer__meta-custom">
          {{ params.meta.html | safe | trim | indent(10) if params.meta.html else params.meta.text }}
        </div>
        {% endif %}
        {% endif %}
        {% if params.contentLicence !== null %}
          {# The SVG needs `focusable="false"` so that Internet Explorer does not
            treat it as an interactive element - without this it will be
            'focusable' when using the keyboard to navigate. -#}
          <svg
            aria-hidden="true"
            focusable="false"
            class="govuk-footer__licence-logo"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 483.2 195.7"
            height="17"
            width="41"
          >
            <path
              fill="currentColor"
              d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
            />
          </svg>
          <span class="govuk-footer__licence-description">
          {% if params.contentLicence.html or params.contentLicence.text %}
            {{ params.contentLicence.html | safe | trim | indent(12) if params.contentLicence.html else params.contentLicence.text }}
          {% else %}
            All content is available under the
            <a
              class="govuk-footer__link"
              href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
              rel="license"
            >Open Government Licence v3.0</a>, except where otherwise stated
          {% endif %}
          </span>
        {% endif %}
      </div>
      <div class="govuk-footer__meta-item">
        <a
          class="govuk-footer__link govuk-footer__copyright-logo"
          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
        >
        {% if params.copyright.html or params.copyright.text %}
          {{ params.copyright.html | safe | trim | indent(10) if params.copyright.html else params.copyright.text }}
        {% else %}
          © Crown copyright
        {% endif %}
        </a>
      </div>
    </div>
  </div>
</div>